text: <!doctype html>
  <html lang="en">
  <head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>HighTech</title>
  <link rel="icon" href="img/favicon.png">
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <!-- animate CSS -->
  <link rel="stylesheet" href="css/animate.css">
  <!-- owl carousel CSS -->
  <link rel="stylesheet" href="css/owl.carousel.min.css">
  <!-- themify CSS -->
  <link rel="stylesheet" href="css/themify-icons.css">
  <!-- flaticon CSS -->
  <link rel="stylesheet" href="css/flaticon.css">
  <!-- font awesome CSS -->
  <link rel="stylesheet" href="css/magnific-popup.css">
  <!-- swiper CSS -->
  <link rel="stylesheet" href="css/slick.css">
  <link rel="stylesheet" href="css/gijgo.min.css">
  <link rel="stylesheet" href="css/nice-select.css">
  <link rel="stylesheet" href="css/all.css">
  <!-- style CSS -->
  <link rel="stylesheet" href="css/style.css">
  <!-- CSS For Slider Start-->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  <script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
  </head>
  <body>
  <!--::header part start::-->
  <header class="main_menu home_menu">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-12">
          <div class="main_menu_iner">
            <div class="off-canven-menu">
              <!--<span class="close-icon"> <i class="ti-close"></i> </span>-->
              <div class="toggelContainer"> <span class="menu-trigger visible-xs"> <span></span> <span></span> <span></span> </span></div>
              <div class="canven-menu-warp">
                <div class="canven-menu-iner"><nav>
                  <ul>
                    <li><a href="#" class="active"><span class="text">Home</span> <span class="line"></span></a></li>
                    <li><a href="#about"><span class="text">About</span> <span class="line"></span></a></li>
                    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="text"> AIoT</span> <span class="line"></span></a>
                      <div class="dropdown-menu show" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="#deeplearning">Deep Learning</a><a class="dropdown-item" href="#sensors">Sensors</a><a class="dropdown-item" href="#iot">IoT Monitoring App</a><a class="dropdown-item" href="#termite">Termite Detection</a><a class="dropdown-item" href="#solution">Solutions</a> </div>
                    </li>
                   
                    <li><a href="#products"><span class="text">Products</span> <span class="line"></span></a></li>
  				   <li><a href="#portfolio"><span class="text">Portfolio</span> <span class="line"></span></a></li>
                    <li><a href="#"><span class="text">Blogs</span> <span class="line"></span></a></li>
                    <li><a href="#contact"><span class="text">Contact Us</span> <span class="line"></span></a></li>
                  </ul> </nav>
                </div>
              </div>
            </div>
            <div class="logo"> <a href="index.html"><img src="img/logo-new.png" width="190" height="55" class="logo"></a> </div>
            <div class="search_icon">
              <button type="button" class="btn btn-primary">Login</button>
                 <a id="search_1" href="javascript:void(0)"><i class="ti-search"></i></a> </div>
          </div>
        </div>
      </div>
    </div>
    <div class="search_input" id="search_input_box">
      <div class="container ">
        <form class="d-flex justify-content-between search-inner">
          <input type="text" class="form-control" id="search_input" placeholder="Search Here">
          <button type="submit" class="btn"></button>
          <span class="ti-close" id="close_search" title="Close Search"></span>
        </form>
      </div>
    </div>
  </header>
  <!-- Header part end-->
  <div class="Home">
  <div id="indexSlider" class="carousel slide" data-ride="carousel">
    <!-- The slideshow -->
    <div class="carousel-inner">
      <div class="carousel-item active"> <img src="img/banner-01.jpg" alt="DEEP LEARNING">
        <div class="text-box">
          <div class="row align-items-center">
            <div class="col-xl-4 col-md-6">
              <h2 class="wow slideInLeft" data-wow-duration="2s">DEEP LEARNING</h2>
              <p class="wow slideInLeft" data-wow-duration="2s">At the forefront of sensor data, intelligence is the deep learning driven by our core technology - LoRa-based monitoring app.</p>
              <div class="banner_btn wow slideInLeft" data-wow-duration="2s"> <a href="#" class="btn_1">learn more <span><img src="img/icon/left.svg" alt=""></span> </a> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item"> <img src="img/banner-02.jpg" alt="SENSORS">
        <div class="text-box">
          <div class="row align-items-center">
            <div class="col-xl-6 col-md-6">
              <h2 class="wow slideInLeft" data-wow-duration="2s">SENSORS</h2>
              <p class="wow slideInLeft" data-wow-duration="2s">Combining discrepancy sensors and LoRa-based transceivers, High Tech sensors are the preferred low-power choice for the hard-to-reach locations, well-kept hidden from the public view, ideal for public malls and cultural heritage sites.</p>
              <div class="banner_btn wow slideInLeft" data-wow-duration="2s"> <a href="#" class="btn_1">learn more <span><img src="img/icon/left.svg" alt=""></span> </a> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item"> <img src="img/banner-05.jpg" alt="TERMITE DETECTION">
        <div class="text-box ">
          <div class="row align-items-center ">
            <div class="col-xl-6 col-md-6">
              <h2 class="wow slideInLeft" data-wow-duration="2s">IOT MONITORING APP</h2>
              <p class="wow slideInLeft" data-wow-duration="2s">AI and deep learning is being put to use to save our cultural heritages, where the health of remote hard-to-reach treasures are monitored, overcoming human-fatigue-related errors. </p>
              <div class="banner_btn wow slideInLeft" data-wow-duration="2s"> <a href="#" class="btn_1">learn more <span><img src="img/icon/left.svg" alt=""></span> </a> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item"> <img src="img/banner-03.jpg" alt="TERMITE DETECTION">
        <div class="text-box">
          <div class="row align-items-center">
            <div class="col-xl-4 col-md-6 termiteText">
              <h2 class="wow slideInLeft" data-wow-duration="2s">TERMITE DETECTION</h2>
              <p class="wow slideInLeft" data-wow-duration="2s">Big-data, but the target is not big; termites eat away our homes, wooden structures and even our forest. We reinvent ourselves as a guardian to combat off the invisible enemy of termites. </p>
              <div class="banner_btn wow slideInLeft" data-wow-duration="2s"> <a href="#" class="btn_1">learn more <span><img src="img/icon/left.svg" alt=""></span> </a> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item"> <img src="img/banner-04.jpg" alt="SOLOUTIONS">
        <div class="text-box">
          <div class="row align-items-center">
            <div class="col-xl-4 col-md-8">
              <h2 class="wow slideInLeft" data-wow-duration="2s">SOLOUTIONS</h2>
              <p class="wow slideInLeft" data-wow-duration="2s">At High Tech, we create more than just monitoring app or deep learning scientific platforms. We bring it to life with user experience, translating data values into real, tangible and graphical visualization.</p>
              <p class="wow slideInLeft" data-wow-duration="2s"> We provide you in a wide range of sectors with a professional, yet refreshingly personal approach.
                Join us, and thrive on your ventures. </p>
              <div class="banner_btn wow slideInLeft" data-wow-duration="2s"> <a href="#" class="btn_1">learn more <span><img src="img/icon/left.svg" alt=""></span> </a> </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Left and right controls -->
    <a class="carousel-control-prev" href="#indexSlider" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#indexSlider" data-slide="next"> <span class="carousel-control-next-icon"></span> </a>
    <!-- Indicators -->
    <ol class="carousel-indicators our_speciality">
      <li data-target="#indexSlider" data-slide-to="0" class="active">
        <div class="single_special_part "><span class="iconsbanner"><img src="img/icon/deep-learning.svg" width="60" alt=""></span>
          <div class="single_special_text">
            <h3>DEEP LEARNING</h3>
            <p>Sensor data / <br>
              Data analysis</p>
          </div>
        </div>
      </li>
      <li data-target="#indexSlider" data-slide-to="1">
        <div class="single_special_part"><span class="iconsbanner"><img src="img/icon/sensor.svg" width="60" alt=""></span>
          <div class="single_special_text">
            <h3>SENSORS</h3>
            <p>LoRaWAN /<br>
              Low power long range</p>
          </div>
        </div>
      </li>
      <li data-target="#indexSlider" data-slide-to="2">
        <div class="single_special_part"><span class="iconsbanner"><img src="img/icon/monitoring-app.svg" width="60" alt=""></span>
          <div class="single_special_text">
            <h3>IOT MONITORING APP</h3>
            <p>Live data update /<br>
              dashboard</p>
          </div>
        </div>
      </li>
      <li data-target="#indexSlider" data-slide-to="3">
        <div class="single_special_part"><span class="iconsbanner"><img src="img/icon/termite.svg" width="70" alt=""></span>
          <div class="single_special_text">
            <h3>TERMITE DETECTION</h3>
            <p>Image analysis /<br>
              AIoT solution</p>
          </div>
        </div>
      </li>
      <li data-target="#indexSlider" data-slide-to="4">
        <div class="single_special_part"><span class="iconsbanner"><img src="img/icon/solution.svg" width="70" alt=""></span>
          <div class="single_special_text">
            <h3>SOLUTION</h3>
            <p>Let sense prevail /<br>
              stay connected</p>
          </div>
        </div>
      </li>
    </ol>
  </div></div>
  <!-- banner part start-->
  <!-- about part start-->
  <section class="about_part section_bg" id="about">
    <div class="container-fluid">
      <div class="row justify-content-end">
        <div class="col-lg-6">
          <div class="about_part_text">
            <h3 class="heading" id="heading1">About <span>Us</span></h3>
            <p>‘HIGH TECH’ is a company dedicated to Internet of things (IoT), which is making its marks across business and consumer sectors.
              We are proud of being a part of this exciting trend with  IoT business, and willing to put ourselves at the forefront of innovation, consumed with imaginations and challenging spirit to advance its IoT technology.
              If your need to materialize your potential ideas is where this trend goes, please contact us for partnership. We welcome this opportunity to be one you will be proud of. </p>
            <p> High Tech is a professional IoT communication equipment and device development and solution provider, and we focus on products and solutions to send and receive information using LoRaWAN and BLE modules. Through this, 
              we are offering various IoT devices in the safety management and tourism industry, with safety monitoring of cultural properties, safety management of structures and facilities, 
              and application services to promote overall operation of safety. </p>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="about_img" id="about_img"> <img src="img/about-us.png" width="1091" height="728" class="img-fluid" walt="#"> </div>
        </div>
      </div>
    </div>
  </section>
  <!-- about part end-->
  <!-- single special page item start -->
  <section class="single_page_special" id="clients">
    <div class="container">
      <h3 class="heading">Our Happy Customers</h3>
      <div class="row">
        <div class="col-lg-12">
          <div class="single_page_special_item owl-carousel">
            <div class="single_slide_item">
              <center>
                <div class="clientLogo"> <a href="https://www.provin.gangwon.kr/gw/portal/sub03_02_03" target="_blank"><img src="img/clients/gangwon-province.png" alt=""></a></div>
                <div class="single_special_text">
                  <h3>Gangwon Province</h3>
                  <p>IoT Monitoring System</p>
                  <a href="https://www.provin.gangwon.kr/gw/portal/sub03_02_03" target="_blank">강원도청 </a> </div>
              </center>
            </div>
            <div class="single_slide_item">
              <center>
                <div class="clientLogo"> <a href="#"><img src="img/clients/culture-institute.png" alt=""></a></div>
                <div class="single_special_text">
                  <h3>Culture Institute</h3>
                  <p>IoT Monitoring System</p>
                  <a href="#">강원문화재연구소</a> </div>
              </center>
            </div>
            <div class="single_slide_item">
              <center>
                <div class="clientLogo"> <a href="#"><img src="img/clients/sk-telecom.png" alt=""></a></div>
                <div class="single_special_text">
                  <h3>SK telecom</h3>
                  <p>Alliance</p>
                  <a href="#">SK텔레콤</a> </div>
              </center>
            </div>
            <div class="single_slide_item">
              <center>
                <div class="clientLogo"> <a href="http://www.senko.co.kr/web2019/images/common/logo_w.png" target="_blank"> <img src="img/clients/senko.png" alt=""></a></div>
                <div class="single_special_text">
                  <h3>Senko</h3>
                  <p>Partner</p>
                  <a href="http://www.senko.co.kr/web2019/images/common/logo_w.png" target="_blank">센코</a> </div>
              </center>
            </div>
            <div class="single_slide_item">
              <center>
                <div class="clientLogo"> <a href="http://www.seoulmetro.co.kr/kr/page.do?menuIdx=507" target="_blank"><img src="img/clients/seoul-metro.png" alt=""></a></div>
                <div class="single_special_text">
                  <h3>Seoul Metro</h3>
                  <p>IoT Monitoring System</p>
                  <a href="http://www.seoulmetro.co.kr/kr/page.do?menuIdx=507" target="_blank">도시철도공사</a> </div>
              </center>
            </div>
            <div class="single_slide_item">
              <center>
                <div class="clientLogo"> <a href="https://www.sacheon.go.kr/english/02545/02550.web" target="_blank"><img src="img/clients/sacheon-city.png" alt=""></a></div>
                <div class="single_special_text">
                  <h3>Sacheon Mecca of high-tech aviation industry</h3>
                  <p>IoT Monitoring System</p>
                  <a href="https://www.sacheon.go.kr/english/02545/02550.web" target="_blank">사천군</a> </div>
              </center>
            </div>
            <div class="single_slide_item">
              <center>
                <div class="clientLogo"> <a href="https://www.gn.go.kr/www/contents.do?key=721" target="_blank"><img src="img/clients/gangneung-city.png" alt=""></a></div>
                <div class="single_special_text">
                  <h3>Gangneung City</h3>
                  <p>IoT Monitoring System</p>
                  <a href="https://www.gn.go.kr/www/contents.do?key=721" target="_blank">원주시</a> </div>
              </center>
            </div>
            <div class="single_slide_item">
              <center>
                <div class="clientLogo"> <a href="http://www.wonju.go.kr/www/contents.do?key=235" target="_blank"><img src="img/clients/wonju-city.png" alt=""></a></div>
                <div class="single_special_text">
                  <h3>Wonju city</h3>
                  <p>IoT Monitoring System</p>
                  <a href="http://www.wonju.go.kr/www/contents.do?key=235" target="_blank">강릉시</a> </div>
              </center>
            </div>
            <div class="single_slide_item">
              <center>
                <div class="clientLogo"> <a href="https://www.hongcheon.go.kr/www/contents.do?key=305" target="_blank"><img src="img/clients/hongcheongun.png" alt=""></a></div>
                <div class="single_special_text">
                  <h3>Hongcheon government</h3>
                  <p>IoT Monitoring System</p>
                  <a href="https://www.hongcheon.go.kr/www/contents.do?key=305" target="_blank">홍천군</a> </div>
              </center>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class=" section-top-border productBG" id="products">
    <div class="container">
      <h3 class="heading text-center">Our Products</h3>
      <div class="row">
        <div class="col-lg-12">
          <div id="ourClientSlider" class="carousel slide testislider text-center productSlider" data-ride="carousel">
            <!-- Carousel indicators -->
            <ol class="carousel-indicators">
              <li data-target="#ourClientSlider" data-slide-to="0" class="active"></li>
              <li data-target="#ourClientSlider" data-slide-to="1"></li>
              <li data-target="#ourClientSlider" data-slide-to="2"></li>
              <li data-target="#ourClientSlider" data-slide-to="3"></li>
              <li data-target="#ourClientSlider" data-slide-to="4"></li>
              <li data-target="#ourClientSlider" data-slide-to="5"></li>
            </ol>
            <!-- Wrapper for carousel items -->
            <div class="carousel-inner">
              <div class="item carousel-item active">
                <div class="row productOut">
                  <div class="col-lg-6">
                    <div class="productWrap"><img src="img/products/product-01.jpg" width="271" height="210" class="img-fluid"></div>
                  </div>
                  <div class="col-lg-6">
                    <div class="useProductWrap">
                      <div class="useTitle">Use-case <span>Examples</span></div>
                      <img src="img/products/use-product-01.jpg" class="img-fluid" width="209" height="152"></div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-lg-12">
                    <div class="productSpecification">
                      <div class="productTitle">Specification and <span>Technics</span></div>
                      <p>Tracking gadgets for antitheft. Real time position tracking based on LoRa<sup>TM</sup> tech  and  applicable to track  missing children.</p>
                      <div class="productTitle">Usage</div>
                      <p>Vehicles, bicycles, parcels, and pets</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="item carousel-item">
                <div class="row productOut">
                  <div class="col-lg-6">
                    <div class="productWrap"><img src="img/products/product-02.jpg" width="271" height="210" class="img-fluid"></div>
                  </div>
                  <div class="col-lg-6">
                    <div class="useProductWrap">
                      <div class="useTitle">Use-case <span>Examples</span></div>
                      <img src="img/products/use-product-02.jpg" class="img-fluid" width="209" height="152"></div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-lg-12">
                    <div class="productSpecification">
                      <div class="productTitle">Specification and <span>Technics</span></div>
                      <p>Checking cracks of buildings and measurement of distances</p>
                      <div class="productTitle">Usage</div>
                      <p>Structural cracks.</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="item carousel-item">
                <div class="row productOut">
                  <div class="col-lg-6">
                    <div class="productWrap"><img src="img/products/product-03.jpg" width="271" height="210" class="img-fluid"></div>
                  </div>
                  <div class="col-lg-6">
                    <div class="useProductWrap">
                      <div class="useTitle">Use-case <span>Examples</span></div>
                      <img src="img/products/use-product-03.jpg" class="img-fluid" width="209" height="152"></div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-lg-12">
                    <div class="productSpecification">
                      <div class="productTitle">Specification and <span>Technics</span></div>
                      <p>Patented stickers attached on bolts of bridges, railroads, buildings, they send out alarms on the basis of preset threshold values to a monitoring app.</p>
                      <div class="productTitle">Usage</div>
                      <p>Listed/condemped buildings</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="item carousel-item">
                <div class="row productOut">
                  <div class="col-lg-6">
                    <div class="productWrap"><img src="img/products/product-04.jpg" width="271" height="210" class="img-fluid"></div>
                  </div>
                  <div class="col-lg-6">
                    <div class="useProductWrap">
                      <div class="useTitle">Use-case <span>Examples</span></div>
                      <img src="img/products/use-product-04.jpg" class="img-fluid" width="209" height="152"></div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-lg-12">
                    <div class="productSpecification">
                      <div class="productTitle">Specification and <span>Technics</span></div>
                      <p>Vibration sensors, crack discrepancy, temp/humid environmental sensors and angle sensors.</p>
                      <div class="productTitle">Usage</div>
                      <p>Cultural, construction, and safe management sites.</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="item carousel-item">
                <div class="row productOut">
                  <div class="col-lg-6">
                    <div class="productWrap"><img src="img/products/product-05.jpg" width="271" height="210" class="img-fluid"></div>
                  </div>
                  <div class="col-lg-6">
                    <div class="useProductWrap">
                      <div class="useTitle">Use-case <span>Examples</span></div>
                      <img src="img/products/use-product-05.jpg" class="img-fluid" width="209" height="152"></div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-lg-12">
                    <div class="productSpecification">
                      <div class="productTitle">Specification and <span>Technics</span></div>
                      <p><strong>VO-LAMP Series :</strong> outdoor lantern.<br>
                        <strong>Technology :</strong> ZeroBugs LED Lamp.<br>
                        Patent insect repellant LED unit.</p>
                      <div class="productTitle">Usage</div>
                      <p>Recreational, outdoor use.</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="item carousel-item">
                <div class="row productOut">
                  <div class="col-lg-6">
                    <div class="productWrap"><img src="img/products/product-06.jpg" width="271" height="210" class="img-fluid"></div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-lg-12">
                    <div class="productSpecification">
                      <div class="productTitle">Specification and <span>Technics</span></div>
                      <p> IoT Moducles.</p>
                      <div class="productTitle">Usage</div>
                      <p>Gateway modules.</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Carousel controls -->
            <a class="carousel-control left carousel-control-prev" href="#ourClientSlider" data-slide="prev"> <i class="fa fa-angle-left"></i> </a> <a class="carousel-control right carousel-control-next" href="#ourClientSlider" data-slide="next"> <i class="fa fa-angle-right"></i> </a> </div>
        </div>
      </div>
    </div>
  </section>
  <!-- single special page item end -->
  <!-- service part start-->
  <section class="section-top-border section_bg" id="portfolio">
    <center>
      <h3 class ="heading text-center" id="heading2">Portfolio</h3>
    </center>
    <div class="container-fluid" >
      <div class="row">
        <div class="col-1"></div>
        <div class="col-10">
          <div class="porfolioOut">
            <div class="row">
              <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                <li class="nav-item"> <a class="nav-link active" id="showall-tab" data-toggle="pill" href="#showall" role="tab" aria-controls="showall" aria-selected="true">Show All</a> </li>
                <li class="nav-item"> <a class="nav-link" id="Award-tab" data-toggle="pill" href="#Award" role="tab" aria-controls="Award" aria-selected="false">Award</a> </li>
                <li class="nav-item"> <a class="nav-link" id="Certificates-tab" data-toggle="pill" href="#Certificates" role="tab" aria-controls="Certificates" aria-selected="false">Certificates</a> </li>
                <li class="nav-item"> <a class="nav-link" id="Patents-tab" data-toggle="pill" href="#Patents" role="tab" aria-controls="Patents" aria-selected="false">Patent</a> </li>
              </ul>
            </div>
            <div class="container">
              <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="showall" role="tabpanel" aria-labelledby="showall-tab">
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/award1.jpg" alt="">
                      <h3 class="title">Award</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/certificate-1.jpg" alt="">
                      <h3 class="title">Certificate</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/certificate-2.jpg" alt="">
                      <h3 class="title">Certificate</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
  		    	<div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-1.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-2.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-3.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-4.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-5.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-6.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="Award" role="tabpanel" aria-labelledby="Award-tab">
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/award1.jpg" alt="">
                      <h3 class="title">Award</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="Certificates" role="tabpanel" aria-labelledby="Certificates-tab">
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/certificate-1.jpg" alt="">
                      <h3 class="title">Certificate</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/certificate-2.jpg" alt="">
                      <h3 class="title">Certificate</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="Patents" role="tabpanel" aria-labelledby="Patents-tab">
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-1.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-2.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-3.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-4.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-5.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="Portfolio">
                    <div class="portfolioImgBox"> <img src="img/portfolio/patent-6.jpg" alt="">
                      <h3 class="title">Patent</h3>
                      <ul class="icon">
                        <li><a href="#"><i class="icon-hitech"></i></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-1"></div>
      </div>
    </div>
  </section>
  <!-- service part end-->
  <section class="section-top-border" id="services">
    <div class="whole-wrap">
      <h3 class="heading text-center" id="heading3">Our Services</h3>
      <div class="container" >
        <div class="row" id="services_sub">
          <div class="col-md-6">
            <div class="single-defination">
              <div class="imgHolder"> <img src="img/services/service-provider.svg" width="50"> </div>
              <h4 class="mb-20 text-center">Service Provider</h4>
              <p>Our creative and total solution does not just end with the engineering achievements; our various front-end solution and UI/UX developers are one integral part of High Tech, providing the solution you can find in one place.
                "Make connections"</p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="single-defination">
              <div class="imgHolder"> <img src="img/services/onsite-engineering.svg" width="50"> </div>
              <h4 class="mb-20 text-center">On-site Engineering</h4>
              <p>Engineering required for installing sensors on the structures such as cultural assets, buildings, bridges and tunnels, are based on our decades of efforts and patents earned by High Tech. We can customize our solution to any condition of your unique projects.
                "Be there"</p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="single-defination">
              <div class="imgHolder"> <img src="img/services/manufacturing.svg" width="50"> </div>
              <h4 class="mb-20 text-center">Product Manufacturing</h4>
              <p>From the design on the paper to the manufacturing floor, our High Tech developers and engineers are the backbone of quality controls with instant response to better our overall service.
                "QA comes second to none, a 5-star promise"</p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="single-defination">
              <div class="imgHolder"> <img src="img/services/product-design.svg" width="50"> </div>
              <h4 class="mb-20 text-center">Product Design to DevOps</h4>
              <p>Our passion to develop has been the source for our proud flagship of products such as wireless sensors, extremely low-power long-distance end-devices over the last decade. Always, being kept abreast with the latest technology, our innovation philosophy continues for the next decade.
                "Be on the edge"</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Start Solution Area -->
  <section class="section-top-border section_bg">
    <div class="container">
      <h3 class="heading" id="heading4">At High Tech,</h3>
      <div class="row">
        <div class="col-lg-6">
          <p> we create more than just monitoring app or deep learning scientific platforms. We bring it to life with user experience, translating data values into real, tangible and graphical visualization.<br>
            We provide you in a wide range of sectors with a professional, yet refreshingly personal approach.
            Join us, and thrive on your ventures.</p>
          <p> HIGH TECH is a company dedicated to Internet of things (IoT).
            We provide services based on LoRa, BLE, and IoT sensors, and our products include O-lamps as well as Home wireless local network products and services.</p>
        </div>
        <div class="col-lg-6">
          <iframe width="100%" height="270" src="https://www.youtube.com/embed/TGbUpEJ1z-k" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
        <div class="col-12">
          <p>We've been expanding heavily by investing in our development to reinvent ourselves as the beacon of innovation and invention. 
            We launched outdoor lamps, a product named ‘O-lamp’ in  2016. The lamp  has been popular among outdoor-loving fans.</p>
          <p> On top of the popularity, we finally found our niche market in the area of cultural heritage preservation by launching our proud flagship of Monitoring System first in our province and by expanding its market across the country. With all the discipline under one roof, we are prepared to meet the challenges of IoT devices from concept, through certification and into mass production and installation.</p>
          <p> If your imagination for the future of IoT technology is the same as of us, please join us and we can go far together.</p>
        </div>
      </div>
    </div>
  </section>
  <!-- End Solutisectionon Area-->
  <section class="section-top-border" id="deeplearning">
    <div class="whole-wrap">
      <div class="container box_1170">
        <h3 class="heading" id="heading5">Deep Learning</h3>
        <div class="row">
          <div class="col-lg-12">
            <blockquote class="generic-blockquote" id="ani1">
              <h4 > At the forefront of sensor data intelligence is the deep learning driven by our core technology - LoRa-based monitoring app.<br>
              </h4>
            </blockquote>
          </div>
        </div>
      </div>
      <div class="sample-text-area">
        <div class="container box_1170">
          <div class="row">
            <div class="col-lg-6"><br>
              <br>
              <img src="img/deep-img.png" class="heading"> </div>
            <div class="col-lg-1"></div>
            <div class="col-lg-5">
              <ul class="unordered-list marT50">
                <li>Sensor Data</li>
                <li>Big Data</li>
                <li>Monitoring Intelligence</li>
                <li>Termite Detection</li>
                <li>Cultural Heritages</li>
              </ul>
              <div class="deepLearning"> <img src="img/deep/deep-learning.jpg" width="887" height="505" class="img-fluid"> </div>
            </div>
            <div class="col-lg-12">
              <blockquote class="generic-blockquote" id="ani2">
                <h3>Context and semantic learning</h3>
              </blockquote>
              <p>context and semantic discoveries are used to create its generator and consequential discovers repositories. Context and reasoning layer is added for intelligent data processing, event processing and management and decision making (filters, DBMS, data fusion, neural networks) </p>
              <blockquote class="generic-blockquote" id="ani3">
                <h3>Pattern and trend algorithms</h3>
              </blockquote>
              <ul class="unordered-list">
                <li>noise and pattern identification</li>
                <li>max / average pooling</li>
              </ul>
              <p> 1. Based on the calculation of energy level derived from the frequency size of accelerometers and vibration sensors, so-called "Cultural Health Index" is to be developed to determine the health and out of balance of cultural properties being monitored. And at the same token, a "Danger Index" is to be developed by identifying the impact level of the result. </p>
              <blockquote class="generic-blockquote" id="ani4">
                <h3>Big Data Analysis</h3>
              </blockquote>
              <h4>Inter-relational analysis</h4>
              <p>Big Data Analysis and data acquisition techniques using push and pull instant and internal context source.
                Data modeling with key-value pair, object-based, ontology-based, markup scheme, logic-based and graphical context info.</p>
              <ul class="unordered-list">
                <li> relational analysis based on sensor proximity</li>
                <li> Weather API parsing and data matching engine development</li>
                <li> Data assimilation</li>
                <li> Total integration of data</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!-- End Sample Area -->
    </div>
  </section>
  <section class="section-top-border" id="sensors">
    <div class="whole-wrap">
      <div class="container box_1170">
        <h3 class="heading" id="heading8">Sensors</h3>
        <div class="row">
          <div class="col-lg-7">
            <p> Combining discrepancy sensors and LoRa-based transceiver, High Tech sensors are the preferred choice for low-power hard-to-reach locations, well-kept hidden from the public view, ideal for public malls and cultural heritage sites. </p>
            <blockquote class="generic-blockquote" id="ani12">
              <h4>Gateway and network server</h4>
            </blockquote>
            <p>LoRa-based devices come with various advantages including the following;</p>
            <ul class="unordered-list">
              <li>Extremely low power consumption performance, which means battery-equipped end-points last longer and can be placed in hard-to-reach locations.</li>
              <li>LoRa opensource ecosystem guarantees a broad ecosystem of devices, gateways, applications and portals for developers.</li>
            </ul>
          </div>
          <div class="col-lg-5">
            <div class="sensorBanner"><img src="img/Sensors.jpg" width="1488" height="1187" class="img-fluid"></div>
          </div>
        </div>
        <!--<div class="row">
          <div class="col-lg-12">
            <video width="100%" controls id="ani14">
              <source src="img/deep/sensors.mp4" type="video/mp4">
            </video>
          </div>
        </div>-->
      </div>
    </div>
  </section>
  <section class="section-top-border section_bg" id="iot">
    <div class="whole-wrap">
      <div class="container ">
        <h3 class="heading" id="heading6">IoT Monitoring App</h3>
      </div>
      <div class="container box_1170">
        <div class="row">
          <div class="col-lg-6">
            <p>AI and deep learning is being put to use to save our cultural heritages; where the health of remote hard-to-reach treasures are monitored, overcoming human-fatigue-related errors. </p>
            <h4>Cultural Asset Monitoring App</h4>
            <p> LoRa r technology protocol enables 15km as maximum data transmit distance.
              Low power consumption guarantees longer lasting of batteries.
              Self-managed network costs you nothing in usage charges.
              Use of batteries reduces overheads in wiring for power connection</p>
          </div>
          <div class="col-lg-1"></div>
          <div class="col-lg-5">
            <div class="sensorBanner ioTimg"><img src="img/iot-app.jpg" width="499" height="489" class="img-fluid"></div>
          </div>
        </div>
      </div>
      <!-- End Sample Area -->
    </div>
  </section>
  <section class="section-top-border" id="termite">
    <div class="whole-wrap">
      <div class="container box_1170">
        <h3 class="heading" id="heading7">Termite Detection</h3>
        <div class="row">
          <div class="col-lg-12">
            <blockquote class="generic-blockquote" id="ani8">
              <h4 > Big-data, but the target is not big; termites eat away our homes, 
                wooden structures and even our forest. We reinvent ourselves as a guardian to combat off the invisible enemy of termites.<br>
              </h4>
            </blockquote>
          </div>
        </div>
      </div>
      <div class="sample-text-area">
        <div class="container box_1170">
          <div class="row">
            <div class="col-lg-6"> <img src="img/deep/2.png" class="heading"> </div>
            <div class="col-lg-1"></div>
            <div class="col-lg-5">
              <ul class="unordered-list">
                <li> State of The Art</li>
                <li>SRCNN</li>
                <li>CSCN</li>
                <li>VDSR, DRCN, ESPCN, FSRCNN</li>
                <li>LapSRN, EDSR</li>
                <li>RDN RCN</li>
              </ul>
              <p>Termites are the main causes of damages done to wooden structure and forest trees. Because of its aggressiveness and hidden existence, it is extremely hard to detect and evaluate its existence and damages. </p>
            </div>
          </div>
        </div>
        <div class="container box_1170">
          <div class="row">
            <div class="col-lg-6"> <img src="img/deep/21.png" class="heading"> </div>
            <div class="col-lg-1"></div>
            <div class="col-lg-5">
              <ul class="unordered-list">
                <li>Low-Resolution X : Input image and Skip-connection image </li>
                <li>High-Resolution Y(restored): Output image </li>
                <li>Ground truth : Lable image</li>
                <li>Very deep layer : 20 layers</li>
                <li>Trained by 'L2 loss'</li>
              </ul>
              <p>Our temperature and humidity sensors coupled with the imaging devices can tackle this issue and we can deliver a self-contained solution based on deep-learning platform, which can produce alarms with visual results.</p>
            </div>
          </div>
        </div>
      </div>
      <!-- End Sample Area -->
    </div>
  </section>
  <section class="section-top-border" id="solution">
    <div class="whole-wrap">
      <div class="container box_1170">
        <h3 class="heading" id="heading8">Solution</h3>
        <div class="row">
          <div class="col-lg-5">
            <div class="sensorBanner solutionImg"><img src="img/Solution.jpg" width="965" height="772" class="img-fluid"></div>
          </div>
          <div class="col-lg-1"></div>
          <div class="col-lg-6">
            <p> At High Tech, we create more than just monitoring app or deep learning scientific platforms. We bring it to life with user experience, translating data values into real, tangible and graphical visualization.</p>
            <p>We provide you in a wide range of sectors with a professional, yet refreshingly personal approach.
              Join us, and thrive on your ventures. </p>
            <ul class="unordered-list">
              <li>Make Sense</li>
              <li>Stay Connected</li>
            </ul>
          </div>
        </div>
        <!--<div class="row">
          <div class="col-lg-12">
            <video width="100%" controls id="ani14">
              <source src="img/deep/sensors.mp4" type="video/mp4">
            </video>
          </div>
        </div>-->
      </div>
    </div>
  </section>
  <!-- ================ contact section start ================= -->
  <section class="section-top-border" id="contact">
    <div class="contact-section">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <h3 class="heading text-center" id="heading9">Get in Touch</h3>
            <br>
          </div>
          <div class="col-sm-2"></div>
          <div class="col-lg-8" id="ani15">
            <form class="form-contact contact_form" action="contact_process.html" method="post" id="contactForm"
              novalidate="novalidate">
              <div class="row">
                <div class="col-12">
                  <div class="form-group">
                    <textarea class="form-control w-100" name="message" id="message" cols="30" rows="9"
                      onfocus="this.placeholder = ''" onBlur="this.placeholder = 'Enter Message'"
                      placeholder='Enter Message'></textarea>
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="form-group">
                    <input class="form-control" name="name" id="name" type="text" onFocus="this.placeholder = ''"
                      onblur="this.placeholder = 'Enter your name'" placeholder='Enter your name'>
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="form-group">
                    <input class="form-control" name="email" id="email" type="email" onFocus="this.placeholder = ''"
                      onblur="this.placeholder = 'Enter email address'" placeholder='Enter email address'>
                  </div>
                </div>
                <div class="col-12">
                  <div class="form-group">
                    <input class="form-control" name="subject" id="subject" type="text" onFocus="this.placeholder = ''"
                      onblur="this.placeholder = 'Enter Subject'" placeholder='Enter Subject'>
                  </div>
                </div>
              </div>
              <div class="form-group mt-3"> <a href="#" class="btn_1 button-contactForm">Submit <span><img src="img/icon/left.svg" alt=""></span> </a> </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- ================ contact section end ================= -->
  <!-- contact us part start-->
  <section class="section-top-border contactWrap" id="contact2">
    <div class="contact_us">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="contact_us_iner">
              <div class="row justify-content-around">
                <div class="col-lg-4">
                  <div class="contact_us_left_text">
                    <h4>HighTech</h4>
                    <p>Information and Culture Promotion Center Suite 113,<br>
                      4 Gyeunggang-ro 2325 Gangneung Kangwondo S. Korea</p>
                    <p>Email: led@lightup.co.kr <br>
                      Fax: 82 33 645 2407<br>
                      Business Reg. No: 226 10 60685</p>
                  </div>
                </div>
                <div class="col-lg-4">
                  <div class="contact_us_right_text">
                    <h5>Call Directly;</h5>
                    <h2>82 33 645 2407</h2>
                    <p><strong>CEO: </strong> Jong Un Choi</p>
                    <p><strong>Privacy Administrator: </strong> 이병남 tony@lightup.co.kr</p>
                    <h5>Working Hours:</h5>
                    <p>Monday - Friday / 9.00 PM - 5.00 AM</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- contact us part end-->
    <!-- map us part start-->
    <div class="map_part">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-12">
            <div class="map_iner">
              <iframe src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d788.48586290789!2d128.91493203913123!3d37.76792410394254!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x3561e66ff8276d6d%3A0xb60547403e5b529!2z64yA7ZWc66-86rWtIDIxMC0xMTEg6rCV7JuQ64-EIOqwleumieyLnCDtj6zrgqjrj5kg6rK96rCV66GcMjMyNuuyiOq4uCA0!3m2!1d37.767924099999995!2d128.91525679999998!5e0!3m2!1sko!2skr!4v1585545621394!5m2!1sko!2skr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- map us part end-->
    <!-- JS For Slider Start-->
  </section>
  <!-- footer part start-->
  <footer class="footer-area">
    <div class="container">
      <div class="desktopLink text-center row">
        <div class="col-lg-12">For a pc version, <a href="#">click here</a></div>
      </div>
      <div class="row justify-content-between">
        <div class="col-lg-12 text-right">
          <div class="single-footer-widget footer_3 borderBottom">
            <div class="social_icon"> <a href="#">News</a> <a href="#">Careers</a> <a href="#contact">Contact</a> <a href="#"><i class="fa fa-globe" aria-hidden="true"></i></a> </div>
          </div>
        </div>
      </div>
    </div>
    <hr>
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-lg-2 col-sm-6">
          <div class="single-footer-widget footer_1">
            <h4>Who We Are</h4>
          </div>
          <div class="single-footer-widget footer_1">
            <ul>
              <li><a href="#">Company</a></li>
              <li><a href="#"> CEO Message</a></li>
              <li><a href="#">Family Members</a></li>
            </ul>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="single-footer-widget footer_2">
            <h4>What We Value</h4>
          </div>
          <div class="single-footer-widget footer_2">
            <ul>
              <li><a href="#">Pine City</a></li>
              <li><a href="#">Cultural Heritage</a></li>
              <li><a href="#">Be There</a></li>
              <li><a href="#">Innovation</a></li>
              <li><a href="#">Ethics</a></li>
            </ul>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="single-footer-widget footer_2">
            <h4>What We Do</h4>
          </div>
          <div class="single-footer-widget footer_2">
            <ul>
              <li><a href="#solution">Solutions</a></li>
              <li><a href="#deeplearning">Deep Learning</a></li>
              <li><a href="#iot"> IOT Monitoring</a></li>
              <li><a href="#termite">Detecation</a></li>
              <li><a href="#sensors">Sensors</a></li>
            </ul>
          </div>
        </div>
        <div class="col-lg-2 col-sm-6">
          <div class="single-footer-widget footer_2">
            <h4>QUICK LINKS</h4>
          </div>
          <div class="single-footer-widget footer_2">
            <ul>
              <li><a href="#">Blog</a></li>
              <li><a href="#">Media</a></li>
              <li><a href="#contact">Contact Us</a></li>
              <li><a href="#">Locations</a></li>
            </ul>
          </div>
        </div>
        <div class="col-lg-2 col-sm-6">
          <div class="single-footer-widget footer_2">
            <h4>Downloads</h4>
          </div>
          <div class="single-footer-widget footer_3">
            <ul>
              <li><a href="#">CI</a></li>
              <li><a href="#">Brochure</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="copyright_part">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 text-center">
            <p class="footer-text m-0"> Copyrigh 2020. <a href="#">HIGHTECH</a>. All rights reserved. </p>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- footer part end-->
  <!-- jquery plugins here-->
  <!-- jquery -->
  <script src="js/jquery-1.12.1.min.js"></script>
  <!-- popper js -->
  <script src="js/popper.min.js"></script>
  <!-- bootstrap js -->
  <script src="js/bootstrap.min.js"></script>
  <!-- easing js -->
  <script src="js/jquery.magnific-popup.js"></script>
  <!-- swiper js -->
  <script src="js/swiper.min.js"></script>
  <!-- swiper js -->
  <script src="js/masonry.pkgd.js"></script>
  <!-- particles js -->
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/gmap3.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpfS1oRGreGSBU5HHjMmQ3o5NLw7VdJ6I&callback=initMap">
      </script>
  <!-- slick js -->
  <script src="js/slick.min.js"></script>
  <script src="js/gijgo.min.js"></script>
  <script src="js/jquery.nice-select.min.js"></script>
  <!-- contact js -->
  <script src="js/jquery.ajaxchimp.min.js"></script>
  <script src="js/jquery.form.js"></script>
  <script src="js/jquery.validate.min.js"></script>
  <script src="js/mail-script.js"></script>
  <script src="js/contact.js"></script>
  <!-- custom js -->
  <script src="js/custom.js"></script>
  <script src="js/animate.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
  <script>
     wow = new WOW(
        {
          animateClass: 'animated',
          offset:       100,
          callback:     function(box) {
            console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
          }
        }
      );
      wow.init();
      document.getElementById('moar').onclick = function() {
        var section = document.createElement('section');
        section.className = 'section--purple wow fadeInDown';
        this.parentNode.insertBefore(section, this);
      };
  	
  	
  	
  	</script>
  <script> if ($(".portfolioAccordion").length) {
            
           $('.portfolioimgBlock').click(function () {
  		 $('.portfolioimgBlock').removeClass('active');
           $(this).toggleClass('active');
  		 
  		
  		
          });
      };
  	</script>
  <!-- JS For Slider END-->
  <!--<script>
      $(function() {
        // Smooth Scrolling
        $('.canven-menu-iner a[href*="#"]:not([href="#"])').click(function() {
          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
            if (target.length) {
              $('html, body').animate({
                scrollTop: target.offset().top(600)
              }, 1000);
              return false;
            }
          }
        });
      });
  	
  	
      </script>-->
  	<script type="text/javascript">
  	
  	
  var sections = $('section')
    , nav = $('nav')
    , nav_height = nav.outerHeight();
  
  $(window).on('scroll', function () {
    var cur_pos = $(this).scrollTop();
    
    sections.each(function() {
      var top = $(this).offset().top - nav_height,
          bottom = top + $(this).outerHeight();
      
      if (cur_pos >= top && cur_pos <= bottom) {
        nav.find('a').removeClass('active');
        sections.removeClass('active');
        
        $(this).addClass('active');
        nav.find('a[href="#'+$(this).attr('id')+'"]').addClass('active');
      }
    });
  });
  
  nav.find('a').on('click', function () {
    var $el = $(this)
      , id = $el.attr('href');
    
    $('html, body').animate({
      scrollTop: $(id).offset().top - nav_height
    }, 500);
    
    return false;
  });
  </script>
  </body>
  </html>
  