<!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/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">

    <!-- MAIN CSS -->
    <link rel="stylesheet" href="assets/css/style.css">

  </head>

  <body>

    
    <div class="site-wrap" id="home-section">


      <header class="site-navbar light site-navbar-target" role="banner">

        <div class="container">
          <div class="row align-items-center position-relative">

            <div class="col-3">
              <div class="site-logo">
               <strong style="color:#fff;">Tutor</strong>
              </div>
            </div>

            <div class="col-9  text-right">

              <nav class="site-navigation text-right ml-auto d-none d-lg-block" role="navigation">
                <ul class="site-menu main-menu js-clone-nav ml-auto ">
                  <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>
              </nav>
            </div>

            
          </div>
        </div>

      </header>

      
      <div class="site-section-cover overlay" style="background-image: url('assets/images/hero_bg.jpg');">
        
        <div class="container">
          <div class="row align-items-center justify-content-center">
            <div class="col-lg-10 text-center">
              <h1>Gravida <strong>nec</strong> ut <strong>Ornare</strong></h1>
            </div>
          </div>
        </div>
      </div>

      <div class="site-section bg-light pb-0">
        <div class="container">
          <div class="row align-items-stretch overlap">
            <div class="col-lg-8">
              <div class="box h-100">
                <div class="d-flex align-items-center">
                  <div class="img"><img src="assets/images/img_1.jpg" class="img-fluid" alt="Image"></div>
                  <div class="text">
                    <span class="category">Consectetuer </span>
                    <h3>Blanditiis nulla</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quidem totam exercitationem eveniet blanditiis nulla, et possimus, itaque alias maxime!</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="box small h-100">
                <div class="d-flex align-items-center mb-2">
                  <div class="img"><img src="assets/images/img_2.jpg" class="img-fluid" alt="Image"></div>
                  <div class="text">
                    <span class="category">Fermentum</span>
                    <h3>Alias maxime</h3>
                  </div>
                </div>
                <div class="d-flex align-items-center mb-2">
                  <div class="img"><img src="assets/images/img_3.jpg" class="img-fluid" alt="Image"></div>
                  <div class="text">
                    <span class="category">Fermentum</span>
                    <h3>Alias maxime</h3>
                  </div>
                </div>
                <div class="d-flex align-items-center">
                  <div class="img"><img src="assets/images/img_4.jpg" class="img-fluid" alt="Image"></div>
                  <div class="text">
                    <span class="category">Fermentum</span>
                    <h3>Alias maxime</h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      

      

              
  
      <div class="site-section bg-light">
        <div class="container">
          <div class="row">
            <div class="col-12">
              <div class="heading mb-4">
                <span class="caption">Tristique</span>
                <h2>Proin porttitor</h2>
              </div>
            </div>
            <div class="col-lg-8">
              


              <div class="d-flex tutorial-item mb-4">
                <div class="img-wrap">
               <img src="assets/images/img_1.jpg" alt="Image" class="img-fluid">
                </div>
                <div>
                  <h3>Morbi vel erat non mauris</h3>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam tempore, saepe numquam. Doloremque culpa tenetur facere quisquam, animi illum possimus!</p>
                  
                </div>
              </div>

              <div class="d-flex tutorial-item mb-4">
                <div class="img-wrap">
                 <img src="assets/images/img_2.jpg" alt="Image" class="img-fluid">
                </div>
                <div>
                   <h3>Morbi vel erat non mauris</h3>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam tempore, saepe numquam. Doloremque culpa tenetur facere quisquam, animi illum possimus!</p>
                </div>
              </div>

              <div class="d-flex tutorial-item mb-4">
                <div class="img-wrap">
               <img src="assets/images/img_3.jpg" alt="Image" class="img-fluid">
                </div>
                <div>
                   <h3>Morbi vel erat non mauris</h3>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam tempore, saepe numquam. Doloremque culpa tenetur facere quisquam, animi illum possimus!</p>
                </div>
              </div>

              <div class="d-flex tutorial-item mb-4">
                <div class="img-wrap">
                <img src="assets/images/img_4.jpg" alt="Image" class="img-fluid">
                </div>
                <div>
                   <h3>Morbi vel erat non mauris</h3>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam tempore, saepe numquam. Doloremque culpa tenetur facere quisquam, animi illum possimus!</p>
                </div>
              </div>


            </div>


            <div class="col-lg-4">
              <div class="box-side mb-3">
                <img src="assets/images/img_1_horizontal.jpg" alt="Image" class="img-fluid">
                <h3>Convallis vehicula</h3>
              </div>  
              <div class="box-side mb-3">
               <img src="assets/images/img_2_horizontal.jpg" alt="Image" class="img-fluid">
                <h3>Convallis vehicula</h3>
              </div>  
              <div class="box-side">
              <img src="assets/images/img_3_horizontal.jpg" alt="Image" class="img-fluid">
                <h3>Convallis vehicula</h3>
              </div>  
            </div>
          </div>
        </div>
      </div>
      
      <div class="site-section bg-light">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-7 text-center mb-5">
            <div class="heading">
              <span class="caption">Felis magna</span>
              <h2>Convallis vehicula</h2>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 mb-4 mb-lg-0">
            <div class="testimonial-2">
              <h3 class="h5">Fermentum mollis</h3>

              <blockquote class="mb-4">
                <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, deserunt eveniet veniam. Ipsam, nam, voluptatum"</p>
              </blockquote>
              <div class="d-flex v-card align-items-center">
                <img src="assets/images/person_1.jpg" alt="Image" class="img-fluid mr-3">
                <div class="author-name">
                  <span class="d-block">Rutrum augue</span>
                  <span>Sit amet</span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 mb-4 mb-lg-0">
            <div class="testimonial-2">
              <h3 class="h5">Fermentum mollis</h3>
 
              <blockquote class="mb-4">
                <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, deserunt eveniet veniam. Ipsam, nam, voluptatum"</p>
              </blockquote>
              <div class="d-flex v-card align-items-center">
                <img src="assets/images/person_2.jpg" alt="Image" class="img-fluid mr-3">
                <div class="author-name">
                  <span class="d-block">Rutrum augue</span>
                  <span>Sit amet</span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 mb-4 mb-lg-0">
            <div class="testimonial-2">
              <h3 class="h5">Fermentum mollis</h3>

              <blockquote class="mb-4">
                <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, deserunt eveniet veniam. Ipsam, nam, voluptatum"</p>
              </blockquote>
              <div class="d-flex v-card align-items-center">
                <img src="assets/images/person_3.jpg" alt="Image" class="img-fluid mr-3">
                <div class="author-name">
                  <span class="d-block">Rutrum augue</span>
                  <span >Sit amet</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
      
      
      <footer class="site-footer">
        <div class="container">
          <div class="row">
            <div class="col-lg-3">
              <h2 class="footer-heading mb-4">Vulputate</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, deserunt eveniet veniam. </p>
             
            </div>
            <div class="col-lg-8 ml-auto">
              <div class="row">
                <div class="col-lg-3">
                  <h2 class="footer-heading mb-4">Vulputate</h2>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
                </div>
                <div class="col-lg-3">
                  <h2 class="footer-heading mb-4">Vulputate</h2>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div>
                <div class="col-lg-3">
                  <h2 class="footer-heading mb-4">Vulputate</h2>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div>
                <div class="col-lg-3">
                  <h2 class="footer-heading mb-4">Vulputate</h2>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
                </div>
              </div>
            </div>
          </div>
          <div class="row pt-5 mt-5 text-center">
            <div class="col-md-12">
              <div class="border-top pt-5">
                <p>Powered by : <a href="https://www.homefolksdesign.com" target="_blank">homefolksdesign.com</a></p>
              </div>
            </div>

          </div>
        </div>
      </footer>

    </div>


  </body>

</html>

