-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
1 lines (1 loc) · 12.4 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv="x-ua-compatible" content="ie=edge"><link rel="stylesheet" href="css/main.css"><title>Ristorante Con Fusion</title></head><body><nav class="navbar navbar-dark navbar-expand-sm fixed-top"><div class="container"><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"><span class="navbar-toggler-icon"></span></button> <a class="navbar-brand mr-auto" href="#"><img src="./img/logo.png" height="30" width="41"></a><div class="collapse navbar-collapse" id="navbar"><ul class="navbar-nav mr-auto"><li class="nav-item active"><a class="nav-link" href="./index.html"><span class="fa fa-home fa-lg"></span> Home</a></li><li class="nav-item"><a class="nav-link" href="./aboutus.html"><span class="fa fa-info fa-lg"></span> About</a></li><li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-list fa-lg"></span> Menu</a></li><li class="nav-item"><a class="nav-link" href="./contactus.html"><span class="fa fa-address-card fa-lg"></span> Contact</a></li></ul><ul class="navbar-nav ml-auto"><li class="nav-item"><a class="nav-link" onclick="login()"><i class="fa fa-user-circle-o fa-lg"></i> Login</a></li></ul></div></div></nav><div id="loginModal" class="modal fade" role="dialog"><div class="modal-dialog modal-lg" role="content"><div class="modal-content"><div class="modal-header"><h4 class="modal-title">Login</h4><button type="button" class="close" data-dismiss="modal">×</button></div><div class="modal-body"><form><div class="form-row"><div class="form-group col-sm-4"><label class="sr-only" for="exampleInputEmail3">Email address</label> <input type="email" class="form-control form-control-sm mr-1" id="exampleInputEmail3" placeholder="Enter email"></div><div class="form-group col-sm-4"><label class="sr-only" for="exampleInputPassword3">Password</label> <input type="password" class="form-control form-control-sm mr-1" id="exampleInputPassword3" placeholder="Password"></div><div class="col-sm-auto"><div class="form-check"><input class="form-check-input" type="checkbox"> <label class="form-check-label">Rememberwho am i ?</label></div></div></div><div class="form-row"><button type="button" class="btn btn-secondary btn-sm ml-auto" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-primary btn-sm ml-1">Sign in</button></div></form></div></div></div></div><div id="reservationmodal" class="modal fade" role="dialog"><div class="modal-dialog modal-lg" role="content"><div class="modal-content"><div class="modal-header"><h4 class="modal-title">Reserve a table</h4><button type="button" class="close" data-dismiss="modal">×</button></div><div class="modal-body"><form><div class="form-group row"><label for="guests" class="col-sm-2 col-form-label">Number of Guests</label><div class="col-sm-8"><div class="form-check-inline"><label class="form-check-label"><input type="radio" class="form-check-input" name="option1"> <strong>1</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option2"> <strong>2</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option3"> <strong>3</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option4"> <strong>4</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option5"> <strong>5</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option6"> <strong>6</strong></label></div></div></div><div class="form-group row"><label for="smoking" class="col-sm-2 col-form-label">Section</label><div class="btn-group btn-group-toggle" data-toggle="buttons"><label class="btn btn-success active"><input type="radio" name="options" id="option1" checked="checked"> Non-Smoking</label> <label class="btn btn-danger"><input type="radio" name="options" id="option2"> Smoking</label></div></div><div class="form-group row"><label for="date" class="col-sm-2 col-form-label">Date and Time</label><div class="col-12 col-sm-3"><input type="date" class="form-control" id="date1" name="date" placeholder="Date"></div><div class="col-12 col-sm-5"><input type="time" class="form-control" id="date2" name="time" placeholder="Time"></div></div><div class="form-group row"><div class="offset-md-2 col-md-10"><button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-primary">Reserve</button></div></div></form></div></div></div></div><header class="jumbotron"><div class="container-fluid"><div class="row row-header"><div class="col-12 col-sm-6"><h1>Ristorante con Fusion</h1><p>We take inspiration from the World's best cuisines, and create a unique fusion experience. Our lipsmacking creations will tickle your culinary senses!</p></div><div class="col col-sm align-self-center"><img src="./img/logo.png" class="image-fluid"><div class="btn" role="button"><a role="button" class="btn btn-warning btn-lg btn-block nav-link" onclick="reserve()">Reserve Table</a></div></div></div></div></header><div class="container"><div class="row row-content"><div class="col"><div id="mycarousel" class="carousel slide" data-ride="carousel"><div class="carousel-inner" role="listbox"><div class="carousel-item active"><img class="d-block img-fluid" src="./img/uthappizza.png" alt="uthiapizza"><div class="carousel-caption d-none d-md-block"><h2>Uthappizza <span class="badge badge-danger">HOT</span> <span class="badge badge-pill badge-secondary">$4.99</span></h2><p class="d-none d-sm-block">A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.</p></div></div><div class="carousel-item"><img class="d-block img-fluid" src="./img/buffet.png" alt="buffet"><div class="carousel-caption d-none d-md-block"><h2>Weekend Grand Buffet <span class="badge badge-danger">NEW</span></h2><p class="d-none d-sm-block">Featuring mouthwatering combinations with a choice of five different salads, six enticing appetizers, six main entrees and five choicest desserts. Free flowing bubbly and soft drinks. All for just $19.99 per person</p></div></div><div class="carousel-item"><img class="d-block img-fluid" src="./img/alberto.png" alt="alberto"><div class="carousel-caption d-none d-md-block"><h2>Alberto Somayya</h2><h4>Executive Chef</h4><p class="d-none d-sm-block">Award winning three-star Michelin chef with wide International experience having worked closely with whos-who in the culinary world, he specializes in creating mouthwatering Indo-Italian fusion experiences.</p></div></div><ol class="carousel-indicators"><li data-target="mycarousel" data-slide-to="0" class="active"></li><li data-target="mycarousel" data-slide-to="1"></li><li data-target="mycarousel" data-slide-to="2"></li></ol><a class="carousel-control-prev" href="#mycarousel" role="button" data-slide="prev"><span class="carousel-control-prev-icon"></span> </a><a class="carousel-control-next" href="#mycarousel" role="button" data-slide="next"><span class="carousel-control-next-icon"></span> </a><button class="btn btn-danger btn-sm" id="carouselButtons"><span class="fa fa-pause"></span></button></div></div></div></div><div class="row" style="padding-top:20px"><div class="col-12 col-sm-4 col-md-3 order-sm-last"><h3>Our Lipsmacking Culinary Creations</h3></div><div class="col col-sm col-md order-sm-first"><div class="media"><img class="d-flex mr-3 img-thumbnail align-self-center" src="./img/uthappizza.png" alt="uthiapizza"><div class="media-body"><h2 class="mt-0">Uthappizza <span class="badge badge-danger">HOT</span> <span class="badge badge-pill badge-secondary">$4.99</span></h2><p class="d-none d-sm-block">A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.</p></div></div></div></div><div class="row"><div class="col-12 col-sm-4 col-md-3"><h3>This Month's Promotions</h3></div><div class="col col-sm col-md"><div class="media"><div class="media-body"><h2 class="mt-0">Weekend Grand Buffet <span class="badge badge-danger">NEW</span></h2><p class="d-none d-sm-block">Featuring mouthwatering combinations with a choice of five different salads, six enticing appetizers, six main entrees and five choicest desserts. Free flowing bubbly and soft drinks. All for just $19.99 per person</p></div><img class="d-flex ml-2 img-thumbnail align-self-center" src="./img/buffet.png" alt="buffet"></div></div></div><div class="row"><div class="col-12 col-sm-4 col-md-3 order-sm-last"><h3>Meet our Culinary Specialists</h3></div><div class="col col-sm col-md order-sm-first"><div class="media"><img class="d-flex mr-3 img-thumbnail align-self-center" src="./img/alberto.png" alt="alberto"><div class="media-body"><h2 class="mt-0">Alberto Somayya</h2><h4>Executive Chef</h4><p class="d-none d-sm-block">Award winning three-star Michelin chef with wide International experience having worked closely with whos-who in the culinary world, he specializes in creating mouthwatering Indo-Italian fusion experiences.</p></div></div></div></div></div><div class="row row-content"><div class="offset-sm-2 col-sm-8 col-12"><div class="card" id="reservationCard"><h3 class="card-header bg-warning text-white">Reserve a Table</h3><div class="card-body"><form><div class="form-group row"><label for="Guests" class="col-sm-2 col-form-label">Number of Guests</label><div class="col-sm-8"><div class="form-check-inline"><label class="form-check-label"><input type="radio" class="form-check-input" name="option1"> <strong>1</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option2"> <strong>2</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option3"> <strong>3</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option4"> <strong>4</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option5"> <strong>5</strong></label> <label class="form-check-label"><input type="radio" class="form-check-input" name="option6"> <strong>6</strong></label></div></div></div><div class="form-group row"><label for="date" class="col-sm-2 col-form-label">Date and Time</label><div class="col-12 col-sm-3"><input type="text" class="form-control" id="date3" name="date" placeholder="Date"></div><div class="col-12 col-sm-5"><input type="text" class="form-control" id="date4" name="time" placeholder="Time"></div></div><div class="form-group row"><div class="offset-md-2 col-md-10"><button type="submit" class="btn btn-primary">Reserve</button></div></div></form></div></div></div></div><footer class="footer" id="footer"><div class="container"><div class="row"><div class="col-4 offset-1 col-sm-2"><h5>Links</h5><ul class="list-unstyled"><li><a href="#"><i class="fa fa-home"></i> Home</a></li><li><a href="./aboutus.html"><i class="fa fa-info"></i> About</a></li><li><a href="#"><i class="fa fa-list"></i> Menu</a></li><li><a href="./contactus.html"><i class="fa fa-address-card"></i> Contact</a></li></ul></div><div class="col-7 col-sm-5"><h5>Our Address</h5><address>121, Clear Water Bay Road<br>Clear Water Bay, Kowloon<br>HONG KONG<br><i class="fa fa-phone fa-lg"></i> <a href="tel:+85212345678">+852 123 45678</a><br><i class="fa fa-fax fa-lg"></i> +852 8765 4321<br><i class="fa fa-envelope fa-lg"></i> <a href="mailto:[email protected]">[email protected]</a></address></div><div class="col-12 col-sm-4 align-self-center"><div class="text-center"><a href="http://google.com/+" class="btn btn-google"><i class="fa fa-google-plus fa-lg"></i></a> <a href="http://www.facebook.com/profile.php?id=" class="btn btn-facebook"><i class="fa fa-facebook fa-lg"></i></a> <a href="http://www.linkedin.com/in/" class="btn btn-linkedin"><i class="fa fa-linkedin fa-lg"></i></a> <a href="http://twitter.com/" class="btn btn-twitter"><i class="fa fa-twitter fa-lg"></i></a> <a href="http://youtube.com/" class="btn btn-google"><i class="fa fa-youtube fa-lg"></i></a> <a href="mailto:[email protected]" class="btn btn-google"><i class="fa fa-envelope-o fa-lg"></i></a></div></div></div><div class="row justify-content-center"><div class="col-auto"><p>© Copyright 2020 Ristorante Con Fusion</p></div></div></div></footer><script src="js/main.js"></script></body></html>