Coding of About 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">
<div class="row">
<div class="large-12">
<div class="large-4
columns">
<img
src="img/logo.png">
</div> <!—Logo Div Close-->
</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-->
<!--About
us Banner-->
<!--Coding -->
<div
class="row">
<div class="large-12 columns">
<div class="myabout">
<h3>ABOUT
US</h3>
</div>
</div> <!--Div of Large-12 Closed-->
</div> <!--Div of Row is Closed-->
<!--
Content of the Part-->
<!--Coding of Content Part -->
<div
class="row paragraph">
<div class="large-12">
<div class="large-8
columns">
<p>
Lorem Ipsum is simply dummy text
of the printing and typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s, when an unknown printer took a galley
of type and scrambled it to make a type specimen book. It has survived not only
five centuries, but also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<P>
Lorem Ipsum is simply dummy text
of the printing and typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s, when an unknown printer took a galley
of type and scrambled it to make a type specimen book. It has survived not only
five centuries, but also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<p>
Lorem Ipsum is simply dummy text
of the printing and typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s, when an unknown printer took a galley
of type and scrambled it to make a type specimen book. It has survived not only
five centuries, but also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
</div> <!--Div
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 Large-4 of Content is Closed-->
</div> <!--Div of Row is Closed-->
</div> <!--Div of Row Paragraph is Closed-->
Footer
<!-- This is the Bottom of the Page-->
<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 Menu Bar Part at Footer has been Closed
-->
</div>
</section>
</nav>
</div> <!—Large-12 Div Closed-->
</div> <!—Row Div Closed-->
</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