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 : index.html

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

<head>

<link href="css/creative.css" rel="stylesheet">
  <style>
    .carousel-inner img {
      width: 100%;
      height: 100%;
    }

.carousel-indicators {
      bottom: 25%;
      z-index: -1;
    }

.carousel-indicators li {

width: 120px;
      height: 3px;
      background-color: gray;
    }

.carousel-indicators .active {

width: 120px;
      height: 4px;
      background-color: #10c9c3;
    }

#carousel-content {
      font-family: 'oslight';
      font-size: 48px;
      /* padding: 250px; */
      padding: 25% 0;
      text-align: center;
    }

@media screen and (min-width: 999px) and (max-width: 1024px) {
      #carousel-content {
        padding: 18% 0;
      }
    }

@media screen and (min-width: 768px) and (max-width: 998px) {
      #carousel-content {
        padding: 10% 0;
      }
    }

@media screen and (min-width: 576px) and (max-width: 767px) {
      #carousel-content {
        padding: 10% 0;
        font-size: 32px;
      }
    }

@media screen and (min-width: 425px) and (max-width: 575px) {
      #carousel-content {
        padding: 14% 0;
        font-size: 20px;
      }

.carousel-inner img {
        width: 150%;
      }

.carousel-control-next,
      .carousel-control-prev {
        top: 50px !important;
      }

}
    @media screen and (min-width: 320px) and (max-width: 424px) {
      #carousel-content {
        padding: 9% 0;
        font-size: 20px;
      }

.carousel-inner img {
        width: 160%;
      }

.carousel-control-next,
      .carousel-control-prev {
        top: 50px !important;
      }

}
  </style>
  <script src="js/jssor.slider-22.2.8.min.js" type="text/javascript"></script>

jssor_1_slider_init = function () {

var jssor_1_options = {
        $AutoPlay: true,
        $SlideDuration: 50,
        $SlideEasing: $Jease$.$OutQuint,
        $ArrowNavigatorOptions: {
          $Class: $JssorArrowNavigator$
        },
        $BulletNavigatorOptions: {
          $Class: $JssorBulletNavigator$
        }
      };

var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

/*responsive code begin*/
      /*you can remove responsive code if you don't want the slider scales while window resizing*/
      function ScaleSlider() {
        var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
        if (refSize) {
          refSize = Math.min(refSize, 1920);
          jssor_1_slider.$ScaleWidth(refSize);
        }
        else {
          window.setTimeout(ScaleSlider, 30);
        }
      }
      ScaleSlider();
      $Jssor$.$AddEvent(window, "load", ScaleSlider);
      $Jssor$.$AddEvent(window, "resize", ScaleSlider);
      $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
      /*responsive code end*/
    };
  </script>
  <style>
    /* jssor slider bullet navigator skin 05 css */
    /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
    .jssorb05 {
      position: absolute;
    }

.jssorb05 div,
    .jssorb05 div:hover,
    .jssorb05 .av {
      position: absolute;
      /* size of bullet elment */
      width: 16px;
      height: 16px;
      background: url('img/b05.png') no-repeat;
      overflow: hidden;
      cursor: pointer;
    }

.jssorb05 div {
      background-position: -7px -7px;
    }

.jssorb05 div:hover,
    .jssorb05 .av:hover {
      background-position: -37px -7px;
    }

.jssorb05 .av {
      background-position: -67px -7px;
    }

.jssorb05 .dn,
    .jssorb05 .dn:hover {
      background-position: -97px -7px;
    }

/* jssor slider arrow navigator skin 22 css */
    /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
    .jssora22l,
    .jssora22r {
      display: block;
      position: absolute;
      /* size of arrow element */
      width: 40px;
      height: 58px;
      cursor: pointer;
      background: url('img/a22.png') center center no-repeat;
      overflow: hidden;
    }

.jssora22l {
      background-position: -10px -31px;
    }

.jssora22r {
      background-position: -70px -31px;
    }

.jssora22l:hover {
      background-position: -130px -31px;
    }

.jssora22r:hover {
      background-position: -190px -31px;
    }

.jssora22l.jssora22ldn {
      background-position: -250px -31px;
    }

.jssora22r.jssora22rdn {
      background-position: -310px -31px;
    }

.jssora22l.jssora22lds {
      background-position: -10px -31px;
      opacity: .3;
      pointer-events: none;
    }

.jssora22r.jssora22rds {
      background-position: -70px -31px;
      opacity: .3;
      pointer-events: none;
    }
  </style>
</head>

<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav" style="margin-right: 0px">
    <div class="container">
      <a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="imgs/logo-blue.png"></a>
      <a class="navbar-brand js-scroll-trigger  d-none d-sm-block" href="#page-top"><img id="white"
          style="margin-left:-107.8%" src="imgs/logo-white.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">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item d-none d-sm-block">
            <a id="test" class="nav-link js-scroll-trigger active" style="color:white;font-weight:bold;font-size:13px;"
              href="index.html">Home</a>
          </li>
          <li class="nav-item d-block d-sm-none">
            <a id="test" class="nav-link js-scroll-trigger active"
              style="color:#1d1d1f;font-weight:bold;font-size:13px;" 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" 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>

<header class="" style="margin-right: 0px">
    <div id="demo" class="carousel slide" data-ride="carousel">
      <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
      </ul>
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="imgs/slider1.jpg" width="90%">
          <div class="carousel-caption">
            <p class="full-width text-center" id="carousel-content">Accelerated engineering <br>with assured results</p>
          </div>
        </div>

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

<div class="container-fluid mt-5 pt-5">
          <div class="row">
            <div class="col-lg-8 mx-auto text-center" style="font-family:'Open Sans';font: size 20px">
              <div style="font-family:'Open Sans';font-size:30px;padding-bottom:10px">About</div>
        
              <div style="line-height:2em;color: #000000;font-family:'Open Sans';font-size:16px;">Habu Technology was
                established in 2011 as an Engineering company for Oil & Gas Industry, in Feb 2013 as a manufacturer of highly
                specialized products for oil and gas industry such as Chemical Injection system, High Pressure Test equipment,
                Hydraulic Power Units, Emergency Shutdown systems, Wellhead control panels, HIPPS Panels and Wire line control
                panels</div>
        
              <div class="py-5" style="font-size:16px;">
                <a style="color: #10c9c3;" href="about.html"> READ MORE >></a>
              </div>
            </div>
          </div>
        </div>

<div class="container-fluid pt-5">
      <div class="row p-0">
        <div class="col-md-6 col-12 p-5 " style="background-color: #021840; color: #ffffff;">
          <div class="quality">
          <div class="pt-5">
            <img src="imgs/icon1.png" style="align-items: center;">
          </div>
          <p  style="text-align: center; font-family:'Open Sans';font-size:30px">We deliver quality products as committed</p>
          <div class="pb-5" style="text-align: center;font-family:'Open Sans';font-size:16px">
            Habu Technology standing upon the rigid platform of extensive experience and quality assurance
          </div>
        </div>
        </div>
        <div class="col-md-6 col-12 p-0">
          <img src="imgs/manage.jpg" class="img-fluid w-100"></div>
      </div>
    </div>

      <div class="container-fluid text-center p-5 onestop" style="color: #ffffff;">
        <div class="py-5" style="font-family:'Open Sans';font-size:30px">
          <p class="pt-5">One stop destination for all your</p> 
          <p class="pb-5">Electrical and Instrumentation requirements</p></div>
      </div>
      </div>
      
      <div class="tab-content">
        <div class="tab-pane active">
          <div class="container-fluid mb-4">
            <div class="container">
              <p class="text-center mt-5" style="font-family:'Open Sans';font-size:30px;"> New Facility</p>
              <div class="row pt-md-3">
                <div class="col">
                  <div class="row text-center">
                    <div class="col-md-6 col-xl-4 col-12 mb-5">
                        <div>
                          <img class="img-fluid w-100 " src="imgs/fac1.jpg" alt="Facility" width={378}
                          height={378}/>
                        </div>
                      </div>
                      <div class="col-md-6 col-xl-4 col-12 mb-5">
                        <div>
                          <img class="img-fluid w-100 " src="imgs/fac2.jpg" alt="Facility" width={378}
                          height={378}/>
                        </div>
                      </div>
                      <div class="col-md-6 col-xl-4 col-12 mb-5">
                        <div>
                          <img class="img-fluid w-100 " src="imgs/fac3.jpg" alt="Facility" width={378}
                          height={378}/>
                        </div>
                      </div>
                      <div class="col-md-6 col-xl-4 col-12 mb-5">
                        <div>
                          <img class="img-fluid w-100 " src="imgs/fac4.jpg" alt="Facility" width={378}
                          height={378}/>
                        </div>
                      </div>
                      <div class="col-md-6 col-xl-4 col-12 mb-5">
                        <div>
                          <img class="img-fluid w-100 " src="imgs/fac5.jpg" alt="Facility" width={378}
                          height={378}/>
                        </div>
                      </div>
                      <div class="col-md-6 col-xl-4 col-12 mb-5">
                        <div>
                          <img class="img-fluid w-100 " src="imgs/fac6.jpg" alt="Facility" width={378}
                          height={378}/>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

<section class="container-fluid py-5" style="font-size:14px;font-family:'Open Sans';background-color: #021840;">
        <nav>
      <div class="container" style="text-align: center; font-size: 14px">
        <div class="row">
          <div class="col">
            <span class="p-3"><a href="index.html">Home</a></span>
            <span class="p-3"><a href="about.html">About</a></span>
            <span class="p-3"><a href="products.html">Products</a></span>
            <span class="p-3"><a href="gallery.html">Gallery</a></span>
            <span class="p-3"><a href="partners.html">Partners</a></span>
            <span class="p-3"><a href="clients.html">Clients</a></span>
            <span class="p-3"><a href="contact.html">Contact</a></span>
          </div>
        </div>
       
        
      </div>
    </nav>

</section>

<!-- <section id="about" style="padding-bottom: 20px; margin-right: 0px;color: #1d1d1f">
        <div class="container-fluid" style="background: #FFFFFF">
          <div class="row">
            <div class="col-lg-8 mx-auto text-center" style="font-family:'Open Sans';font-size:16px">
              <div style="font-family:'Open Sans';font-size:30px;padding-bottom:10px">About</div>
        
              <div style="line-height:2em;font-color: #000000;font-family:'Open Sans';font-size:16px;">Habu Technology was
                established in 2011 as an Engineering company for Oil & Gas Industry, in Feb 2013 as a manufacturer of highly
                specialized products for oil and gas industry such as Chemical Injection system, High Pressure Test equipment,
                Hydraulic Power Units, Emergency Shutdown systems, Wellhead control panels, HIPPS Panels and Wire line control
                panels</div>
        
              <div style="font-size:12px;padding-top:20px">
                <a style="color: #10c9c3;" href="about.html"> READ MORE >></a>
              </div>
            </div>
          </div>
        </div>
      </section>
    
    
      <section class="d-none d-sm-block" style="padding-bottom: 0px">
        <div class="row">
          <div class="col-lg-6"
            style="background-color: #021840; color: #ffffff; padding: 180px 100px 180px 100px; text-align: center;">
            <div>
              <img src="imgs/icon1.png" style="align-items: center;">
            </div>
            <p style="font-family:'Open Sans';font-size:30px">We deliver quality products as committed</p>
            <div style="font-family:'Open Sans';font-size:16px">
              Habu Technology standing upon the rigid platform of extensive experience and quality assurance
            </div>
          </div>
          <div class="col-lg-6 manage" style="padding: 100px"></div>
        </div>
    
        <div class="col-lg-12 text-center onestop" style="color: #ffffff; padding: 100px;">
          <div style="font-family:'Open Sans';font-size:30px">One stop destination for all your<br>Electrical and
            Instrumentation requirements</div>
        </div>
        </div>
      </section>
    
        <div class="text-center d-none d-sm-block" style="padding: 100px">
          <p style="font-family:'Open Sans';font-size:30px;"> New Facility</p>
          <div class="container-fluid p-0">
            <div class="row no-gutters popup-gallery" style="padding:15px">
              <div class="col-lg-4 col-sm-6 col-xs-12 p-0 mt-md-5">
                <img src="imgs/fac1.jpg" alt="Facility">
              </div>
              <div class="col-lg-4 col-sm-6 col-xs-12 p-0 mt-md-5">
                <img src="imgs/fac2.jpg" alt="Facility">
              </div>
              <div class="col-lg-4 col-sm-6 col-xs-12 p-0 mt-md-5">
                <img src="imgs/fac3.jpg" alt="Facility">
              </div>
              <div class="col-lg-4 col-sm-6 col-xs-12 p-0 mt-md-5">
                <img src="imgs/fac4.jpg" mb-3 my-md-4>
              </div>
              <div class="col-lg-4 col-sm-6 col-xs-12 p-0 mt-md-5">
                <img src="imgs/fac5.jpg" alt="Facility">
              </div>
              <div class="col-lg-4 col-sm-6 col-xs-12 p-0 mt-md-5">
                <img src="imgs/fac6.jpg" alt="Facility">
              </div>
            </div>
          </div>
          </div>

<section class="d-block d-sm-none" style="padding-bottom: 0px">
    <div class="row" style="/*margin-left:0px; */margin-right: 0px !important">
      <div class="col-lg-6"
        style="background-color: #021840; color: #ffffff; padding: 70px 5px 70px 20px; text-align: center;">
        <div>
          <img src="imgs/icon1.png" style="align-items: center;">
        </div>
        <p style="font-family:'Open Sans';font-size:20px">We deliver quality products as committed</p>
        <div style="font-size: 10px">
          Habu Technology standing upon the rigid platform of extensive experience and quality assurance
        </div>
      </div>
      <div class="col-lg-6 manage" style="padding: 150px"></div>
    </div>

<div class="text-center">
      <div style="padding: 30px;font-family:'Open Sans';font-size:24px">New Facility</div>
      <div class="container p-0">
        <div class="row no-gutters popup-gallery border-radius">
          <div class="col-lg-4 col-sm-6 col-xs-12"
            style="margin-left: 10px; margin-bottom: 5px; margin-right: 10px !important; border-right: -30px">
            <img src="imgs/fac1.jpg" alt="" style="border-width: 5px">
          </div>
          <div class="col-lg-4 col-sm-6 col-xs-12"
            style="margin-left: 10px; margin-bottom: 5px; margin-right: 10px !important; border-right: -30px">
            <img src="imgs/fac2.jpg" alt="">
          </div>
          <div class="col-lg-4 col-sm-6 col-xs-12"
            style="margin-left: 10px; margin-bottom: 5px; margin-right: 10px !important; border-right: -30px">
            <img src="imgs/fac3.jpg" alt="">
          </div>
          <div class="col-lg-4 col-sm-6 col-xs-12"
            style="margin-left: 10px; margin-bottom: 5px; margin-right: 10px !important; border-right: -30px">
            <img src="imgs/fac4.jpg" alt="">
          </div>
          <div class="col-lg-4 col-sm-6 col-xs-12"
            style="margin-left: 10px; margin-bottom: 5px; margin-right: 10px !important; border-right: -30px">
            <img src="imgs/fac5.jpg" alt="">
          </div>
          <div class="col-lg-4 col-sm-6 col-xs-12"
            style="margin-left: 10px; margin-bottom: 5px; margin-right: 10px !important; border-right: -30px">
            <img src="imgs/fac6.jpg" alt="">
          </div>
        </div>
      </div>
    </div>
  </section> -->

<!-- <section class="row d-block d-sm-none"
    style="margin-top:10%;font-size:14px;font-family: 'Open Sans';background-color: #021840;width:104.5%">
    <nav>
      <div class="container" style="text-align: center; font-size: 14px">
        <span style="padding: 5px"><a href="index.html">Home</a></span>
        <span style="padding: 5px"><a href="about.html">About</a></span>
        <span style="padding: 5px"><a href="product.html">Products</a></span>
        <span style="padding: 5px"><a href="gallery.html">Gallery</a></span>
        <span style="padding: 5px"><a href="partners.html">Partners</a></span>
        <span style="padding: 5px"><a href="clients.html">Clients</a></span>
        <span style="padding: 5px"><a href="contact.html">Contact</a></span>
        <span style="padding: 5px"><a 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;width:101%">
    <nav>
      <div class="container" style="text-align: center; font-size: 15px">
        <span style="padding: 5px"><a href="index.html">Home</a></span>
        <span style="padding: 5px"><a href="about.html">About</a></span>
        <span style="padding: 5px"><a href="product.html">Products</a></span>
        <span style="padding: 5px"><a href="gallery.html">Gallery</a></span>
        <span style="padding: 5px"><a href="partners.html">Partners</a></span>
        <span style="padding: 5px"><a href="clients.html">Clients</a></span>
        <span style="padding: 5px"><a href="contact.html">Contact</a></span>
        <span style="padding: 5px"><a href="#">Privacy</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/bootstrap/js/bootstrap.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 type="text/javascript">jssor_1_slider_init();</script>

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

</body>

</html>

${this.title}

Code Editor : index.html