
<?php 
   $settings = array(
      'clientBG' => '',
      'clientHeader' => true
   )
?><!DOCTYPE html>
<html>
   <head>
      <title>Frogsland — by Chingiz Adilov</title>
      <meta name="description" content="Frogsland is a service design agency.We create easy-to-use services to solve business problems. We create world-class digital products, communications, and brands" />
      <?php include 'head.php' ?>
   </head>
   <body class="home" >
      <!--- HEADER START ---->
      <div class="parallax">
         <i class="fade-content animate" data-speed="2">+</i>
         <i class="fade-content " data-speed="5">*</i>
         <i class="fade-content " data-speed="6">/</i>
         <i class="fade-content " data-speed="5">~</i>
         <!-- <i>“</i> -->
      </div>
      <?php include 'header.php'; ?>
      <div class="main-top container row ">
         <div class=" column offset-1 width-10 ">
            <h1 class="fade-content animate title">
               <span>Let’s start</span> 
               <span>creating ideas </span>
            </h1>
         </div>
      </div>
      <div class="home-video-cover fade-content ">
         <div class="container" >
            <div class="vCrop">
               <div class="video" data-speed="2">
                  <img src="img/home-video-cover.png" alt="Video reel"  loading="lazy" />
               </div>
            </div>
         </div>
      </div>
      </div>
      <div class="container row" >
         <div class=" column offset-1 width-10">
            <h2 class="fade-content who-we-short">We create easy-to-use services to <br>solve business problems.</h2>
            <div class="row services">
               <div class="column width-4 fade-content auto-width" data-delay="">
                  <h4 class="fade-content">Martketing</h4>
                  <ul >
                     <li class="fade-content" ><a href="#">Branding</a></li>
                     <li class="fade-content" ><a href="#">UI/UX design</a></li>
                  </ul>
               </div>
               <div class="column width-4 fade-content auto-width" data-delay="4">
                  <h4 class="fade-content">Product</h4>
                  <ul >
                     <li class="fade-content" ><a href="#">Web development</a></li>
                     <li class="fade-content" ><a href="#"> App development</a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
      </div>
      <ul class="portfolio-list">
         <li>
            <div class="bg-img" style="background-color:#f6f3e6;" >
               <img src="img/img8.png" alt="Revelton"  loading="lazy"/>
            </div>
            <div class="row container">
               <div class=" offset-1 width-10">
                  <a href="projects/revelton/">
                     <h3 class="column  width-8 fade-content" data-delay="1">
                        <span>Revelton Suites <br>Design</span>
                        <small>Development, UX UI Design</small>
                     </h3>
                  </a>
               </div>
            </div>
         </li>
         <li>
            <div class="bg-img" style="background-color:#eefbff;">
               <img src="img/4teker.png" alt="4teker"/>
            </div>
            <div class="row container">
               <div class=" offset-1 width-10">
                  <a href="https://www.4teker.az/" >
                     <h3 class="column  width-8 fade-content" data-delay="1">
                        <span>4teker.az   website<br>Development</span>
                        <small>Development, UX UI Design</small>
                     </h3>
                  </a>
               </div>
            </div>
         </li>
         <li>
            <div class="bg-img" style="background-color:#eefff0;;">
               <img src="img/regapack.png" alt="Regapack"/>
            </div>
            <div class="row container">
               <div class=" offset-1 width-10">
                  <a href="#" >
                     <h3 class="column  width-8 fade-content" data-delay="1">
                        <span>Regapack AG website  <br> Design</span>
                        <small>Development, UX UI Design</small>
                     </h3>
                  </a>
               </div>
            </div>
         </li>
         <li>
            <div class="bg-img" style="background-color:#eefbff;;">
               <img src="assets/images/img5.avif" alt="Retrofy"/>
            </div>
            <div class="row container">
               <div class=" offset-1 width-10">
                  <a href="projects/retrofy/" >
                     <h3 class="column  width-8 fade-content" data-delay="1">
                        <span>Retrofy website  <br> Design</span>
                        <small>Branding, UX UI Design</small>
                     </h3>
                  </a>
               </div>
            </div>
         </li>
      </ul>
    <?php  include 'clients.php' ?>
    <?php include 'footer.php' ?>
   </body>
</html>