%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/lightco1/www/html/upgrade/
Upload File :
Create Path :
Current File : /home/lightco1/www/html/upgrade/projects.html

<!DOCTYPE html>
<html>
<head>
	
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>LIGHTCO</title>

    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/messonry.js"></script>
<style>
    .container {
        width: 1170px;
    }
    
    
    
    .projects h2 {
        font: bold 40px/1.4em raleway,sans-serif;
        color: #405357;
        padding-left: 15px;
    }
    .project_section {
        position: relative;
        margin-bottom: 60px;
        padding-bottom: 60px;
    }
    .project_section::after {
        background: #ccc;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: 80%;
    }
    .project_thumb {
        
    }
    .project_thumb .project_thumb_img {
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        max-width: 330px;
        overflow: hidden;
        max-height: 225px;
    }
    .project_thumb .project_thumb_img img {
        width: 100%;
    }
    .project_thumb img:hover {
        opacity: 0.8; 
    }
    .project_detail {
        color: #5e5e5e;
    }
    .project_detail .project_title {
        margin-bottom: 0;
        font-size: 18px;
    }
    .project_detail em {
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }
    .btn-more {
        background: #758896;
        color: white;
        font-size: 18px;
        font-weight: bold;
        padding: 8px 40px;
        border-radius: 0;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .btn-more:hover {
        color: white;
        background: #a2afb8;
    }
</style>
  </head>
<body>
<header id="header" class="">
<div class="container">

<nav class="navbar">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand col-xs-7 col-md-12 col-sm-7" href="#"><img class="img-responsive" src="images/logo.png" /></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse nopadding" id="bs-example-navbar-collapse-1">
      <div class="text-center top-socials">
    <a class="btn btn-social-icon btn-facebook" href="http://facebook.com">
    <i class="fa fa-facebook"></i></a>   
    <a class="btn btn-social-icon btn-twitter"><i class="fa fa-twitter"></i></a>
    <a class="btn btn-social-icon btn-instagram"><i class="fa fa-instagram"></i></a>
    <a class="btn btn-social-icon btn-google-plus"><i class="fa fa-google-plus"></i></a>
    <a class="btn btn-social-icon btn-google-plus"><i class="fa fa-pinterest"></i></a>
    </div>

      <form class="navbar-form navbar-left pull-right" role="search">
        <div class="form-group">
          <input type="text" class="search form-control" placeholder="Search">
        <button type="submit" class="search-btn"><i class="fa fa-search"></i></button>
        </div>
      </form>
      <div class="clearfix"></div>
      <ul class="nav menubar navbar-nav navbar-right">
        <li class="selected"><a href="#">Home</a></li>
        <li><a href="#">Indoor Lighting</a></li>
        <li><a href="#">Outdoor Lighting</a></li>
        <li><a href="#">Accessories</a></li>
        <li><a href="#">Projects</a></li>
        <li><a href="#">News</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
</nav>	
	
</div>
</header><!-- /header -->


<section class="padding-top">
  <div class="container white-bg nopadding projects">
   <div class="breadcrumbs"><ul><li><a href="#">Home</a></li><li><a href="#">Indoor Lighting</a></li><li><a href="#">Product</a></li></ul></div><!-- breadcrums-end -->
    <div class="col-md-12 col-sm-12 col-xs-12">
      <h2>Projects </h2>
    </div>

      <div class="col-md-12 col-sm-12 col-xs-12 project_section">
        <div class="col-md-4 col-sm-4 project_thumb">
            <div class="project_thumb_img">
                <img src="images/thumbs/feature-img3.png" alt="" />
            </div>
        </div>
        <div class="col-md-8 col-sm-8 project_detail">
            <p class="project_title">This is Your First Item</p>
            <em>January 03, 2023</em>
            <p>Tell people more about this item. What's it about and what makes it interesting? 
                Give people the info they need to go ahead and take the action you want. To make this item your own,
                click here > Add & Manage Items.</p>
            <a class="btn btn-more" href="#">Read More</a>
            
        </div>
      </div><!-- Project Section End -->
      
      <div class="col-md-12 col-sm-12 col-xs-12 project_section">
        <div class="col-md-4 col-sm-4 project_thumb">
            <div class="project_thumb_img">
                <img src="images/thumbs/feature-img3.png" alt="" />
            </div>
        </div>
        <div class="col-md-8 col-sm-8 project_detail">
            <p class="project_title">This is Your First Item</p>
            <em>January 03, 2023</em>
            <p>Tell people more about this item. What's it about and what makes it interesting? 
                Give people the info they need to go ahead and take the action you want. To make this item your own,
                click here > Add & Manage Items.</p>
            <a class="btn btn-more" href="#">Read More</a>
            
        </div>
      </div><!-- Project Section End -->
      
      <div class="col-md-12 col-sm-12 col-xs-12 project_section">
        <div class="col-md-4 col-sm-4 project_thumb">
            <div class="project_thumb_img">
                <img src="images/thumbs/feature-img8.png" alt="" />
            </div>
        </div>
        <div class="col-md-8 col-sm-8 project_detail">
            <p class="project_title">This is Your First Item</p>
            <em>January 03, 2023</em>
            <p>Tell people more about this item. What's it about and what makes it interesting? 
                Give people the info they need to go ahead and take the action you want. To make this item your own,
                click here > Add & Manage Items.</p>
            <a class="btn btn-more" href="#">Read More</a>
            
        </div>
      </div><!-- Project Section End -->

  </div><!-- container-end -->
</section>


<footer>
<div class="container">    
<div class="row">
    <div class="col-md-12 col-sm-12">
      <div class="col-md-3 col-sm-3" >
          <h5>Company</h5>
        <ul class="unstyled">
          <li><a href="#">About</a></li>
          <li><a href="#">Become a reseller</a></li>
          <li><a href="#">Catalogues</a></li>
          <li><a href="#">Media</a></li>
          <li><a href="#">Privacy policy</a></li>
          <li><a href="#">Terms and conditions</a></li>
        </ul>

        <h5>Help</h5>
        <ul class="unstyled">
          <li><a href="#">Help center & FAQS</a></li>
          <li><a href="#">Contact us</a></li>
          <li><a href="#">Catalogues</a></li>
          <li><a href="#">Plans & pricing</a></li>
        </ul>
      </div>
  
      <div class="col-md-3 col-sm-3" >
      <h5>Luxury Lighting Brands</h5>
        <ul class="unstyled">
          <li>LightCo is the exclusive Australian distributor for some of the world’s best lighting brands. These brands have been carefully selected to represent the highest level of our criteria:</li>              
        </ul>

        <div class="more-links"><a href="#">Style</a> | <a href="#">Quantity</a> | <a href="#">Efficiency</a></div>
      </div>

     <div class="col-md-5 col-sm-6 col-md-offset-1" >
      <input type="text" class="input-theme form-control" value="" name="" placeholder="Join our mailing list to find out our latest products" />
      <button type="submit" class="btn btn-primary btn-block btn-theme" value="" name="">Subscribe now</button>
        <div class="addrs">
           <h5>Get in touch</h5>
              <ul class="unstyled">
                <li>P 1300 79 55 48</li>
                <li>F 1300 79 55 49</li>
                <li>info@lightco.com.au</li>
                <li>www.lightco.com.au</li>              
                <li>Showroom: By Appointment</li>              
                <li>6/888 Bourke St, Waterloo NSW 2017 Sydney Australia</li>              
              </ul>
        </div>
      </div>  

    </div>
  </div>
  
  <div class="row">
    <div class="col-md-12 text-center">

        <p class="muted">© 2013 Company Name. All rights reserved</p>
      
    </div>
  </div>
</div>  
</footer>
</body>
</html>

Zerion Mini Shell 1.0