index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>&lt;dev&gt;events</title>

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

    <link href="css/cover.css" rel="stylesheet">

  </head>

  <body>

    <div class="site-wrapper">

      <div class="site-wrapper-inner">

        <div class="cover-container">

          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand"> &lt;dev&gt;events</h3>
              <nav>
                <ul class="nav masthead-nav">
                  <li><a href="https://github.com/devevents" target="_blank">Github</a></li>
                </ul>
              </nav>
            </div>
          </div>

          <div class="inner cover">
            <h1 class="cover-heading">Dev Calendar</h1>
            <p class="lead">Agenda dos eventos de tecnologia do Ceará</p>
            <p class="lead">
              <a href="https://www.google.com/calendar/embed?src=3psq0vt68cq7ntreatvpc2ct8s%40group.calendar.google.com&ctz=America/Fortaleza" target="_blank" class="btn btn-lg btn-default">Abrir agenda</a>
              <a href="https://docs.google.com/forms/d/11jzXWcHvWlOvFb-N-ub1GKQL-j6WHost8AE2Il53UsY/viewform" target="_blank" class="btn btn-lg btn-info">Cadastrar evento</a>
            </p>
          </div>

          <!-- <div class="mastfoot">
            <div class="inner">
              <p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p>
            </div>
          </div> -->

        </div>

      </div>

    </div>

  </body>
</html>