This commit is contained in:
louiscklaw
2025-01-31 19:15:17 +08:00
parent 09adae8c8e
commit 6c60a73f30
1546 changed files with 286918 additions and 0 deletions

View File

@@ -0,0 +1,156 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Yummy Everywhere</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</head>
<body>
<nav>
<div class="nav-wrapper container">
<a id="logo-container" href="index.html" class="brand-logo ">Yummy Everywhere</a>
<ul class="right">
</ul>
</div>
</nav>
<ul id="slide-out" class="sidenav">
</ul>
<!--- Fav Box -->
<div id="modal_box" class="bottom-sheet">
</div>
<div id="index-banner" class="parallax-container">
<div class="">
<div class="container" style="margin-top: 200px;">
<div class="row center">
<div class="col s12 m8 l7 offset-l2 offset-m1 ">
<div class="card-panel grey lighten-5 ">
<form action="search.html" method="get">
<div class="row">
<div class="col s12">
<input placeholder="Input the Restaurant name or you want to eat" id="food" type="text" name="food" class="validate">
</div>
</div>
</div>
</div>
<div class="row center">
<div class="col s12 m1 l1">
<button type="submit" class="btn-large">Search</button>
</div>
</div>
</form>
</div>
<!-- <div class="row center">
<a href="http://materializecss.com/getting-started.html" id="download-button" class="btn-large waves-effect waves-light teal lighten-1">Get Started</a>
</div>-->
</div>
</div>
<div class="parallax"><img src="images/background1.jpg"></div>
</div>
<div class="container" style="min-height:400px">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">search</i></h2>
<h5 class="center">Step 1</h5>
<p class="light center">Input You want to eat in Search Box</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">devices</i></h2>
<h5 class="center">Step 2</h5>
<p class="light center">Choice the Restaurant</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">menu</i></h2>
<h5 class="center">Step 3</h5>
<p class="light center">Watch the Restaurant menu</p>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Structure -->
<div id="modal1" class="modal" style="width: 400px;">
<div class="row center-align">
<div class="col s12 modal-content">
<span class="flow-text" id="loginInfo">
<div id="loginAlert"></div>
<h4 style="border-bottom: 1px solid #ebebeb; height: 50px;">LOGIN</h4>
<div class="input-field col s12">
<i class="material-icons prefix">account_circle</i>
<input id="loginEmail" type="text" class="validate" required>
<label for="loginEmail">Email</label>
</div><br>
<div class="input-field col s12">
<i class="material-icons prefix">vpn_key</i>
<input id="loginPwd" type="password" class="validate" required>
<label for="loginPwd">Password</label>
</div>
<a class="waves-effect waves-light btn col s10 offset-s1" style="margin-top: 50px" id="btnSubmitLogin">LOGIN</a>
<h6 class=" col s12">Don"t have an account? <a href="#" id="createAccount">Sign up here</a></h6>
</span>
<span class="flow-text" id="createInfo">
<div id="pwdAlert"></div>
<h4 style='border-bottom: 1px solid #ebebeb; height: 50px;'>REGISTER</h4><div class='input-field col s6'><input id='first_name' type='text' class='validate' required><label for='first_name'>First Name</label></div><div class='input-field col s6'><input id='last_name' type='text' class='validate' required><label for='last_name'>Last Name</label></div><div class='input-field col s12'><input id='regEmail' type='email' class='validate' required><label for='regEmail'>Email</label></div><div class='input-field col s12'><input id='regPassword' type='password' class='validate' required><label for='regPassword'>Password</label></div><div class='input-field col s12'><input id='checkPassword' type='password' class='validate' required><label for='checkPassword'>Confirm Password</label></div><a class='waves-effect waves-light btn col s10 offset-s1' style='margin-top: 50px' id='btnSubmitRegister'>REGISTER</a><h6 class='col s12' id="changeLogin">You have an account? <a href='#' id='loginAccount'>Login</a></h6>
</span>
</div>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>
<footer class="page-footer teal">
<div class="container">
<div class="row">
<div class="col l3 s12">
<h5 class="white-text">Connect</h5>
<ul>
<li><a class="white-text" href="aboutus.html">About Us</a></li>
<li><a class="white-text" href="userGuide.html">User Guide</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">Copyright © 2019 InnoTech HK Inc. All rights reserved</div>
</div>
</footer>
<!-- Scripts-->
</body>
</html>