%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/lightco1/www/html/
Upload File :
Create Path :
Current File : /home/lightco1/www/html/index.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>
  </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">
    <div class="col-md-12">
      <div class="row">
        <div class="col-md-6 col-sm-6 banner">
           <span class="hd1">WORLD'S <br>TOP LUXURY LIGHTING IN ONE PLACE</span>
           <span class="hd2">Create the perfect space</span>
        </div>
        <div class="col-md-6 col-sm-6 nopadding">
          <div id="carousel-example-generic" class="carousel carousel1 slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="images/slides/hero1.png" alt="...">
      <div class="carousel-caption">
        111
      </div>
    </div>
    <div class="item">
      <img src="images/slides/s2.jpg" alt="...">
      <div class="carousel-caption">
        222
      </div>
    </div>
    <div class="item">
      <img src="images/slides/s3.jpg" alt="...">
      <div class="carousel-caption">
        222
      </div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
        </div>
      </div>
    </div>
<div class="clearfix"></div>
  <div id="pinBoot">

      <article class="white-panel"><img src="images/thumbs/feature-img1.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>

      <article class="white-panel"> <img src="images/thumbs/feature-img2.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>

      <article class="white-panel"> <img src="images/thumbs/category-img3.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>


      <article class="white-panel"> <img src="images/thumbs/category-img4.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>

      <article class="white-panel"> <img src="images/thumbs/feature-img3.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>

      <article class="white-panel"> <img src="images/thumbs/feature-img4.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>

      <article class="white-panel"><img src="images/thumbs/feature-img5.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>

      <article class="white-panel"> <img src="images/thumbs/feature-img6.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>

      <article class="white-panel"> <img src="images/thumbs/feature-img7.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>

      <article class="white-panel"></article><article class="white-panel"></article>

      <article class="white-panel"> 
      <img src="images/thumbs/feature-img8.png" alt="">
        <h4 class="view-btn"><a href="#">View Details</a></h4>
      </article>

      <!-- <article class="white-panel"> <img src="images/thumbs/feature-img8.png" alt="">
        <h4><a href="#">Title 8</a></h4>
      </article> -->

    </div>


<div class="clearfix"></div>

    <div class="col-md-12 xs-top">
          <div class="well none-all"> 
                <div id="myCarousel" class="carousel slide hidden-xs">
                 
                               
                <!-- Carousel items -->
                <div class="carousel-inner">
                    
                <div class="item active">
                  <div class="row">
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/1.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/2.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/3.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/4.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/5.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/1.png" alt="Image" style="max-width:100%;" /></a></div>
                  </div><!--/row-fluid-->
                </div><!--/item-->
                 
                <div class="item">
                  <div class="row">
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/2.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/3.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/4.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/5.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/1.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/2.png" alt="Image" style="max-width:100%;" /></a></div>
                  </div><!--/row-fluid-->
                </div><!--/item-->
                 
                <div class="item">
                  <div class="row">
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/3.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/4.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/5.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/1.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2"><a href="#x" class="thumbnail"><img src="images/clients/2.png" alt="Image" style="max-width:100%;" /></a></div>
                    <div class="col-md-2 col-sm-2 col-xs-2"><a href="#x" class="thumbnail"><img src="images/clients/3.png" alt="Image" style="max-width:100%;" /></a></div>
                  </div><!--/row-fluid-->
                </div><!--/item-->
                 
                </div><!--/carousel-inner-->
                <a class="left carousel-control carousel-control2 hidden-xs visible-sm visible-md visible-lg" href="#myCarousel" data-slide="prev">‹</a>
                <a class="right carousel-control carousel-control2 hidden-xs visible-sm visible-md visible-lg" href="#myCarousel" data-slide="next">›</a>
                 </div>

                 <div id="myCarousel2" class="carousel slide visible-xs hidden-lg hidden-md hidden-sm">
                 <div class="carousel-inner">
                    
                <div class="item col-xs-12 active">
                    <div class="col-md-2 col-sm-2"><a href="#x" class="thumbnail"><img src="images/clients/1.png" alt="Image" style="max-width:100%;" /></a></div></div>

                    <div class="item col-xs-12">
                    <div class="col-md-2 col-sm-2"><a href="#x" class="thumbnail"><img src="images/clients/2.png" alt="Image" style="max-width:100%;" /></a></div></div>

                    <div class="item col-xs-12">
                    <div class="col-md-2 col-sm-2"><a href="#x" class="thumbnail"><img src="images/clients/3.png" alt="Image" style="max-width:100%;" /></a></div></div>

                    <div class="item col-xs-12">
                    <div class="col-md-2 col-sm-2"><a href="#x" class="thumbnail"><img src="images/clients/4.png" alt="Image" style="max-width:100%;" /></a></div></div>

                    <div class="item col-xs-12">
                    <div class="col-md-2 col-sm-2"><a href="#x" class="thumbnail"><img src="images/clients/5.png" alt="Image" style="max-width:100%;" /></a></div></div>

                    <div class="item col-xs-12">
                    <div class="col-md-2 col-sm-2"><a href="#x" class="thumbnail"><img src="images/clients/1.png" alt="Image" style="max-width:100%;" /></a></div></div><!--/item-->
                 
                </div>

                <a class="left carousel-control carousel-control2 visible-xs hidden-lg hidden-md hidden-sm" href="#myCarousel2" data-slide="prev">‹</a>
                <a class="right carousel-control carousel-control2 visible-xs hidden-lg hidden-md hidden-sm" href="#myCarousel2" data-slide="next">›</a>
                </div><!--/myCarousel-->
                 
            </div><!--/well-->   
    </div>


      </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>

<script>
  $(document).ready(function() {
    $('#myCarousel').carousel({
      interval: 10000
  })
});$(document).ready(function() {
    $('#myCarousel2').carousel({
      interval: 10000
  })
});
</script>

</body>
</html>

Zerion Mini Shell 1.0