Untitled

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Test site | Jony</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Testing website coded by Jony - rapture-gfx" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="flexslider.css" type="text/css" media="screen"/>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>
<script src="jquery.flexslider-min.js"></script>
		   <script type="javascript/text">
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});
</script>

</head>

<header>

<!-- First header start -->

<div class="header">

<div class="container">

            <div class="row">


                        <div class="span6">

                                 <div id="logo"><img src="img/logo.png"></div>

								 </div>

                    <div class="span6">

                              <ul class="navigation">

                              <li><a href="#">Notifications</a></li>

                              <li><a href="#">Wish list [0]</a></li>

                              <li><a href="#">Account</a></li>

                              <li><a href="#">orders</a></li>

							  <li><a href="#"><div id="offing"><img src="img/market.png"></div></a></li>

                               </ul>

                    </div>

				</div>

			</div>

	   </div>

<!-- First header end -->


	   <div class="secondheader">

	      <div class="container">

		           <div class="span12">

				              <ul class="nav6">

                              <li><a href="#">Home</a></li>

                               <li class="dropdown1"><a href="#">Categories</a>
                    <ul>
                        <a href="#"><li class="substyle">Buy</li></a>
                        <a href="#"><li class="substyle">Sell</li></a>
                        <a href="#"><li class="substyle">Forums</li></a>
                        <a href="#"><li class="substyle">Contact</li></a>
                        <a href="#"><li class="substyle">item 1</li></a>
                        <a href="#"><li class="substyle">Forums</li></a>
                        <a href="#"><li class="substyle">Contact</li></a>
                        <a href="#"><li class="substyle">item 1</li></a>
                    </ul>
                </li>

                              <li><a href="#">Buy</a></li>

                              <li><a href="#">Sell</a></li>

							  <li><a href="#">Forums</a></li>

							  <li><a href="#">Contact</a></li>

							  <li><a href="#">item 1</a></li>

							  <li><a href="#">Forums</a></li>

							  <li><a href="#">Contact</a></li>

							  <li><a href="#">item 1</a></li>

                              </ul>

							  </div>

				   </div>

		   </div>

    </div>

    <div class="thirdheader">

	             <div class="container">

	                                   <div class="span3">

	                                   <span id="paragraph" style="color: #c5c3be; font-family: 'Dosis', sans-serif; font-size: 17px;">Welcome guest, how are you doing today?</span>

	                                   </div>


	                                   <div class="span6">

	                                   <form class="form1">

                                       <input type="text" class="inputform">

                                       </form>

	                               </div>

	                         </div>

                       </div>


            </div>

</div>


</header>


<body>

         <div class="container">

                                  <br />
<div class="flexslider">
  <ul class="slides">
    <li>
      <img src="img/slide1.jpg" />
    </li>
    <li>
      <img src="img/slide2.jpg" />
    </li>
    <li>
      <img src="img/slide3.jpg" />
    </li>
    <li>
      <img src="img/slide4.jpg" />
    </li>
  </ul>
</div>

		   <br />


                                  <br />

							<br />


<div class="row-fluid">

         <div class="span12">
         <span style="float: left;"id="fontfamily1">FEATURED</span>

		                          <div id="lines"></div>
</div>
</div>


						<!-- Featured boxes start -->
<br /><br /><br />
<div class="row-fluid">

         <div class="span3">

		 <div id="box1">

		 <div id="attack1">

		 </div>

		 		 <span id="box3text" style="font-family: 'Dosis', sans-serif; font-size: 20px; color: grey;">Preview</span><br />

		 <div id="cart">
<a href="#"><div class="buttoncart">
ADD TO CART
</div></a>


		 <div id="price">

		 </div>

		 </div>

		 </div>

		 </div>


		<div class="span3">

		<div id="box2">

		<div id="attack1">

		 </div>

		 <span id="box3text" style="font-family: 'Dosis', sans-serif; font-size: 20px; color: grey;">Preview</span><br />

		 <div id="cart">

<a href="#"><div class="buttoncart">
ADD TO CART
</div></a>


		 <div id="price">

		 </div>

		 </div>

		</div>

		</div>


		<div class="span3">

		<div id="box3">

		<div id="attack1">

		 </div>

		<span id="box3text" style="font-family: 'Dosis', sans-serif; font-size: 20px; color: grey;">Preview</span><br />

		<div id="cart">

<a href="#"><div class="buttoncart">
ADD TO CART
</div></a>


		<div id="price">

		</div>

		</div>


		</div>

		</div>


		<div class="span3">

		<div id="box4">

		<div id="attack1">

		 </div>

		 <span id="box3text" style="font-family: 'Dosis', sans-serif; font-size: 20px; color: grey;">Preview</span><br />

		 <div id="cart">

<a href="#"><div class="buttoncart">
ADD TO CART
</div></a>


		 <div id="price">

		 </div>

		 </div>

		 </div>

		</div>


			   </div>

			   <br />

			        <br />

<div class="row-fluid">

         <div class="span12">
         <span style="float: left;"id="fontfamily1">LATEST</span>

		                          <div id="lines1"></div>
</div>
</div>


						<!-- Featured boxes start -->
<br /><br /><br />
<div class="row-fluid">

         <div class="span3">
		 <div id="box5">
		 		<div id="attack1">

		 </div>

		 <span id="box3text" style="font-family: 'Dosis', sans-serif; font-size: 20px; color: grey;">Preview</span><br />

		 <div id="cart">

<a href="#"><div class="buttoncart">
ADD TO CART
</div></a>


		 <div id="price">

		 </div>

		 </div></div>
         </div>


		 <div class="span3">
		 <div id="box6">
		 		<div id="attack1">

		 </div>

		 <span id="box3text" style="font-family: 'Dosis', sans-serif; font-size: 20px; color: grey;">Preview</span><br />

		 <div id="cart">

<a href="#"><div class="buttoncart">
ADD TO CART
</div></a>


		 <div id="price">

		 </div>

		 </div>
		 </div>
         </div>


		 <div class="span3">
         <div id="box7">
		 		<div id="attack1">

		 </div>

		 <span id="box3text" style="font-family: 'Dosis', sans-serif; font-size: 20px; color: grey;">Preview</span><br />

		 <div id="cart">

<a href="#"><div class="buttoncart">
ADD TO CART
</div></a>


		 <div id="price">

		 </div>

		 </div>
		 </div>
         </div>


		 <div class="span3">
         <div id="box8">
		 		<div id="attack1">

		 </div>

		 <span id="box3text" style="font-family: 'Dosis', sans-serif; font-size: 20px; color: grey;">Preview</span><br />

		 <div id="cart">

<a href="#"><div class="buttoncart">
ADD TO CART
</div></a>


		 <div id="price">

		 </div>

		 </div>
		 </div>
         </div>


			   </div>

			   <br />

			        <br />

					<div class="row-fluid">
                              <div class="span6">
							  <ul class="buttonsnav">
							 <a href="#"> <li class="buttons"><span style="color:#545454;">></span></li></a>

                             <a href="#"> <li class="buttons"><span style="color:#545454;">8</span></li></a>

                             <a href="#"> <li class="buttons"><span style="color:#545454;">7</span></li></a>

                              <a href="#"><li class="buttons"><span style="color:#545454;">6</span></li></a>

							  <a href="#"><li class="buttons"><span style="color:#545454;">5</span></li></a>

							 <a href="#"> <li class="buttons"><span style="color:#545454;">4</span></li></a>

							  <a href="#"><li class="buttons"><span style="color:#545454;">3</span></li></a>

							  <a href="#"><li class="buttons"><span style="color:#545454;">2</span></li></a>

							  <li class="buttoncurrent">1</li>

							  <li class="buttonun"><</li>

                              </ul>


</div></div></div>

<br /><br /><br />

</div>

</body>


<!-- MINI FOOTER START -->

<div class="footerbefore">
<div class="container"> <!-- FULL BG -->

<div class="row-fluid">

         <div class="span4">
		 <div class="footertext1">
		 <div class="footerheader">
		 <div class="icon"></div>Suspendisse sed <br /> <!-- New Line -->
		 </div>
		 <div class="footerpara">
		 Aliquam dignissim porttitor tortor non fermentum. Curabitur in magna lectus. Duis sed eros diam. Lorem ipsum dolor sit
		 </div>


		 </div>


		 </div>

		          <div class="span4">
		 <div class="footertext1">
		 <div class="footerheader">
		 <div class="icon2"></div>Suspendisse sed <br /> <!-- New Line -->
		 </div>
		 <div class="footerpara">
		 Aliquam dignissim porttitor tortor non fermentum. Curabitur in magna lectus. Duis sed eros diam. Lorem ipsum dolor sit
		 </div>


		 </div>


		 </div>

		          <div class="span4">
		 <div class="footertext1">
		 <div class="footerheader">
		 <div class="icon3"></div>Suspendisse sed <br /> <!-- New Line -->
		 </div>
		 <div class="footerpara">
		 Aliquam dignissim porttitor tortor non fermentum. Curabitur in magna lectus. Duis sed eros diam. Lorem ipsum dolor sit
		 </div>


		 </div>


		 </div>

		 </div>


</div>
</div>

<!-- FOOTER START -->

<div class="footer">
<div class="container"> <!-- FULL BG -->

<div class="row-fluid">
         <div class="span3">
		 <div class="linkone">
		 About us
		 </div>
		 <div class="linksone">
		 Suspendisse sed accumsan risus. Curabitur rhoncus, elit vel tincidunt elementum, nunc urna tristique nisi, in interdum  nunc urna tristique nisi, in interdum libero magna  libero magna tristique ante. adipiscing varius. Vestibulum dolor lorem.
		 </div>
		 </div>

		          <div class="span2">
		 <div class="linkone">
		 Information
		 </div>
		 <div class="linksone">


		 <ul class="linksclass">
		 <a href="#"><li>About us</li></a>
		 <a href="#"><li>Downloads</li></a>
		 <a href="#"><li>Shop</li></a>
		 <a href="#"><li>Extras</li></a>
		 <a href="#"><li>Others</li></a>
		 </ul>
		 </div>
		 </div>

		          <div class="span3">
		 <div class="linkone">
		 Customer Service
		 </div>
		 <div class="linksone">

		 		 <ul class="linksclass">
		 <a href="#"><li>About us</li></a>
		 <a href="#"><li>Downloads</li></a>
		 <a href="#"><li>Shop</li></a>
		 <a href="#"><li>Extras</li></a>
		 <a href="#"><li>Others</li></a>
		 </ul>

		 </div>
		 </div>

		          <div class="span2">
		 <div class="linkone">
		 Extras
		 </div>
		 <div class="linksone">
		 		 		 <ul class="linksclass">
		 <a href="#"><li>About us</li></a>
		 <a href="#"><li>Downloads</li></a>
		 <a href="#"><li>Shop</li></a>
		 <a href="#"><li>Extras</li></a>
		 <a href="#"><li>Others</li></a>
		 </ul>
		 </div>
		 </div>


		 		          <div class="span2">
		 <div class="linkone">
		 Extras
		 </div>
		 <div class="linksone">
		 		 		 <ul class="linksclass">
		 <a href="#"><li>About us</li></a>
		 <a href="#"><li>Downloads</li></a>
		 <a href="#"><li>Shop</li></a>
		 <a href="#"><li>Extras</li></a>
		 <a href="#"><li>Others</li></a>
		 </ul>
		 </div>
		 </div>

		 </div>


</div>
</div>
<!-- COPYRIGHT FOOTER START -->

<div class="subfooter">
<div class="container"> <!-- FULL BG -->

<div class="row-fluid">
         <div class="span6">
		 <div id="copyright1">copyright of <font color="#9a9a9a">bonfire</font> 2012 All Rights Reserved</div>
		 </div>

		 <div class="span6">
		 <div id="copyright2">Designed by (?) Coded by <a hrew="#">Jony</a></div>
		 </div>

</div>
</div>


</html>