sobre.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>Kestt</title>

  <link rel="stylesheet" href="assets/stylesheets/main.css">
</head>
<body>

  <header>
    <div class="logo" data-href="index.html" ></div>
    <nav>
      <a href="#" class="trigger">
        <span></span>
        <span></span>
        <span></span>
      </a>
      <ul>
        <li><a href="#">Language</a></li>
        <li class="active"><a href="sobre.html">Sobre</a></li>
        <li><a href="midia.html">Mídia</a></li>
        <li><a href="contato.html">Contato</a></li>
        <li class="login"><a href="entrar.html">Entrar</a></li>
      </ul>
      <!-- <a href="#" class="login"> Entrar </a> -->
    </nav>
  </header>

  <section class="about-us">
    <h1>o que é o <span>kestt</span> ?</h1>
    <div class="container">
      <div class="intro">
        <p>O kestt é a mais completa “rede social para compartilhamento de arquivos e conhecimento”</p>
        <p>Do Brasil e do mundo, nele você cria seu perfil, e ganha um espaço onde você vai escolher a melhor forma de aprender e ensinar ( arquivos, áudio, blogs, chats de discussão, chat matemático, vídeos, imagens, textos e muito mais, com uma estrutura moderna, completa e bem parecida com as redes sociais mais conhecidas da atualidade o kestt é de fácil navegação e o que você procura fica a apenas dois cliques de distância, fazendo com que seu tempo de procura seja minimizado e seu aprendizado seja bem aproveitado e  prazeroso.</p>
      </div>
    </div>
  </section>

  <section class="introduction">
    <div class="container">
      <div class="column">
        <h1>entenda melhor como o kestt funciona !</h1>
        <span class="arrow"></span>
        <span class="arrow"></span>
      </div>
      <div class="column">
        <div class="embed">
          <iframe src="https://www.youtube.com/embed/U3NDciLTTgI" frameborder="0" allowfullscreen></iframe>
        </div>
      </div>
    </div>
  </section>

  <section class="explanation">
    <div class="container">
      <div class="item">
        <div class="illustration">
        <div class="brain brain-1">
          <span class="arrow"></span>
          <span class="arrow"></span>
          <span class="arrow"></span>
          <span class="particles"></span>
        </div>
        <h1 class="word-flip-1 active">aprenda</h1>
        <h1 class="word-flip-1">learn</h1>
        <h1 class="word-flip-1">aprender</h1>
      </div>
        <div class="text">
          <p>O kestt foi feito para você aprender de forma fácil e divertida, com várias ferramentas disponíveis para isso  e material de qualidade postado por nossos professores.</p>
          <p>Entre para criar seu perfil,  conhecer nosso espaço e nosso chat matemático ( exclusividade do kestt), onde você pode escrever suas equações matemáticas e gráficos para que possam ser resolvidas em tempo real no bate papo.</p>
        </div>
      </div>
      <div class="item reverse">
        <div class="illustration">
          <div class="brain brain-2">
            <span class="arrow"></span>
            <span class="brain"></span>
            <span class="particles"></span>
          </div>
          <h1 class="word-flip-2 active">ensine</h1>
          <h1 class="word-flip-2">teach</h1>
          <h1 class="word-flip-2">ensenar</h1>
        </div>
        <div class="text">
          <p>No kestt você “Aluno ou professor” pode compartilhar o que sabe com quem quiser, basta se conectar, convidar os amigos e liderar seu grupo de estudo, Ah!!! Não esqueça de criar sua própria comunidade e participar das que te interessam.</p>
        </div>
      </div>
      <div class="item">
        <div class="illustration">
        <div class="brain brain-3">
          <span class="arrow"></span>
          <span class="arrow"></span>
          <span class="arrow"></span>
          <span class="arrow"></span>
          <span class="arrow"></span>
          <span class="brain"></span>
          <span class="brain"></span>
          <span class="brain"></span>
          <span class="brain"></span>
          <span class="brain"></span>
          <span class="particles"></span>
        </div>
        <h1 class="word-flip-3 active">compartilhe</h1>
        <h1 class="word-flip-3">share</h1>
        <h1 class="word-flip-3">cuota</h1>
        </div>
        <div class="text">
          <p>no kestt você compartilha seu conhecimento com os amigos, no espaço kestt você encontra nosso banco de arquivos pra baixar ou visualizar a vontade, e na sua página pessoal você pode postar arquivos de sua autoria em vários formatos, Conhecimento é pra ser compartilhado!</p>
          <p><strong>respeite os direitos autorais.</strong></p>
        </div>
      </div>
      <div class="item reverse">
        <div class="illustration">
        <div class="piggy">
          <span class="bar"></span>
          <span class="bar"></span>
        </div>
        <h1 class="word-flip-4 active">gratuito!</h1>
        <h1 class="word-flip-4">free!</h1>
        <h1 class="word-flip-4">gratis!</h1>
      </div>
        <div class="text">
          <p>estudar com professores e material de qualidade e ainda de graça? Parece brincadeira né?  No kestt isso é sério!  Use e abuse de tudo que preparamos para você e não pague nada por isso.</p>
        </div>
      </div>
    </div>
  </section>

  <section class="copyrights">
    <a href="lei.html"><strong>A importancia da Lei de Direitos Autorais </strong><i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i></a>
  </section>

  <footer>
    <div class="container">
        <div class="logo" data-href="index.html" ></div>
        <span class="copyright">
          &copy; 2016
        </span>
        <ul class="social">
          <li><a href="#"><i class="fa fa-facebook"></i></a></li>
          <li><a href="#"><i class="fa fa-twitter"></i></a></li>
          <li><a href="#"><i class="fa fa-instagram"></i></a></li>
        </ul>
    </div>
  </footer>
  <script src="assets/scripts/jquery.js" charset="utf-8"></script>
  <script src="assets/scripts/main.js" charset="utf-8"></script>
  <script src="https://use.fontawesome.com/2ca130448b.js"></script>
</body>
</html>