<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Shop Item - Start Bootstrap Template</title>

    <!-- Bootstrap Core CSS -->
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
    <!-- Custom CSS -->
    <link href="styles/shop-item.css" rel="stylesheet">
   <link data-type="sitestyle" href="styles/style.css" rel="stylesheet" type="text/css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
    <div class="container bg">
<div class="row">
<div class="menu-outer">
<!-- start topmenu -->  
 <div class="container topnav"> 
  <div class="row"> 

<div class="col-md-12 btm-brd btm-pdg">
<div class="col-md-3  logo"  data-type="logo">      
<img src="images/logo.png" class="img-responsive" data-type="logo">
</div>
<div class="col-md-9">
<nav role="navigation" class="navbar-default  topnav pull-right" >   
<div class="navbar-header">
<button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

</div>

<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse no-padding">
<div class="nav navbar-nav right-section top-menu">
<ul data-type="menu">
<li>
<a data-alias="index">Home</a>
</li>
<li>
<a data-alias="aboutus">About</a>
</li>
<li>
<a data-alias="gallery">Gallery</a>
</li>
<li>
<a data-alias="contactus">Contact</a>
</li>
</ul>
</div>
</div>
</nav>     
</div>
</div>

        
       
 
     </div>
     </div>
   <!-- end topmenu -->
</div>

    
    <div class="banner-outer">  
    <div class="container content-section-c">

        <div class="row">
         
        <div class="col-md-12 ">
         <!--start box1-->
            <h2 class="inner-head">About Us</h2>
              <!--end box1-->
            </div>
        
           

            
             
            <div class="col-md-12">

            <div class="content-outer">
           <!--start box2-->
                <div class="box">

                   

                 <p class="text-font">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                   </p>

          </div>
             <!--end box2-->
</div>
<div class="content-outer">
              <!--start box3-->
             
    <div class="box clear">

       
           
                <div class="col-md-4 block">
                <h3 class="dot-brd">About us</h3>
                <p class="text-font">
                <b class="blue-text">A special thanks to Death to the Stock Photo for providing the photographs that you see in this template.</b><br>
                A special thanks to Death to the Stock Photo for providing the photographs that you see in this template. Visit their website to become a member.A special thanks to Death to the Stock Photo for providing the photographs that you see in this template. Visit their website to become a member.
                <button class="btn btn-default pull-right tp-mrg" type="submit">read more</button>
             </p>
             </div>
              <div class="col-md-4 block">
              <h3 class="dot-brd">We are Hiring</h3>
                 <p class="text-font">
                 <img src="images/img-2.jpg" width="150" height="116" style="float:left;margin-right:10px;">
                 <b class="blue-text">
                  A special thanks to Death to the Stock Photo for providing the photographs that you see in this template. 
                 </b><br>
              A special thanks to Death to the Stock Photo for providing the photographs that you see in this template. Visit their website to become a member.Visit their website to become a member.
              <button class="btn btn-default pull-right tp-mrg" type="submit">read more</button>
             </p>
             </div>
              <div class="col-md-4 block main">
              <h3 class="dot-brd">Our Services</h3>
              <ul>
              <li class="first"><a href="#">Lorem ipsum dolor sit amet</a></li>
              <li class="odd"><a href="#">Sit atmet, consectetur lorem </a></li>
              <li><a href="#">Consectetur adispicing dolor</a></li>
              <li class="odd"><a href="#">Lipsuim dolor amet adpispicing</a></li>
              <li><a href="#">Lipsuim dolor amet adpispicing</a></li>
            </ul>
             </div>
           
            </div>

              <!--end box3-->
</div>
                
           </div>
          
        </div>

    </div>
   
  </div>  

  

<div class="footer-outer">
  <!-- start footer -->
  <div class="container clear">
  <div class="row">
    <footer>
        

                    <div class="col-lg-12 text-center">
                    <p class="text-muted small">Copyright &copy; Your Company 2014. All Rights Reserved</p>
                </div>
           
       
    </footer>
     </div>
 </div>
   <!-- end footer -->
   </div></div></div>
<!-- start bootfiles-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- end bootfiles-->

</body>

</html>
