
<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    
  </head>
  <body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
  

  <div class="site-wrap">
    
    
    <div class="site-navbar-wrap">
      
      <div class="site-navbar site-navbar-target js-sticky-header">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-6 col-md-4">
              <h1 class="my-0 site-logo">Glint Studio<span class="text-primary">.</span></h1>
            </div>
            <div class="col-6 col-md-8">
              <nav class="site-navigation text-right" role="navigation">
                <div class="container">

                  <ul class="site-menu main-menu js-clone-nav">
                    <li><a href="/" class="nav-link"><img src="assets/images/en.png"></a></li>
                    <li><a href="fr/" class="nav-link"><img src="assets/images/fr.png"></a></li>
                    <li><a href="de/" class="nav-link"><img src="assets/images/de.png"></a></li>
                    <li><a href="es/" class="nav-link"><img src="assets/images/es.png"></a></li>
                    <li><a href="it/" class="nav-link"><img src="assets/images/it.png"></a></li>
                  </ul>
                </div>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </div> <!-- END .site-navbar-wrap -->
    
    <div class="site-blocks-cover" id="home-section">
      <div class="img-wrap">
        <div class="owl-carousel slide-one-item hero-slider">
          <div class="slide">
            <img src="assets/images/glint_hero_1.jpg" alt="">  
          </div>
          <div class="slide">
            <img src="assets/images/glint_hero_2.jpg" alt="">  
          </div>
          <div class="slide">
            <img src="assets/images/glint_hero_3.jpg" alt="">  
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-md-6 ml-auto align-self-center">
            <div class="intro">
              <div class="heading">
                <h1>Praesent aliquam</h1>
              </div>
              <div class="text">
                <p class="sub-text mb-5">Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> <!-- END .site-blocks-cover -->

    <div class="site-section" id="what-we-do-section">
      <div class="container">
        <div class="row mb-5">
          <div class="col-lg-6 section-title">
            <span class="sub-title mb-2 d-block">Vitae magna</span>
            <h2 class="title text-primary">Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis.</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-10 ml-auto">
            <div class="row">
              <div class="col-md-6 col-lg-4 mb-4 mb-lg-4">
                <div class="service h-100">
                  <h3>Vitae erat</h3>
                  <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim.</p>
                </div>
              </div>
              <div class="col-md-6 col-lg-4 mb-4 mb-lg-4">
                <div class="service h-100">
                  <h3>Vitae erat</h3>
                  <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim.</p>
                </div>
              </div>
              <div class="col-md-6 col-lg-4 mb-4 mb-lg-4">
                <div class="service h-100">
                  <h3>Vitae erat</h3>
                  <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim.</p>
                </div>
              </div>

              <div class="col-md-6 col-lg-4 mb-4 mb-lg-4">
                <div class="service h-100">
                  <h3>Vitae erat</h3>
                  <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim.</p>
                </div>
              </div>
              <div class="col-md-6 col-lg-4 mb-4 mb-lg-4">
                <div class="service h-100">
                  <h3>Vitae erat</h3>
                  <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim.</p>
                </div>
              </div>
              <div class="col-md-6 col-lg-4 mb-4 mb-lg-4">
                <div class="service h-100">
                  <h3>Vitae erat</h3>
                  <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> <!-- END .site-section -->

    <div class="site-section" id="about-section">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6 mb-5">
            <img src="assets/images/glint_about_1.jpg" alt="" class="img-fluid">
          </div>
          <div class="col-lg-5 ml-auto section-title">
            <span class="sub-title mb-2 d-block">Nulla tincidunt</span>
            <h2 class="title text-primary mb-3">Justo vitae</h2>
            <p class="mb-4">Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo.</p>
            <p class="mb-4">Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo.</p>

          </div>
        </div>
      </div>
    </div> <!-- .END site-section -->


    <div class="site-section" id="what-we-do-section">
      <div class="container">
        <div class="row mb-5">
          <div class="col-lg-6 section-title">
            <span class="sub-title mb-2 d-block">Fusce vulputate</span>
            <h2 class="title text-primary">Vulputate sem at sapien</h2>
          </div>
        </div>
        <div class="row no-gutters">
          <div class="col-lg-6 mb-5 person">
            <img src="assets/images/person_1.jpg" alt="" class="img-fluid mb-5">

            <div class="row">
              <div class="col-lg-10 ml-auto">
                <div class="pr-lg-5">
                  <h3>Ligula massa</h3>
                  <span class="mb-4 d-block">Vivamus leo</span>
                  <p> Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. </p>
                  <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo.</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 person">
            <img src="assets/images/person_2.jpg" alt="" class="img-fluid mb-5">
            <div class="row">
              <div class="col-lg-10 ml-auto">
                <div class="pr-lg-5">
                  <h3>Ligula massa</h3>
                  <span class="mb-4 d-block">Vivamus leo</span>
                  <p> Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. </p>
                  <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    

    <div class="site-section" id="portfolio-section">
      <div class="container">
        <div class="row mb-5 ">
          <div class="col-md-7 section-title text-center mx-auto">
            <span class="sub-title mb-2 d-block">Morbi vel erat</span>
            <h2 class="title text-primary mb-3">Curabitur aliquet pellentesque diam. Integer quis metus vitae</h2>
          </div>
        </div>
        <div class="row mb-5">
          <div class="col-lg-6 mb-4 mb-lg-0">
            <img src="assets/images/sq_img_2.jpg" alt="" class="img-fluid">
          </div>
          <div class="col-lg-5 h-100 jm-sticky-top ml-auto">
            <h3>Congue eu quam</h3>
            <p class="mb-4">Elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. </p>
            <div class="testimonial bg-white h-100">
              <blockquote class="mb-3">
                <p>&ldquo;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Morbi vel erat non mauris convallis vehicula</strong>. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.&rdquo;</p>
              </blockquote>
              <div class="d-flex align-items-center vcard">
                <figure class="mb-0 mr-3">
                  <img src="assets/images/person_3.jpg" alt="" class="img-fluid ounded-circle">
                </figure>
                <div class="vcard-text">
                  <span class="d-block">Aliquam</span>
                  <span class="position">Convallis</span>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="row mb-5">
          <div class="col-lg-6 order-1 order-lg-2 mb-4 mb-lg-0">
            <img src="assets/images/sq_img_4.jpg" alt="" class="img-fluid">
          </div>
          <div class="col-lg-5 h-100 jm-sticky-top mr-auto order-2 order-lg-1">
            <h3>Congue eu quam</h3>
            <p class="mb-4">Elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. </p>
            <div class="testimonial bg-white h-100">
              <blockquote class="mb-3">
                <p>&ldquo;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Morbi vel erat non mauris convallis vehicula</strong>. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.&rdquo;</p>
              </blockquote>
              <div class="d-flex align-items-center vcard">
                <figure class="mb-0 mr-3">
                  <img src="assets/images/person_4.jpg" alt="" class="img-fluid ounded-circle">
                </figure>
                <div class="vcard-text">
                  <span class="d-block">Aliquam</span>
                  <span class="position">Convallis</span>
                </div>
              </div>
            </div>
          </div>
        </div>

          <div class="row mb-5">
          <div class="col-lg-6 mb-4 mb-lg-0">
            <img src="assets/images/sq_img_6.jpg" alt="" class="img-fluid">
          </div>
          <div class="col-lg-5 h-100 jm-sticky-top ml-auto">
            <h3>Congue eu quam</h3>
            <p class="mb-4">Elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. </p>
            <div class="testimonial bg-white h-100">
              <blockquote class="mb-3">
                <p>&ldquo;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Morbi vel erat non mauris convallis vehicula</strong>. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.&rdquo;</p>
              </blockquote>
              <div class="d-flex align-items-center vcard">
                <figure class="mb-0 mr-3">
                  <img src="assets/images/person_3.jpg" alt="" class="img-fluid ounded-circle">
                </figure>
                <div class="vcard-text">
                 <span class="d-block">Aliquam</span>
                  <span class="position">Convallis</span>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>

    <div class="site-section bg-light">
      <div class="container">
         <div class="row mb-5 ">
          <div class="col-md-7 section-title text-center mx-auto">
            <span class="sub-title mb-2 d-block">Curabitur aliquet</span>
            <h2 class="title text-primary mb-3">Tempus sapien</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-6 mb-4">
            <div class="testimonial bg-white h-100">
              <blockquote class="mb-3">
                <p>&ldquo;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Morbi vel erat non mauris convallis vehicula</strong>. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.&rdquo;</p>
              </blockquote>
              <div class="d-flex align-items-center vcard">
                <figure class="mb-0 mr-3">
                  <img src="assets/images/person_3.jpg" alt="" class="img-fluid ounded-circle">
                </figure>
                <div class="vcard-text">
                  <span class="d-block">Aliquam</span>
                  <span class="position">Convallis</span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 mb-4">
            <div class="testimonial bg-white h-100">
              <blockquote class="mb-3">
                <p>&ldquo;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Morbi vel erat non mauris convallis vehicula</strong>. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.&rdquo;</p>
              </blockquote>
              <div class="d-flex align-items-center vcard">
                <figure class="mb-0 mr-3">
                  <img src="assets/images/person_4.jpg" alt="" class="img-fluid ounded-circle">
                </figure>
                <div class="vcard-text">
                  <span class="d-block">Aliquam</span>
                  <span class="position">Convallis</span>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-6 mb-4">
            <div class="testimonial bg-white h-100">
              <blockquote class="mb-3">
                <p>&ldquo;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Morbi vel erat non mauris convallis vehicula</strong>. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.&rdquo;</p>
              </blockquote>
              <div class="d-flex align-items-center vcard">
                <figure class="mb-0 mr-3">
                  <img src="assets/images/person_4.jpg" alt="" class="img-fluid ounded-circle">
                </figure>
                <div class="vcard-text">
                  <span class="d-block">Aliquam</span>
                  <span class="position">Convallis</span>
                </div>
              </div>
            </div>
            
          </div>
          <div class="col-lg-6 mb-4">
            <div class="testimonial bg-white h-100">
              <blockquote class="mb-3">
                <p>&ldquo;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Morbi vel erat non mauris convallis vehicula</strong>. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.&rdquo;</p>
              </blockquote>
              <div class="d-flex align-items-center vcard">
                <figure class="mb-0 mr-3">
                  <img src="assets/images/person_3.jpg" alt="" class="img-fluid ounded-circle">
                </figure>
                <div class="vcard-text">
                  <span class="d-block">Aliquam</span>
                  <span class="position">Convallis</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>


    
    <div class="site-section" id="studio-section">
      <div class="container">

        <div class="row mb-5 ">
          <div class="col-md-7 section-title text-center mx-auto">
            <span class="sub-title mb-2 d-block">Proin feugiat</span>
            <h2 class="title text-primary mb-3">Ligula justo vitae magna</h2>
          </div>
        </div>
       
        <div id="posts" class="row no-gutter">
          <div class="item web col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_1.jpg">
            </span>
          </div>
          <div class="item web col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_2.jpg">
            </span>
          </div>

          <div class="item brand col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_3.jpg">
            </span>
          </div>

          <div class="item design col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_4.jpg">
            </span>
          </div>

          <div class="item web col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_5.jpg">
            </span>
          </div>

          <div class="item brand col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_6.jpg">
            </span>
          </div>

          <div class="item web col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_7.jpg">
            </span>
          </div>

          <div class="item web col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_9.jpg">
            </span>
          </div>

          <div class="item design col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_10.jpg">
            </span>
          </div>

          <div class="item brand col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_11.jpg">
            </span>
          </div>

          <div class="item design col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
            <span class="item-wrap" data-fancybox="gal">
              <span class="icon-search2"></span>
              <img class="img-fluid" src="assets/images/sq_img_12.jpg">
            </span>
          </div>


        </div>
      </div>
    </div> <!-- END .site-section -->
    
 
  
    <footer class="site-footer">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 mb-5 mb-lg-0">
            <div class="row mb-5">
              <div class="col-12">
                <h3 class="footer-heading mb-4">Faucibus</h3>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus.</p>
              </div>
            </div>
            

            
          </div>
          <div class="col-lg-3 ml-auto">
           
            <div class="row mb-5">
              <div class="col-md-12">
                <h3 class="footer-heading mb-4">Faucibus</h3>
              </div>
              <div class="col-md-6 col-lg-6">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
              </div>
              
            </div>
            
          </div>
          

          <div class="col-lg-4 mb-5 mb-lg-0">

            <div class="mb-5">
              <h3 class="footer-heading mb-2">Faucibus</h3>
             <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus.</p>

            </div>

            


          </div>
          
        </div>
        <div class="row pt-5 mt-5 text-center">
          <div class="col-md-12">
            <div class="mb-4"></div>
            <p><small class="block">Powered by : <a href="https://www.lisacraigdesigns.com" target="_blank">lisacraigdesigns.com</a></small> </p>
          </div>
          
        </div>
      </div>
    </footer>
  </div>



     
  </body>
</html>