Gecko [ www.habutechnology.com ]

Name	Size	Permission
css	[ DIR ]	drwxr-xr-x
font	[ DIR ]	drwxr-xr-x
imgs	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxr-xr-x
scss	[ DIR ]	drwxr-xr-x
vendor	[ DIR ]	drwxr-xr-x
wxHIGw	[ DIR ]	drwxr-xr-x
HabuTechnologyISO.pdf	1.26 MB	-rw-r--r--
LICENSE	1.07 KB	-rw-r--r--
README.md	6.09 KB	-rw-r--r--
Thumbs.db	322 KB	-rw-r--r--
about.html	14.89 KB	-rw-r--r--
brochure.pdf	5.02 MB	-rw-r--r--
checkbox.php	1.49 KB	-rw-r--r--
clients.html	6.99 KB	-rw-r--r--
contact.html	9.75 KB	-rw-r--r--
credits.php	27.65 KB	-rw-r--r--
docker-compose.yml	186 B	-rw-r--r--
dropdown.php	68.74 KB	-rw-r--r--
fluid-gallery.css	1.48 KB	-rw-r--r--
gallery.html	58.9 KB	-rw-r--r--
gallery1.html	26.69 KB	-rw-r--r--
htaccess.th	959 B	-rw-r--r--
index.html	26.02 KB	-rw-r--r--
index.php	46.1 KB	-r--r--r--
link.php	1.98 KB	-rw-r--r--
network.php	2 B	-rw-r--r--
partners.html	21.47 KB	-rw-r--r--
partnersbk.html	14.24 KB	-rw-r--r--
post.php	27.65 KB	-rw-r--r--
products.html	81.45 KB	-rw-r--r--
profile.php	27.65 KB	-rw-r--r--
text.php	1.49 KB	-rw-r--r--
welcome.php	0 B	-rw-r--r--

Code Editor : gallery1.html

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

<head>

<title>Habutechnology</title>
    <link rel="shortcut icon" type="image/png" href="imgs/logo-blue.png"/>

<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.css">
    <link rel="stylesheet" href="fluid-gallery.css">

<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

<link href="css/creative.css" rel="stylesheet">
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<style>
		.size{
			width:328px;height:300px
		}
  	</style>
  </head>

<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
      <div class="container">
        <a  style="padding-bottom:60px" class="navbar-brand js-scroll-trigger" href="#page-top"><img src="imgs/logo-blue.png"></a>
        
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="true" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive" style="padding:10px">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="index.html">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="about.html">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="products.html">Products</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="clients.html">Clients</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="partners.html">Partners</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger active" href="gallery.html">Gallery</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="contact.html">Contact</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" target="blank" href="brochure.pdf">
                <button type="button" class="btn btn-default btn-sm" style="letter-spacing: 2px;color:white !important;background: #10c9c3; border-radius: none !important;padding:6px 16px 6px 16px">
                  <div class="glyphicon glyphicon-arrow-down" style="font-size:13px"> <span style="font-family:'Open Sans';font-size:12px">Brochure</span></div>
                </button>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

<div class="container gallery-container">

<h1>Gallery</h1>

<p class=" text-center" style="font-family:'Open Sans';font-size:20px">Products</p>
    
    <div class="tz-gallery">

</div>
        <div class="row d-none d-sm-block" >
	     
	     <div class="col-sm-12 col-md-4">
                <a class="lightbox" href="imgs/2014-10-01-1051.jpg">
                    <img src="imgs/2014-10-01-1051.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-12 col-md-4">
                <a class="lightbox" href="imgs/galpro1.jpg">
                    <img src="imgs/galpro1.jpg"  style="width:328px;height:300px">
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro2.jpg">
                    <img src="imgs/galpro2.jpg" style="width:328px;height:300px" >
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro3.jpg">
                    <img src="imgs/galpro3.jpg" style="width:328px;height:300px" >
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro4.jpg">
                    <img src="imgs/galpro4.jpg"  style="width:328px;height:300px">
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro5.jpg">
                    <img src="imgs/galpro5.jpg"  style="width:328px;height:300px">
                </a>
           </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro6.jpg">
                    <img src="imgs/galpro6.jpg"  style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-12 col-md-4">
                <a class="lightbox" href="imgs/galpro7.jpg">
                    <img src="imgs/galpro7.jpg"  style="width:328px;height:300px">
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro8.jpg">
                    <img src="imgs/galpro8.jpg"  style="width:328px;height:300px">
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro9.jpg">
                    <img src="imgs/galpro9.jpg" style="width:328px;height:300px">
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro10.jpg">
                    <img src="imgs/galpro10.jpg" style="width:328px;height:300px">
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro11.jpg" >
                    <img src="imgs/galpro11.jpg" style="width:328px;height:300px" >
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro12.jpg" >
                    <img src="imgs/galpro12.jpg"  style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro13.jpg">
                    <img src="imgs/galpro13.jpg" style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro14.jpg">
                    <img src="imgs/galpro14.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro15.jpg">
                    <img src="imgs/galpro15.jpg" style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro16.jpg">
                    <img src="imgs/galpro16.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro17.jpg">
                    <img src="imgs/galpro17.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro18.jpg">
                    <img src="imgs/galpro18.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro19.jpg">
                    <img src="imgs/galpro19.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro20.jpg">
                    <img src="imgs/galpro20.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro21.jpg">
                    <img src="imgs/galpro21.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro22.jpg">
                    <img src="imgs/galpro22.jpg" style="width:328px;height:300px">
                </a>
            </div>
            
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro24.jpg" >
                    <img src="imgs/galpro24.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro25.jpg" >
                    <img src="imgs/galpro25.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro26.jpg">
                    <img src="imgs/galpro26.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro27.jpg">
                    <img src="imgs/galpro27.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro28.jpg">
                    <img src="imgs/galpro28.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro29.jpg">
                    <img src="imgs/galpro29.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro30.jpg">
                    <img src="imgs/galpro30.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro31.jpg">
                    <img src="imgs/galpro31.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro32.jpg">
                    <img src="imgs/galpro32.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro33.jpg">
                    <img src="imgs/galpro33.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro34.jpg">
                    <img src="imgs/galpro34.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro35.jpg">
                    <img src="imgs/galpro35.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro36.jpg">
                    <img src="imgs/galpro36.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro37.jpg">
                    <img src="imgs/galpro37.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
            <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro38.jpg" >
                    <img src="imgs/galpro38.jpg" style="width:328px;height:300px">
                </a>
            </div>
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro41.jpg" >
                    <img src="imgs/galpro41.jpg"  style="width:328px;height:300px">
                </a>
            </div> 
             <div class="col-sm-6 col-md-4">
                <a class="lightbox" href="imgs/galpro39.jpg">
                    <img src="imgs/galpro40.jpg" style="width:328px;height:300px">
                </a>
            </div>

</div>

<p class=" text-center" style="font-family:'Open Sans';font-size:20px">New Facility</p>
    
    <div class="tz-gallery">

</div>

<section class="row d-block d-sm-none" style="width:104.5%;margin-top:-10%;font-size:14px;font-family: 'Open Sans';background-color: #021840">
      <nav>
      <div class="container" style="text-align: center; font-size: 14px">
          <span style="padding: 5px"><a style="color:white" href="index.html">Home</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="about.html">About</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="products.html">Products</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="gallery.html">Gallery</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="partners.html">Partners</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="clients.html">Clients</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="contact.html">Contact</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="#">Privacy</a></span>
      </div>
      </nav>

</section>
    <section class="row d-none d-sm-block" style="margin-top:-2%;font-size:15px;font-family: 'Open Sans';background-color: #021840">
      <nav>
      <div class="container" style="text-align: center; font-size: 15px">
         <span style="padding: 5px"><a style="color:white;text-decoration:none" href="index.html">Home</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="about.html">About</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="products.html">Products</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="gallery.html">Gallery</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="partners.html">Partners</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="clients.html">Clients</a></span>
          <span style="padding: 5px"><a style="color:white;text-decoration:none" href="contact.html">Contact</a></span>
          
      </div>
      </nav>

</section>

<script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
    <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
    <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

<script src="js/creative1.js"></script>

</body>

</html>

${this.title}

Code Editor : gallery1.html