example/index.html at main · Hidekel12/example · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>step one</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalale=no, initial-scale=1.0, maximum-scale1.0, minimum-scale=1.0"
    />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="contenedor">
      <header>
        <div class="logo">
          <img src="random-logo-png-transparent.png" width="240" />
        </div>
        <nav class="menu">
          <a href="#">inicio </a>
          <a href="#">Blog</a>
          <a href="#"> Contacto</a>
        </nav>
      </header>
      <section class="main">
        <article>
          <div class="thumb">
            <img src="fondo.jpeg" alt="" />
          </div>
          <h2>Titulo del Articulo</h2>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem
            eaque omnis, laboriosam ipsum maxime facilis dolorum, ipsa officiis
            ad nam recusandae laborum. Tempore tempora aperiam, possimus ducimus
            quia quas esse? Lorem ipsum dolor sit amet consectetur adipisicing
            elit. Voluptatem eaque omnis, laboriosam ipsum maxime facilis
            dolorum, ipsa officiis ad nam recusandae laborum. Tempore tempora
            aperiam, possimus ducimus quia quas esse?
          </p>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem
            eaque omnis, laboriosam ipsum maxime facilis dolorum, ipsa officiis
            ad nam recusandae laborum. Tempore tempora aperiam, possimus ducimus
            quia quas esse? Lorem ipsum dolor sit amet consectetur adipisicing
            elit. Voluptatem eaque omnis, laboriosam ipsum maxime facilis
            dolorum, ipsa officiis ad nam recusandae laborum. Tempore tempora
            aperiam, possimus ducimus quia quas esse? Lorem ipsum dolor sit amet
            consectetur adipisicing elit. Voluptatem eaque omnis, laboriosam
            ipsum maxime facilis dolorum, ipsa officiis ad nam recusandae
            laborum. Tempore tempora aperiam, possimus ducimus quia quas esse?
          </p>
        </article>
      </section>
      <aside>
        <div class="ad"><p>AD</p></div>
        <div class="ad"><p>AD</p></div>
      </aside>
      <footer>
        <div class="autor">Created by Hidekel - HidekelRicardo</div>
        <div class="redes">
          <a href="@">Instagram</a>
          <a href="#">Email</a>
        </div>
      </footer>
    </div>
  </body>
</html>