API tools faq
paste
Advertisement
Guest User

HTML

a guest
Apr 28th, 2017
98
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.38 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset = "UTF-8">
  6.     <title>
  7.         v0.1.2
  8.     </title>
  9.     <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
  10.     <link rel="stylesheet" type = "text/css" href = "css/style.css">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. </head>
  13.  
  14. <body>
  15.  
  16.  
  17. <header>
  18.     <div class = "caixa">
  19.         <img src="img/ps2.png" alt = "LOGO PLAYSTATION 2" height="88px">
  20.         <nav>
  21.             <ul>
  22.                 <li> <a href="index.html">  HOME    </a></li>
  23.                 <li> <a href="galeria.html">GALERIA </a></li>
  24.                 <li> <a href="forum.html">  FORUM   </a></li>
  25.                 <li> <a href="contato.html">CONTATO </a></li>
  26.             </ul>
  27.         </nav>
  28.     </div>
  29. </header>
  30.  
  31. <section>
  32.  
  33.     <div class = "video-box">
  34.         <div class = "wrapper">
  35.             <div><iframe src="https://www.youtube.com/embed/Ciy8pRAt_e8?ecver=2" width="900" height="500" allowfullscreen></iframe></div>
  36.         </div>
  37.     </div>
  38.     <div class="index-intro">
  39.         <div class = "wrapper">
  40.             <h2>Título de &copy; introdução</h2>
  41.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra tincidunt mauris eget congue. Pellentesque et odio sed risus pulvinar placerat eget a diam. Vivamus efficitur suscipit quam ac porttitor. Pellentesque sit amet urna pellentesque, facilisis diam in, hendrerit massa. Etiam scelerisque mattis ante id feugiat. Aenean sed volutpat risus. Mauris at neque id metus efficitur vulputate ac vitae purus.</p>       
  42.         </div>
  43.     </div>
  44.  
  45.     <div class = "index-news">
  46.         <div class = "wrapper">
  47.             <article>
  48.                 <div class = "news-img"><img src="img/chaves.jpg" height="100%" width="100%"></div>
  49.                 <h3>Título da notícia #1</h3>
  50.                 <p>Aliquam tincidunt nunc eget nisi iaculis congue. Sed est ex, sodales non vehicula nec, varius vel diam. VEJA MAIS -></p>
  51.             </article>
  52.  
  53.             <article>
  54.                 <div class = "news-img"><img src="img/bahia.jpg" height="100%" width="100%"></div>
  55.                 <h3>Título da notícia #2</h3>
  56.                 <p>Morbi facilisis, enim quis scelerisque tempor, sem arcu rutrum ipsum, vel vestibulum elit urna nec felis. VEJA MAIS -></p>
  57.             </article>
  58.  
  59.             <article>
  60.                 <div class = "news-img"><img src="img/dinheiro.jpg" height="100%" width="100%"></div>
  61.                 <h3>Título da notícia #3</h3>
  62.                 <p>Proin consectetur lacus a mauris consectetur, quis dictum leo sodales. Ut ultricies viverra metus sed vulputate. Morbi laoreet faucibus sapien et vehicula. VEJA MAIS -></p>
  63.             </article>
  64.  
  65.             <article>
  66.                 <div class = "news-img"><img src="img/policia.jpg" height="100%" width="100%"></div>
  67.                 <h3>Título da notícia #4</h3>
  68.                 <p>Ut at accumsan libero. Etiam in nisl nibh. Ut vehicula auctor aliquam. Vivamus imperdiet ac metus sed congue. VEJA MAIS -></p>
  69.             </article>
  70.  
  71.             <article>
  72.                 <div class = "news-img"><img src="img/pastor.jpg" height="100%" width="100%"></div>
  73.                 <h3>Título da notícia #5</h3>
  74.                 <p>Sed sed efficitur lorem, id convallis augue. Maecenas ultricies maximus pulvinar. Cras vitae est nisl. Nullam aliquet risus cursus ipsum fermentum, mattis sollicitudin odio egestas. VEJA MAIS -></p>
  75.             </article>
  76.         </div>
  77.     </div>
  78. </section>
  79.  
  80. <footer>
  81.     <div class="wrapper">
  82.         <nav>
  83.             <ul>
  84.                 <li><a href="index.html">HOME</a></li>
  85.                 <li><a href="galeria.html">GALERIA</a></li>
  86.                 <li> <a href="forum.html">FORUM</a> </li>
  87.                 <li> <a href="contato.html">CONTATO</a></li>
  88.             </ul>
  89.         </nav>
  90.     </div>
  91. </footer>
  92.  
  93. </body>
  94.  
  95. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!