Tuesday, March 26, 2013

SIMPLE WEBSITE

<html>
<head>

<title>Untitled Document</title>
<link href="engine1/style.css" rel="stylesheet" type="text/css"></link>
 <script src="engine1/jquery.js" type="text/javascript"></script>
<style>
header,nav,article,aside,time,footer
{
 display:block;
 margin:0px;
 padding:0px;
}
h1toh6,span,div,p,br,ul,ol,li,
{
 margin:0px;
 padding:0px;
}
body
{
 width:960px;
 height:850px;
 background-color: rgba(51,51,51,1);
 margin:0 auto;
}
header
{
 width:960px;
 height:150px;


}
#logo
{
 width:200px;
 height:60px;


}
#form
{
 margin-top:50px;
 text-align:right;
}
#search
{
 border-radius:20px;
}
.clear
{
 clear:both;
}
a
{
 text-decoration:none;
 color:rgba(255,255,0,1);
}
nav
{
 width:960px;
 height:300px;

}
article
{
 width:960px;
 height:50px;
 background-color: rgba(0,0,153,1);
 border:3px solid rgba(0,0,153,1);
 margin-bottom:20px;



}
#menu
{
 width:960px;

 }
#menu ul>li
{
 display:inline;
 padding:21px;
 color:rgba(255,255,255,1);

}

aside
{
 width:230px;
 height:360px;
 margin-bottom:10px;


}
h3
{
 color:rgba(102,0,153,1);
 font-size:20px;

}
p
{
 color:rgba(204,0,153,1);

}
.left
{
 float:left;
}

time
{ width:700px;
height:350px;
margin-left:20px;
 margin-bottom:10px;

}
h4
{
 color:rgba(102,0,153,1);
 font-size:15px;
 text-align:center;
 text-decoration:underline;

}
#mainImage
{
 width:150px;
 heigh:150px;
 padding:2px;
 margin-left:5px;

}
footer
{
 width:960px;
 height:60px;
 clear:both;
 margin-bottom:10px;

}
#Icon
{
 width:100px;
 height:60px;
 text-align:left;

}


</style>



</head>
<body>
<header>

  <img alt="New folder" id="logo" src="semilore 100res.png" />
  <form id="form" method="post">
<input id="search" placeholder="Search...." type="search" />
<input type="button" value="search" />
</form>
</header>
<nav>
<div id="wowslider-container1">
 <div class="ws_images">
<ul>
<li><img alt="05" id="wows1_0" src="data1/images/05.jpg" title="05" /></li>
<li><img alt="boutique-interior-design" id="wows1_1" src="data1/images/boutiqueinteriordesign.jpg" title="boutique-interior-design" /></li>
<li><img alt="Casual T-Shirt 2" id="wows1_2" src="data1/images/casual_tshirt_2.jpg" title="Casual T-Shirt 2" /></li>
<li><img alt="Casual T-Shirt" id="wows1_3" src="data1/images/casual_tshirt.jpg" title="Casual T-Shirt" /></li>
<li><img alt="Gale_boutique_shop2" id="wows1_4" src="data1/images/gale_boutique_shop2.jpg" title="Gale_boutique_shop2" /></li>
<li><img alt="images" id="wows1_5" src="data1/images/images.jpg" title="images" /></li>
<li><img alt="Just-Shop-Boutique_03" id="wows1_6" src="data1/images/justshopboutique_03.jpg" title="Just-Shop-Boutique_03" /></li>
<li><img alt="mastercardwatch" id="wows1_7" src="data1/images/mastercardwatch.jpg" title="mastercardwatch" /></li>
<li><img alt="Punk_accessories-01" id="wows1_8" src="data1/images/punk_accessories01.jpg" title="Punk_accessories-01" /></li>
<li><img alt="slippers (2)" id="wows1_9" src="data1/images/slippers_2.jpg" title="slippers (2)" /></li>
<li><img alt="slippers" id="wows1_10" src="data1/images/slippers.jpg" title="slippers" /></li>
<li><img alt="thera-m-interior_588" id="wows1_11" src="data1/images/theraminterior_588.jpg" title="thera-m-interior_588" /></li>
<li><img alt="Wool+Slip+Sole.+Multi+Purpose+Indoor+Outdoor.+Custom+made+MENS+sizes" id="wows1_12" src="data1/images/wool+slip+sole.+multi+purpose+indoor+outdoor.+custom+made+mens+sizes.jpg" title="Wool+Slip+Sole.+Multi+Purpose+Indoor+Outdoor.+Custom+made+MENS+sizes" /></li>
</ul>
</div>
<div class="ws_bullets">
<div>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="05"><img alt="05" src="data1/tooltips/05.jpg" />1</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="boutique-interior-design"><img alt="boutique-interior-design" src="data1/tooltips/boutiqueinteriordesign.jpg" />2</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="Casual T-Shirt 2"><img alt="Casual T-Shirt 2" src="data1/tooltips/casual_tshirt_2.jpg" />3</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="Casual T-Shirt"><img alt="Casual T-Shirt" src="data1/tooltips/casual_tshirt.jpg" />4</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="Gale_boutique_shop2"><img alt="Gale_boutique_shop2" src="data1/tooltips/gale_boutique_shop2.jpg" />5</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="images"><img alt="images" src="data1/tooltips/images.jpg" />6</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="Just-Shop-Boutique_03"><img alt="Just-Shop-Boutique_03" src="data1/tooltips/justshopboutique_03.jpg" />7</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="mastercardwatch"><img alt="mastercardwatch" src="data1/tooltips/mastercardwatch.jpg" />8</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="Punk_accessories-01"><img alt="Punk_accessories-01" src="data1/tooltips/punk_accessories01.jpg" />9</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="slippers (2)"><img alt="slippers (2)" src="data1/tooltips/slippers_2.jpg" />10</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="slippers"><img alt="slippers" src="data1/tooltips/slippers.jpg" />11</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="thera-m-interior_588"><img alt="thera-m-interior_588" src="data1/tooltips/theraminterior_588.jpg" />12</a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#" title="Wool+Slip+Sole.+Multi+Purpose+Indoor+Outdoor.+Custom+made+MENS+sizes"><img alt="Wool+Slip+Sole.+Multi+Purpose+Indoor+Outdoor.+Custom+made+MENS+sizes" src="data1/tooltips/wool+slip+sole.+multi+purpose+indoor+outdoor.+custom+made+mens+sizes.jpg" />13</a>
</div>
</div>
<a class="wsl" href="http://wowslider.com/">HTML Slideshow Codes by WOWSlider.com v2.9</a>
 <div class="ws_shadow">
</div>
</div>
<script src="engine1/wowslider.js" type="text/javascript"></script>
 <script src="engine1/script.js" type="text/javascript"></script>


</nav>
<article>
<div id="menu">
<ul>
<li>HOME</li>
<li>PORTFOLIO</li>
<li>ABOUT</li>
<li>SERVICES</li>
<li>CONTACT</li>
</ul>
</div>
</article>
<aside class="left">
<div align="center">
<img height="160" src="example4.jpg" width="200" />
<h3>
About</h3>
Back in the day,we never had fashion stuff to helps us look attractive;we had to just dress anyhow who cares?
I mean.Yeah.Back in the day,we never had fashion stuff to helps us look attractive;we had to just dress anyhow who cares?

<br />

</div>
</aside>
<time class="left">
<h4>
New Arrival</h4>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#"><img alt="New folder" id="mainImage" src="Men watch.jpg" /></a>
 <a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#"> <img alt="New folder" id="mainImage" src="Handcurve Shirt.jpg" /></a>
  <a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#"><img alt="New folder" id="mainImage" src="CLEAN-INDIGO-JEANS2.jpg" /></a>
 <a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#"> <img alt="New folder" id="mainImage" src="Indoor slippers.jpg" /></a>
  <a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#"><img alt="New folder" id="mainImage" src="Perfect Shirts.jpg" /></a>
  <a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#"><img alt="New folder" id="mainImage" src="Mannequin_with_jeans.jpg" /></a><br />




</time>
<footer>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#"><img alt="New folder" id="Icon" src="Facebook-icon.png" /></a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#"><img alt="New folder" id="Icon" src="twitter-icon.png" /></a>
<a href="http://www.blogger.com/blogger.g?blogID=2114728105159555014#"><img alt="New folder" id="Icon" src="rss-icon.jpg" /></a>

</footer>
</body>
</html>

Untitled Document
New folder New folder New folder

No comments:

Post a Comment