SHARE
TWEET

NAC2

a guest May 22nd, 2019 70 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="pt-br" dir="ltr">
  3.  
  4. <head>
  5.   <meta charset="utf-8">
  6.   <title>.DEV</title>
  7.   <link rel="stylesheet" href="./css/reset.css">
  8.   <link rel="stylesheet" href="./css/style.css">
  9. </head>
  10.  
  11. <body>
  12.   <!-- aqui ficará todo o conteúdo da página -->
  13.   <div class="container">
  14.     <!-- área do cabeçalho principal - terá a logo e o menu -->
  15.     <header class="cabecalho-principal">
  16.       <!-- área da logo -->
  17.       <section class="logo">
  18.         <h1 class="texto-logo"><span class="azul">.DEV</span>COM</h1>
  19.       </section>
  20.       <!-- fim da área da logo -->
  21.  
  22.       <!-- menu principal -->
  23.       <nav class="menu-principal">
  24.         <ul>
  25.           <li><a href="#">Clientes</a></li>
  26.           <li><a href="#">Produtos</a></li>
  27.           <li><a href="#">Serviços</a></li>
  28.           <li><a href="#">Contato</a></li>
  29.         </ul>
  30.       </nav>
  31.       <!-- fim do menu principal -->
  32.     </header>
  33.     <!-- fim da área do cabeçalho principal -->
  34.  
  35.     <section class="banner">
  36.       <h2 class="texto-banner">Lorem ipsum dolor sit amet, consectetur adipisicing</h2>
  37.     </section>
  38.  
  39.     <main class="conteudo-principal">
  40.       <section class="conteudo-box">
  41.         <img src="images/drop.png" alt="">
  42.         <h2 class="titulo-box">Lorem</h2>
  43.         <p class="texto-box">
  44.           Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
  45.         </p>
  46.         <p>
  47.           <a href="#" class="meus-links">Mais...</a>
  48.         </p>
  49.       </section>
  50.  
  51.       <section class="conteudo-box">
  52.         <img src="images/drop3.png" alt="">
  53.         <h2 class="titulo-box">Lorem</h2>
  54.         <p class="texto-box">
  55.           Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
  56.         </p>
  57.         <p>
  58.           <a href="#" class="meus-links">Mais...</a>
  59.         </p>
  60.       </section>
  61.  
  62.       <section class="conteudo-box">
  63.         <img src="images/drop2.png" alt="">
  64.         <h2 class="titulo-box" >Lorem</h2>
  65.         <p class="texto-box">
  66.           Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
  67.         </p>
  68.         <p>
  69.           <a href="#" class="meus-links">Mais...</a>
  70.         </p>
  71.       </section>
  72.     </main>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top