-
Notifications
You must be signed in to change notification settings - Fork 2
/
contactus.html
1 lines (1 loc) · 12 KB
/
contactus.html
1
<!DOCTYPE html><html lang="en"><head><title>Ristorante Con Fusion: About Us</title><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"></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"><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 active"><a class="nav-link" href="#"><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">Remember me</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"><ol class="col-12 breadcrumb"><li class="breadcrumb-item"><a href="./index.html">Home</a></li><li class="breadcrumb-item active">Contact Us</li></ol><div class="col-12"><h3>Contact Us</h3><hr></div></div><div class="row row-content"><div class="col-12"><h3>Location Information</h3></div><div class="col-12 col-sm-4 offset-sm-1"><h5>Our Address</h5><address style="font-size:100%">121, Clear Water Bay Road<br>Clear Water Bay, Kowloon<br>HONG KONG<br><i class="fa fa-phone"></i>: +852 1234 5678<br><i class="fa fa-fax"></i>: +852 8765 4321<br><i class="fa fa-envelope"></i>: <a href="mailto:[email protected]">[email protected]</a></address></div><div class="col-12 col-sm-6 offset-sm-1"><h5>Map of our Location</h5></div><div class="col-12 col-sm-11 offset-sm-1"><div class="btn-group" role="group"><a role="button" class="btn btn-primary" href="tel:+918617882398"><i class="fa fa-phone"></i> Call</a> <a role="button" class="btn btn-info" href="#"><i class="fa fa-skype"></i> Skype call</a> <a role="button" class="btn btn-success" href="mailto:[email protected]"><i class="fa fa-envelope-o"></i> Mail</a></div></div></div><div class="row row-content"><div class="col-12"><h3>Send us your Feedback</h3></div><div class="col-12 col-md-9"><form><div class="form-group row"><label for="firstname" class="col-md-2 col-form-label">First Name</label><div class="col-md-10"><input type="text" class="form-control" id="firstname" name="firstname" placeholder="First Name"></div></div><div class="form-group row"><label for="lastname" class="col-md-2 col-form-label">Last Name</label><div class="col-md-10"><input type="text" class="form-control" id="lastname" name="lastname" placeholder="Last Name"></div></div><div class="form-group row"><label for="telnum" class="col-12 col-md-2 col-form-label">Contact number</label><div class="col-5 col-md-3"><input type="tel" class="form-control" id="areacode" name="areacode" placeholder="Area Code"></div><div class="col-7 col-md-7"><input type="tel" class="form-control" id="telnum" name="telnum" placeholder="Tel number"></div></div><div class="form-group row"><label for="emailid" class="col-md-2 col-form-label">Email</label><div class="col-md-10"><input type="email" class="form-control" id="emailid" name="emailid" placeholder="[email protected]"></div></div><div class="form-group row"><div class="col-md-6 offset-1 offset-md-2"><div class="form-cheeck"><input type="checkbox" class="form-check-input" name="approve" id="approve"> <label class="form-check-label" for="approve"><strong>May we contact you?</strong></label></div></div><div class="col-md-3 offset-md-1"><select class="form-control"><option>Tel.</option><option>Email</option></select></div></div><div class="form-group row"><label for="feedback" class="col-md-2 col-form-label">Feedback</label><div class="col-md-10"><textarea type="email" class="form-control" id="feedback" name="emailid" rows="12"></textarea></div></div><div class="form-group row"><div class="offset-md-2 col-md-10"><button type="submit" class="btn btn-primary">Send Feedback</button></div></div></form></div><div class="col-12 col-md"></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>