0

Personalizando o clone da página da dio

Márcio Cardoso
Márcio Cardoso

Boa noite galera, mais uma vez aqui, estava tentando personalizar um pouco o clone da página da dio, fiz pouquíssimas mudanças, vou postar o código pra estudos ou sei lá galera, valeu galerinha.


<!DOCTYPE html>
<html lang="pt-BR">


<head>



  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta property="og:url" content="https://digitalinnovation.one/" />
  <meta property="og:type" content="website" />


  <meta property="og:title" content="Digital Innovation One" />
  <meta property="og:description" content="Cursos grátis de tecnologia e inovação | Digital Innovation One" />
  <meta property="og:image" content="https://hermes.digitalinnovation.one/site/images/cover_dio.jpg" />


  <title>
    Cursos grátis de tecnologia e inovação | Digital Innovation One
  </title>
  <link rel="apple-touch-icon" sizes="57x57" href="https://hermes.digitalinnovation.one/site/icons/57x57.png" />
  <link rel="apple-touch-icon" sizes="60x60" href="https://hermes.digitalinnovation.one/site/icons/60x60.png" />
  <link rel="apple-touch-icon" sizes="72x72" href="https://hermes.digitalinnovation.one/site/icons/72x72.png" />
  <link rel="apple-touch-icon" sizes="76x76" href="https://hermes.digitalinnovation.one/site/icons/76x76.png" />
  <link rel="apple-touch-icon" sizes="114x114" href="https://hermes.digitalinnovation.one/site/icons/114x114.png" />
  <link rel="apple-touch-icon" sizes="120x120" href="https://hermes.digitalinnovation.one/site/icons/120x120.png" />
  <link rel="apple-touch-icon" sizes="144x144" href="https://hermes.digitalinnovation.one/site/icons/144x144.png" />
  <link rel="apple-touch-icon" sizes="152x152" href="https://hermes.digitalinnovation.one/site/icons/152x152.png" />
  <link rel="apple-touch-icon" sizes="180x180" href="https://hermes.digitalinnovation.one/site/icons/180x180.png" />
  <link rel="icon" type="image/png" sizes="192x192"
    href="https://hermes.digitalinnovation.one/site/icons/192x192.png" />
  <link rel="icon" type="image/png" sizes="32x32" href="https://hermes.digitalinnovation.one/site/icons/32x32.png" />
  <link rel="icon" type="image/png" sizes="96x96" href="https://hermes.digitalinnovation.one/site/icons/96x96.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="https://hermes.digitalinnovation.one/site/icons/16x16.png" />
  <meta name="msapplication-TileImage" content="https://hermes.digitalinnovation.one/site/icons/44x144.png" />


  <!-- Default stylesheets-->


  <meta name="apple-itunes-app" content="app-id=1439709522" />
  <meta name="google-play-app" content="app-id=one.digitalinnovation.app" />
  <link rel="apple-touch-icon" href="https://hermes.digitalinnovation.one/site/icons/minimized.png" />
  <link rel="android-touch-icon" href="https://hermes.digitalinnovation.one/site/icons/minimized.png" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
    integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
  <link rel="stylesheet" href="css/site.css" />
  <link rel="stylesheet" href="css/tech-cities.css" />


  <noscript>
    <img height="1" width="1" src="https://www.facebook.com/tr?id=529970670506180&ev=PageView&noscript=1" />
  </noscript>
</head>


<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KNTPB4F" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <header>
    <nav class="navbar navbar-expand-lg navbar-light fixed-top nav-custom">
      <a class="navbar-brand" href="/">
        <img width="150" src="https://hermes.digitalinnovation.one/site/images/logo-white.png" alt="" />
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>


      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav navbar-right">
          <li class="nav-item">
            <a class="my-2 my-sm-0" href="/sign-up">
              <span class="pr-2">Não tem cadastro?</span>
              <span class="btn btn-light btn-lg">CRIAR MINHA CONTA GRÁTIS</span>
            </a>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <main>


    <section class="intro-signin">
      <div class="container-fluid">
        <div class="row mt-1">
          <div class="col-md-12">
            <h1>Uma comunidade de devs que <span class='subtitle'>Acelera sua carreira.</span> </h1>
          </div>
        </div>
        <div class="row mt-5">
          <div class="col-md-4">
            <div class="card card-signin py-5">
              <div class="card-body">
                <h5>Já tem cadastro?</h5>
                <p class="subtitle text-center">Digite seus dados para entrar.</p>
                <div class="alert alert-danger mt-3 text-center hidden" id="alert-login" role="alert">
                  Usuário ou senha incorretos!
                </div>
                <form class="mt-5" id="signin-form" onsubmit="return false;">
                  <div class="form-label-group">
                    <input type="email" class="form-control" id="email" name="email" required placeholder="E-MAIL" />
                    <label for="email" style="font-size:11px;">E-MAIL</label>
                  </div>
                  <div class="form-label-group">
                    <input type="password" class="form-control" id="password" name="password" required
                      placeholder="SENHA" />
                    <label for="password" style="font-size:11px;">SENHA</label>
                  </div>
                  <button type="submit" class="btn btn-primary btn-block mt-5">
                    <span class="text-button">ENTRAR</span>
                    <div class="spinner-border text-light hidden" role="status"></div>
                  </button>
                </form>
                <div class="row mt-5">
                  <div class="col-12">
                    <span class="password" style="font-size:11px;">Esqueci minha senha. <a
                        href="https://web.digitalinnovation.one/forgot-password">Clique aqui</a></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-5 offset-md-3">
            <div class="row mb-3">
              <div class="col-12">
                <div class="card card-custom">
                  <div class="card-body">
                    <div class="row">
                      <div class="col-2">
                        <img src='https://hermes.digitalinnovation.one/site/images/icons/aprenda_e_pratique.png'>
                      </div>
                      <div class="col-10">
                        <h5>Aprenda e pratique</h5>
                        <span>+500 atividades técnicas e projetos para acelerar a sua carreira como desenvolvedor de
                          software.</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row mb-3">
              <div class="col-12">
                <div class="card card-custom">
                  <div class="card-body">
                    <div class="row">
                      <div class="col-2">
                        <img
                          src='https://hermes.digitalinnovation.one/site/images/icons/venca_desafios_e_seja_contratado.png'>
                      </div>
                      <div class="col-10">
                        <h5>Na velocidade do mercado</h5>
                        <span>Aprenda as tecnologias utilizadas pelas empresas mais inovadoras do mundo.</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row mb-3">
              <div class="col-12">
                <div class="card card-custom">
                  <div class="card-body">
                    <div class="row">
                      <div class="col-2">
                        <img src='https://hermes.digitalinnovation.one/site/images/icons/aprenda_e_pratique_2.png'>
                      </div>
                      <div class="col-10">
                        <h5>CONECTE-SE COM OS MELHORES</h5>
                        <span>Mais de 450 mil desenvolvedores já estão conectados para acelerar a carreira e criar o
                          futuro dos negócios.</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>


      </div>
    </section>
    <footer class="footer module bg-dark">
      <div class="container-fluid">
        <div class="row pt-5 pb-5 footer-row">
          <div class="col-md-2 col-responsive " style="visibility: visible; animation-name: fadeInUp;">
            <div class="team-item">
              <div>
                <div>
                  <img width="100%" src="https://hermes.digitalinnovation.one/site/images/logo-sm-white.png"
                    alt="Digital Innovation One" />
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-2 col-responsive" style="visibility: visible; animation-name: fadeInUp;">
            <div class="team-item" style="text-align: left">
              <div style="font-size: 15px;">
                <a href="/">
                  Para Você
                </a>
              </div>


              <div style="font-size: 15px;">
                <a href="https://projetos.digitalinnovation.one/blog">
                  Blog
                </a>
              </div>


              <br />


              <div style="font-size: 15px;">
                <a href="https://app.digitalinnovation.one/terms/">
                  Termos de Uso
                </a>
              </div>


              <div style="font-size: 15px;">
                <a href="https://app.digitalinnovation.one/policy/">
                  Política de Privacidade
                </a>
              </div>
            </div>
          </div>
          <div class="col-md-2 col-responsive" style="visibility: visible; animation-name: fadeInUp;">
            <div class="team-item">
              <div>
                <div>
                  <a target="_blank" href="https://itunes.apple.com/us/app/digital-innovation-one/id1439709522"></a>


                  </a>
                </div>
                <div>
                  <a target="_blank" href="https://play.google.com/store/apps/details?id=one.digitalinnovation.app">


                    <style type="text/css">
                      .colab-g-play .st0 {
                        fill: #ffffff;
                      }


                      .colab-g-play .st1 {
                        opacity: 0.2;
                        enable-background: new;
                      }


                      .colab-g-play .st2 {
                        opacity: 0.12;
                        enable-background: new;
                      }


                      .colab-g-play .st3 {
                        opacity: 0.25;
                        enable-background: new;
                      }
                    </style>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-2  offset-lg-1 col-responsive" style="visibility: visible; animation-name: fadeInUp;">
            <div class="team-item">
              <div>
                <div>
                  <h4 style="text-align: center">Estamos na</h4>
                </div>
                <div>
                  <a target="_blank" href="https://globallabs.ventures/">
                    <img width="100%" src="https://hermes.digitalinnovation.one/site/images/GLStudio.png"
                      alt="Icone Global Labs" />
                  </a>
                </div>
                <br />
                <div style="text-align: center">
                  Av. Sete de Setembro, 371 Araraquara - SP - 14800-390
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-responsive" style="visibility: visible; animation-name: fadeInUp;">
            <div class="float-lg-right">
              <div>
                <div>
                  <i class="fa fa-phone" style="font-size:12px"></i>
                  (16) 3508-5250
                </div>
                <br />
                <div class="mb-3">
                  <i class="far fa-envelope" style="font-size:12px"></i>
                  contato@digitalinnovation.one
                </div>
                <div class="team-descr">
                  <a target="_blank" href="https://www.facebook.com/digitalinnovationone/">
                    <i class="fab fa-facebook-square" style="font-size:25px; color: #fff;"></i>
                  </a>
                  &nbsp;
                  <a target="_blank" href="https://www.instagram.com/digitalinnovation.one/">
                    <i class="fab fa-instagram" style="font-size:25px; color: #fff;"></i>
                  </a>
                  &nbsp;
                  <a target="_blank" href="https://www.linkedin.com/company/digitalinnovation-one/">
                    <i class="fab fa-linkedin" style="font-size:25px; color: #fff;"></i>
                  </a>
                  &nbsp;
                  <a target="_blank" href="https://www.youtube.com/channel/UCMxqhdELkftE8DuBZiwdPfg">
                    <i class="fab fa-youtube" style="font-size:25px; color: #fff;"></i>
                  </a>
                  &nbsp;
                  <a target="_blank" href="https://twitter.com/dio4tech">
                    <i class="fab fa-twitter" style="font-size:25px; color: #fff;">
                    </i>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <div class="dio">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-10">
            <p class="copyright font-alt">
              © 2019&nbsp; <a href="/">Digital Innovation One</a>, All Rights
              Reserved
            </p>
            <p class="document">
              ACADEMIA PME EDUCACAO E CONSULTORIA EM NEGOCIOS LTDA | CNPJ:
              26.965.884/0001-02
            </p>
          </div>
        </div>
      </div>
    </div>


  </main>


</body>


</html> 
0
0

Comentários (1)

0
Rogerio Matos

Rogerio Matos

06/06/2021 00:44

Ficou muito bom 👌 parabéns 👏

Nunca desistir.

Brasil