HTML-CSS-Homework/week1/3-website/css/index.html at 2379c05b389a87cc12914c29636e5ec71fd5e23e · CodeYourFuture/HTML-CSS-Homework · 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>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <title>Firefly and Serenity fan page</title>
    <link
      href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
      rel="stylesheet"
      type="text/css"
    />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
  </head>
  <body>
    <header>
      <nav class="nav-links">Articles | Sign Up</nav>
        <h1 class="title">Firefly and Serenity</h1>
        <h2 class="title">(For the fans)</h2>
    </header>
      <section class="image-section">
        <img src=https://wp-media.patheos.com/blogs/sites/541/2019/08/cant-stop-the-signal-mr-universe-serenity-firefly.gif alt="Can't stop the signal Mal">
      </section>
      <section>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec gravida dolor nec congue porttitor.
        In justo arcu, gravida blandit congue sit amet, elementum nec arcu. In scelerisque a felis eu consequat.
        Donec blandit, libero sit amet lacinia congue, mi justo congue odio, eget ullamcorper eros erat et neque.
        </p>
      </section>
    <main class = "wrapper">
      <article>
        <h2>Firefly</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec gravida dolor nec congue porttitor.
          In justo arcu, gravida blandit congue sit amet, elementum nec arcu. In scelerisque a felis eu consequat.
          Donec blandit, libero sit amet lacinia congue, mi justo congue odio, eget ullamcorper eros erat et neque.
          Integer lacinia arcu urna, eu laoreet tortor placerat vitae.
        </p>
      </article>
      <article>
        <h2>Serenity</h2>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec gravida dolor nec congue porttitor.
          In justo arcu, gravida blandit congue sit amet, elementum nec arcu. In scelerisque a felis eu consequat.
          Donec blandit, libero sit amet lacinia congue, mi justo congue odio, eget ullamcorper eros erat et neque.
          Integer lacinia arcu urna, eu laoreet tortor placerat vitae.
        </p>
      </article>
      <article>
        <h2>Books</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec gravida dolor nec congue porttitor.
          In justo arcu, gravida blandit congue sit amet, elementum nec arcu. In scelerisque a felis eu consequat.
          Donec blandit, libero sit amet lacinia congue, mi justo congue odio, eget ullamcorper eros erat et neque.
          Integer lacinia arcu urna, eu laoreet tortor placerat vitae.
        </p>
      </article>
    </main>
    <footer>
      <p>More events</p>
      <p>Sign up to my newsletter</p>
    </footer>

  </body>
</html>