-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontactus.html
1 lines (1 loc) · 6.13 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" 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></div></div></nav><header class="jumbotron"><div class="container"><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-12 col-sm align-self-center"><img src="img/logo.png" class="img-fluid"></div></div></div></header><div class="container"><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 btn1" href="tel:+85212345678"><i class="fa fa-phone"></i> Call</a> <a role="button" class="btn btn2"><i class="fa fa-skype"></i> Skype</a> <a role="button" class="btn btn3" href="mailto:[email protected]"><i class="fa fa-envelope-o"></i> Email</a></div></div></div></div><div class="row row-content"><div class="container"><div class="col-12"><h3 class="pad">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 class="form-control" type="text" name="firstname" id="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 class="form-control" type="text" name="lastname" id="lastname" placeholder="Last Name"></div></div><div class="form-group row"><label for="telnum" class="col-12 col-md-2 col-form-label">Tel. number</label><div class="col-5 col-md-3"><input class="form-control" type="tel" name="areacode" id="areacode" placeholder="Area code"></div><div class="col-7 col-md-7"><input class="form-control" type="tel" name="telnum" id="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"></div></div><div class="form-group row"><div class="col-md-6 offset-md-2"><div class="form-check"><input type="checkbox" class="form-check-input" name="approve" id="approve"> <label for="approve" class="form-check-label"><strong style="color:#512da8">May we contact you?</strong></label></div></div><div class="col-md-3 offset-md-1"><select><option>Tel. number</option><option>Email</option></select></div></div><div class="form-group row"><label for="Feedback" class="col-md-2 col-form-label">Your Feedback</label><div class="col-md-10"><textarea class="form-control" id="Feedback" name="feedback" rows="12"></textarea></div></div><div class="form-group row"><div class="offset-md-2 col-md-10"><button class="btn btn1" type="submit">Send Feedback</button></div></div></form></div><div class="col-12 col-md"></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="./index.html">Home</a></li><li><a href="./aboutus.html">About</a></li><li><a href="#">Menu</a></li><li><a href="#">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="col-12 col-sm-4 align-self-center"><div class="text-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-google" href="http://youtube.com/"><i class="fa fa-youtube"></i></a> <a class="btn btn-social-icon" 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>