angelthecoder
7/23/2018 - 12:14 AM

Marcado Bemit Home

Estructura Body Home

  <footer class="o-footer is-dark">
    <div class="o-container">
      <div class="g-row">
        <div class="g-col-@md-4 g-col@sm-12 g-offset@md-4">
          <h2 class="e-section-title">Contacto.</h2>
          <div class="g-row">
            <div class="g-col@md-6 g-col@sm-12">
              <div class="c-iconBox">
                <svg class="c-iconBox__icon"></svg>
                <span class="c-iconBox__content">
                  Col. Juárez.
                  Miguel Hidalgo, CDMX
                </span>
              </div>
            </div>
            <div class="g-col@md-6 g-col@sm-12">
              <div class="c-iconBox">
                <svg class="c-iconBox__icon"></svg>
                <span class="c-iconBox__content">
                  Col. Juárez.
                  Miguel Hidalgo, CDMX
                </span>
              </div>
            </div>
          </div>
          
          <form class="c-form" action="">
            <input class="c-form__input is-half" type="text" placeholder="nombre(s)">
            <input class="c-form__input is-half" type="text" placeholder="apellidos">
            <input class="c-form__input is-half" type="email" placeholder="email">
            <input class="c-form__input is-half" type="tel" placeholder="teléfono">
            <textarea class="c-form__textarea is-bordered" placeholder="mensaje"></textarea>
            <input class="c-form__submit" type="submit" value="Enviar">
          </form>
        </div>
      </div>
    </div>
  </footer>
</body>
<main class="g-main">
  <section class="o-section is-dark">
    <div class="o-container">
      <div class="g-row">
        <div class="g-col-@md-6 g-col@sm-12 g-offset-@md-6">
          <h1 class="e-title">
            Disfruta el trayecto, nosotros te decimos cómo.
          </h1>
        </div>
      </div>
    </div>
    
    <div class="c-scroll is-white">
      <span class="e-span-scroll">scroll down</span>
      <div class="e-icon-scroll">
        <svg></svg>
      </div>
    </div>
  </section>
  
  <section class="o-section is-light">
    <div class="o-container is-fullwidth">
      <div class="g-row">
        <div class="g-col-@md-3 g-col@sm-12">
          <img src="" alt="" title=""/>
        </div>
        <div class="g-col-@md-9 g-col@sm-12">
          <h2 class="e-section-title is-small">About us</h2>
          <div class="c-vCarrousel">
            <div class="c-vCarrousel__item">
              <h3 class="c-vCarrousel__title">Vertical Transportation Consultants</h3>
              <p class="c-vCarrousel__content">On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through </p>
              <a class="c-vCarrousel__button"><span>Conoce más</span><svg></svg></a>
            </div>
            <!-- Más items después de esta marca -->
            
            <div class="c-vCarrousel__controls">
              <svg class="c-vCarrousel__controls--up"></svg>
              <svg class="c-vCarrousel__controls--down"></svg>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  
</main>
<body>
  <header class="o-header">
    <div class="e-logo">
      <svg></svg>
    </div>
    <ul class="c-navbar">
      <li class"e-link"><a href="#">Estudios de tráfico</a></li>
      <li class"e-link"><a href="#">Operaciones</a></li>
      <li class"e-link"><a href="#">Proyectos</a></li>
      <li class"e-link"><a href="#">About us</a></li>
      <li class"e-link"><a href="#">Contacto</a>
      </li>
    </ul>
    
    <div class="e-contact is-vertical">
      <p><a href="#">+55 576 48349</a> <a href="#">contacto@vivesasociados.com</a></p>
    </div>
    
    <div class="c-hamburguer">
      <div class="c-hamburguer__button"></div>
    </div>
    
    <div class="c-hamburguer__container is-hidden">
      <ul class="c-navbar">
        <!-- Clonar menú original -->
      </ul> 
    </div>
  </header>