Branch 1

contact.html

@@ -4,23 +4,22 @@
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<title>Tasty &mdash; The free restaurant that needs your food</title>
+	<link rel="icon" type="image/x-icon" href="images/logo.png">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="The free restaurant that gives food" />
-	<meta name="keywords" content="restaurant, free food " />
-	<meta name="author" content="acrosoft" />
-
+	<meta name="description" content="The best café and restaurant in South Africa" />
+	<meta name="keywords" content="restaurant, café, cafe, tasty " />
+	<meta name="author" content="Basil-Vassilaros" />
 
 
   	<!-- Facebook and Twitter integration -->
-	<meta property="og:title" content=""/>
-	<meta property="og:image" content=""/>
-	<meta property="og:url" content=""/>
-	<meta property="og:site_name" content=""/>
-	<meta property="og:description" content=""/>
-	<meta name="twitter:title" content="" />
-	<meta name="twitter:image" content="" />
-	<meta name="twitter:url" content="" />
-	<meta name="twitter:card" content="" />
+	<meta property="og:title" content="Tasty - café & restaurant"/>
+	<meta property="og:image" content="images/logo.png"/>
+	<meta property="og:url" content="https://www.facebook.com/Tasty-Caf%C3%A9-Restaurant-116384547731769"/>
+	<meta property="og:site_name" content="Tasty_ZA"/>
+	<meta property="og:description" content="café & restaurant"/>
+	<meta name="twitter:title" content="Tasty - café & restaurant" />
+	<meta name="twitter:image" content="images/logo.png" />
+	<meta name="twitter:url" content="https://wwww.twitter.com/Tasty_ZA" />
 
 	<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,300i,400,400i,500,600i,700" rel="stylesheet">
 	<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
@@ -31,7 +30,6 @@
 	<link rel="stylesheet" href="css/icomoon.css">
 	<!-- Bootstrap  -->
 	<link rel="stylesheet" href="css/bootstrap.css">
-
 	<!-- Flexslider  -->
 	<link rel="stylesheet" href="css/flexslider.css">
 
@@ -53,23 +51,35 @@
 	<div id="page">
 	<nav class="fh5co-nav" role="navigation">
 		<!-- <div class="top-menu"> -->
+			<!--This is the top of the page which includes the Header and the Navbar-->
 			<div class="container">
 				<div class="row">
+					<!--Here is the header/Logo-->
 					<div class="col-xs-12 text-center logo-wrap">
-						<div id="fh5co-logo"><a href="index.html">Tasty<span>.</span></a></div>
+						<div id="fh5co-logo"><a href="index.html" class="logo">Tasty<span>.</span></a></div>
 					</div>
+
+					<!--Here is the Navbar-->
 					<div class="col-xs-12 text-center menu-1 menu-wrap">
 						<ul>
 							<li><a href="index.html">Home</a></li>
-							<li><a href="menu.html">Menu</a></li>
 							<li class="has-dropdown">
-								<a href="gallery.html">Gallery</a>
+								<a href="menu.html">Menu</a>
 								<ul class="dropdown">
-									<li><a href="#">Events</a></li>
-									<li><a href="#">Food</a></li>
-									<li><a href="#">Coffees</a></li>
+									<li><a href="menu.html#Breakfast">Breakfasts</a></li>
+									<li><a href="menu.html#Sandwich">Sandwiches</a></li>
+									<li><a href="menu.html#Burger">Burgers</a></li>
+									<li><a href="menu.html#Shawarma">Shawarmas</a></li>
+									<li><a href="menu.html#Salad">Salads</a></li>
+									<li><a href="menu.html#Pizza">Pizzas</a></li>
+									<li><a href="menu.html#Extra">Extras</a></li>
+									<li><a href="menu.html#Dessert">Deserts</a></li>
+									<li><a href="menu.html#Hot_Drink">Hot Drinks</a></li>
+									<li><a href="menu.html#Cool_Drink">Cool Drinks</a></li>
+									<li><a href="menu.html#Milkshake">Milkshakes</a></li>
 								</ul>
 							</li>
+							<li><a href="events.html">Events</a></li>
 							<li><a href="reservation.html">Reservation</a></li>
 							<li><a href="about.html">About</a></li>
 							<li class="active"><a href="contact.html">Contact</a></li>
@@ -81,35 +91,49 @@
 		<!-- </div> -->
 	</nav>
 
-	<header id="fh5co-header" class="fh5co-cover js-fullheight" role="banner" style="background-image: url(images/hero_1.jpeg);" data-stellar-background-ratio="0.5">
+	<!--Here is the opening banner & Heading of the page-->
+	<header id="fh5co-header" class="fh5co-cover js-fullheight banner-contact" role="banner"  data-stellar-background-ratio="0.5">
 		<div class="overlay"></div>
 		<div class="container">
 			<div class="row">
 				<div class="col-md-12 text-center">
 					<div class="display-t js-fullheight">
 						<div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
 							<h1>Get <em>in</em> Touch</h1>
-							<h2>Brought to you by <a href="http://acrosoft/" target="_blank">acrosoft</a></h2>
+							<h2>Don't be shy, let's chat!</h2>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 	</header>
 
-
+	<!--This is the main content of the page-->
 	<div id="fh5co-contact" class="fh5co-section animate-box">
 		<div class="container">
+			<!--Here is the 1st article in the page-->
 			<div class="row animate-box">
 				<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
-					<h2>Don't be shy, let's chat.</h2>
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae enim quae vitae cupiditate, sequi quam ea id dolor reiciendis consectetur repudiandae. Rem quam, repellendus veniam ipsa fuga maxime odio? Eaque!</p>
-					<p><a href="mailto:info@yourdomainname.com" class="btn btn-primary btn-outline">Contact Us</a></p>
+					<h2>Contact Us</h2>
+					<p>To contact us, you can leave a message below by filling in the form. Or if you prefer you can call us on <a href="tel://0333566897">033 356 6897</a> or email us on <a href="mailto:info@tasty.com">info@tasty.com</a>.</p>
+					<p><a href="mailto:info@tasty.com" class="btn btn-primary btn-outline">Email Us</a></p>
 				</div>
 			</div>
 
+			<!--Here is the contact information box that is on the left-->
 			<div class="row">
-				<div class="col-md-6 col-md-push-6 col-sm-6 col-sm-push-6">
+				<div class="col-md-5 col-sm-5 info-box list-none">
+					<h4>Contact Information</h4>
+					<ul class="stuff">
+						<li>198 West 21th Street, Suite 721 New York NY 10016</li>
+						<li><a href="tel://0333566897"> 033 356 6897</a></li>
+						<li><a href="mailto:info@tasty.com"> info@tasty.com</a></li>
+						<li><a href="http://https://acrosoft.co"> acrosoft.co</a></li>
+					</ul>
+				</div>
+
+				<!--The fill in form box that is on the right-->
+				<div class="col-md-6 col-sm-6">
 					<form action="#" id="form-wrap">
 						<div class="row form-group">
 							<div class="col-md-12">
@@ -134,49 +158,54 @@ <h2>Don't be shy, let's chat.</h2>
 								<input type="submit" class="btn btn-primary btn-outline btn-lg" value="Submit Form">
 							</div>
 						</div>
-
 					</form>
 				</div>
 			</div>
 
 		</div>
 	</div>
 
+	<!--Book a table-->
+	<div id="fh5co-started" class="fh5co-section animate-box" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="container">
+			<div class="row animate-box">
+				<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
+					<h2>Book a Table</h2>
+					<p>Hungry? Book a table and come to enjoy a meal that will leave your tastebuds wanting more.</p>
+					<p><a href="reservation.html" class="btn btn-primary btn-outline">Book Now</a></p>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<!--This is the footer-->
 	<footer id="fh5co-footer" role="contentinfo" class="fh5co-section">
 		<div class="container">
 			<div class="row row-pb-md">
 				<div class="col-md-4 fh5co-widget">
 					<h4>Tasty</h4>
-					<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
+					<p>Good food, good people. Where our goals is to serve a smile ;)</p>
 				</div>
-				<div class="col-md-2 col-md-push-1 fh5co-widget">
+				<div class="col-md-2 col-md-push-2 fh5co-widget">
 					<h4>Links</h4>
 					<ul class="fh5co-footer-links">
-						<li><a href="#">Home</a></li>
-						<li><a href="#">Portfolio</a></li>
-						<li><a href="#">Blog</a></li>
-						<li><a href="#">About</a></li>
+						<li><a href="index.html">Home</a></li>
+						<li><a href="menu.html">Menu</a></li>
+						<li><a href="events.html">Events</a></li>
+						<li><a href="reservation.html">Reservation</a></li>
+						<li><a href="about.html">About</a></li>
+						<li><a href="contact.html">Contuct</a></li>
 					</ul>
 				</div>
 
-				<div class="col-md-2 col-md-push-1 fh5co-widget">
-					<h4>Categories</h4>
-					<ul class="fh5co-footer-links">
-						<li><a href="#">Landing Page</a></li>
-						<li><a href="#">Real Estate</a></li>
-						<li><a href="#">Personal</a></li>
-						<li><a href="#">Business</a></li>
-						<li><a href="#">e-Commerce</a></li>
-					</ul>
-				</div>
-
-				<div class="col-md-4 col-md-push-1 fh5co-widget">
+				<div class="col-md-4 col-md-push-2 fh5co-widget">
 					<h4>Contact Information</h4>
 					<ul class="fh5co-footer-links">
-						<li>198 West 21th Street, <br> Suite 721 New York NY 10016</li>
-						<li><a href="tel://1234567920">+ 1235 2355 98</a></li>
-						<li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
-						<li><a href="http://https://acrosoft">acrosoft</a></li>
+						<li>265 West Street, <br> Mayor's Walk, Durban DB 3201</li>
+						<li><a href="tel://0823456789">+27 82 345 6789</a></li>
+						<li><a href="mailto:info@tasty.com">info@tasty.com</a></li>
+						<li><a href="http://https://basil-vassilaros.github.io/Tasty">Tasty.com</a></li>
 					</ul>
 				</div>
 
@@ -186,19 +215,16 @@ <h4>Contact Information</h4>
 				<div class="col-md-12 text-center">
 					<p>
 						<small class="block">&copy; 2022 Acrosoft. All Rights Reserved.</small> 
-						<small class="block">Designed by <a href="http://acrosoft/" target="_blank">acrosoft</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
+						<small class="block">Demo Images: <a href="http://pixabay.com/" target="_blank">Pixabay</a></small>
 					</p>
 					<p>
 						<ul class="fh5co-social-icons">
-							<li><a href="#"><i class="icon-twitter2"></i></a></li>
-							<li><a href="#"><i class="icon-facebook2"></i></a></li>
-							<li><a href="#"><i class="icon-linkedin2"></i></a></li>
-							<li><a href="#"><i class="icon-dribbble2"></i></a></li>
+							<li><a href="https://twitter.com/Tasty_ZA" target="_blank"><i class="icon-twitter2"></i></a></li>
+							<li><a href="https://www.facebook.com/Tasty-Caf%C3%A9-Restaurant-116384547731769" target="_blank"><i class="icon-facebook2"></i></a></li>
 						</ul>
 					</p>
 				</div>
 			</div>
-
 		</div>
 	</footer>
 	</div>