-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 11.2 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" style="background-color:#512da8"><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="#"><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><span class="navbar-text"><a data-toggle="modal" id="loginModalToggle"><span class="fa fa-sign-in"></span> Login</a></span></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 btn5"><h4 class="modal-title">Login</h4><button type="button" class="close" data-dismiss="modal">×</button></div><div class="modal-body btn3"><form><div class="form-row"><div class="form-group col-sm-4"><input type="email" class="form-control form-control-sm mr-1" id="emailid" name="emailid" placeholder="Enter email"></div><div class="col-sm-4"><input type="password" class="form-control form-control-sm mr-1" id="pass" name="pass" placeholder="Password"></div><div class="col-sm-auto"><div class="form-check"><input type="checkbox" class="form-check-input" name="remmember" id="remmember"> <label for="approve" class="form-check-label"><strong>Remember me</strong></label></div></div></div><div class="form-row"><div class="col-sm-3 offset-sm-9"><button class="btn btn-primary" type="submit">Sign in</button> <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button></div></div></form></div></div></div></div><header class="jumbotron"><div class="container"><div class="row row-header"><div class="col-12 col-sm-5"><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-12 col-sm-3 align-self-center"><img src="img/logo.png" class="img-fluid"></div><div class="col-12 col-sm-4 align-self-center"><button class="btn btn-block btn6" id="reserve"><strong><a class="r" data-toggle="modal" data-target="#reserveModal">Reserve Table</a></strong></button></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="Uthappizza"><div class="carousel-caption d-none d-sm-block d-md-block"><h2>Uthappizza <span class="badge badge-danger">HOT</span> <span class="badge badge-pill badge-secondary"> $4.99</span></h2><p>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="Uthappizza"><div class="carousel-caption d-none d-sm-block d-md-block"><h2>Weekend Grand Buffet <span class="badge badge-danger">NEW</span></h2><p>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/images.jfif" alt="Uthappizza"><div class="carousel-caption d-none d-sm-block d-md-block"><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><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 btn5 btn-sm" id="carouselButton"><span id="carousel-button-icon" class="fa fa-pause"></span></button></div></div><div class="row row-content align-items-center"><div class="col-12 col-sm-4 order-sm-last col-md-3"><h3>Our Lipsmacking Culinary Creations</h3></div><div class="col col-sm order-sm-first col-md"><div class="media"><img class="d-flex mr-3 img-thumbnail align-self-center" src="img/uthappizza.png" alt="Uthappizza"><div class="media-body"><h2>Uthappizza <span class="badge badge-danger">HOT</span> <span class="badge badge-pill badge-secondary"> $4.99</span></h2><p>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 row-content align-items-center"><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"><img class="order-sm-last d-flex mr-3 img-thumbnail align-self-center" src="img/buffet.png" alt="Uthappizza"><div class="media-body"><h2>Weekend Grand Buffet <span class="badge badge-danger">NEW</span></h2><p>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></div><div class="row row-content align-items-center"><div class="col-12 col-sm-4 order-sm-last col-md-3"><h3>Meet our Culinary Specialists</h3></div><div class="col col-sm order-sm-first col-md"><div class="media"><img class="d-flex mr-3 img-thumbnail align-self-center col-4 col-sm-4" src="img/images.jfif" alt="Alberto Somayya"><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 id="reserveModal" class="modal fade" role="dialog"><div class="modal-dialog modal-lg" role="content"><div class="modal-content"><div class="modal-header btn5"><h3>Reserve a Table</h3><button type="button" class="close" data-dismiss="modal">×</button></div><div class="modal-body btn3"><form><div class="form-group row"><label class="col-sm-2 col-form-label" for="inlineRadioOptions"><strong>Number<br>of Guests</strong></label><div class="col-sm-9"><div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> <label class="form-check-label" for="inlineRadio1">1</label></div><div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> <label class="form-check-label" for="inlineRadio2">2</label></div><div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option1"> <label class="form-check-label" for="inlineRadio3">3</label></div><div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio4" value="option2"> <label class="form-check-label" for="inlineRadio4">4</label></div><div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio5" value="option1"> <label class="form-check-label" for="inlineRadio5">5</label></div><div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio6" value="option2"> <label class="form-check-label" for="inlineRadio6">6</label></div></div></div><div class="form-group row"><label class="col-sm-2 col-form-label" for=""><strong>Section</strong></label><div class="col-sm-4"><div class="btn-group btn-group-toggle" data-toggle="buttons" role="group"><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="option1"> Smoking</label></div></div></div><div class="form-group row"><label class="col-sm-2 col-form-label" for=""><strong>Date and<br>Time</strong></label><div class="col-sm-4"><input class="form-control" type="text" placeholder="Date"></div><div class="col-sm-4"><input class="form-control" type="text" placeholder="Time"></div></div><div class="form-group"><div class="offset-sm-2"><button class="btn btn1">Reserve</button> <button class="btn btn1" data-dismiss="modal">Cancel</button></div></div></form></div></div></div></div></div><footer class="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="#">Home</a></li><li><a href="./aboutus.html">About</a></li><li><a href="#">Menu</a></li><li><a href="./contactus.html">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>: +852 1234 5678<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="center col-12 col-sm-4 align-self-center"><div class="align-self-center"><a class="btn btn-social-icon btn-google" href="http://google.com/+"><i class="fa fa-google-plus"></i></a> <a class="btn btn-social-icon btn-facebook" href="http://www.facebook.com/profile.php?id="><i class="fa fa-facebook"></i></a> <a class="btn btn-social-icon btn-linkedin" href="http://www.linkedin.com/in/"><i class="fa fa-linkedin"></i></a> <a class="btn btn-social-icon btn-twitter" href="http://twitter.com/"><i class="fa fa-twitter"></i></a> <a class="btn btn-social-icon btn-youtube" href="http://youtube.com/"><i class="fa fa-youtube"></i></a> <a href="mailto:"><i class="fa fa-envelope-o"></i></a></div></div></div><div class="row justify-content-center"><div class="col-auto"><p>© Copyright 2018 Ristorante Con Fusion</p></div></div></div></footer><script src="js/main.js"></script></body></html>