Coding of Contact us Page :-
Header
Header is Divided into Two Parts
1.
Logo
2.
Menubar
Coding Part:
<!doctype html>
<html class="no-js"
lang="en">
<head>
<meta
charset="utf-8" />
<meta
name="viewport" content="width=device-width,
initial-scale=1.0" />
<title>Foundation |
Welcome</title>
<link
rel="stylesheet" href="css/foundation.css" />
<link
rel="stylesheet" href="css/style.css"
/>
<script
src="js/vendor/modernizr.js"></script>
</head>
<body>
<!-- This is Border Class -->
<div class="row border">
<div class="large-12">
<!-- This is the Logo Part -->
<div class="row">
<div class="large-12">
<div class="large-4
columns">
<img
src="img/logo.png">
</div><!—Logo Div Close-->
<!-- This is the Menu
Bar -->
<div class="large-8 columns">
<nav
class="top-bar" data-topbar role="navigation">
<section
class="top-bar-section">
<!-- Left Nav Section
-->
<ul
class="left">
<li><a
href="home.html">Home</a></li>
<li><a
href="Aboutus.html">About
us</a></li>
<li><a
href="Services.html">Services</a></li>
<li><a
href="Potfolio.html">Portfolio</a></li>
<li><a
href="Contactus.html">Contact
us</a></li>
</ul>
</section>
</nav>
</div> <!--Menu Bar Div Close-->
</div> <!--Class-12 Div Close-->
</div> <!-- Row Div Close-->
<!—Contact Us Banner-->
<!--Coding -->
<div
class="row">
<div class="large-12 columns">
<div class="myabout">
<h3>Contact us</h3>
</div>
</div> <!--Div
of Large-12 Closed-->
</div> <!--Div of Row is Closed-->
<!—Content
Part of Contact Page-->
<!-- Coding of Content Part -->
<div class="row paragraph">
<div class="large-12
columns">
<div class="large-8
columns">
<div class="mycontact">
<center>
<h5><b>KMC
Works</b></h5>
<center>
120 Adelaide
Street West, Suite 2500 <br>
Toronto
Ontorio</br>
M5H 1T1
<br>
Office Phone:
416-644-1213<br>
Email:Info@Kmcworks.Com<br><br><br>
</center>
<iframe
src="https://www.google.com/maps/embed?pb=!1m22!1m12!1m3!1d54875.194762473584!2d76.64607465016987!3d30.72684236461795!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m7!1i0!3e6!4m3!3m2!1d30.7241254!2d76.68576759999999!4m0!5e0!3m2!1sen!2sin!4v1411368362867"
width="400" height="300" frameborder="0"
style="border:0"></iframe>
</center>
</div><!--Div of
My Content Closed-->
</div><!--Div of Large-8 Closed-->
<div class="large-4
columns">
<h5>
<b>Have a
question?<b>
</h5>
<h6>Your
name (required) </h6>
<input
type="text" name="text" value=" ">
<h6>Your
email (required) </h6>
<input
type="text" name="text" value=" ">
<h6>Subject </h6>
<input
type="text" name="text" value=" ">
<textarea
rows="6" cols="40"></textarea>
<input
class="send" type="button" value="send">
</div><!--Div of Large-4
Closed-->
</div><!--Div of Large-12
Closed-->
</div><!--Div of Row paragraph Closed-->
Footer Part:-
<!—Coding of the Footer
Part-->
<div class="row">
<div class="large-12
columns">
<nav
class="top-bar" data-topbar role="navigation">
<section
class="top-bar-section">
<!--
Left Nav Section -->
<div class="myfooter">
<ul
class="right">
<li><a
href="home.html">Home</a></li>
<li><a
href="Aboutus.html">About
us</a></li>
<li><a
href="Services.html">Services</a></li>
<li><a
href="Potfolio.html">Portfolio</a></li>
<li><a
href="Contactus.html">Contact
us</a></li>
</ul>
<!— Ul Tag of Menubar Part at Footer has been Closed -->
</div>
</section>
</nav>
</div> <!—Large-12 Div Close-->
</div> <!—Row Div Close-->
</div> <!—Large-12 Border Div Close-->
</div> <!—Row Border Div Close-->
<script
src="js/vendor/jquery.js"></script>
<script
src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body> <!—Tag of Body Part has
been End Here -->
</html> <!--Tag
of Body Part has been End Here -->
No comments:
Post a Comment