HTML-CSS-Homework/week1/3-website/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
67
68
69
<!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">
        <ul>
          <li><a href="#Articles">Articles</a></li> |
          <li><a href="#Sign-Up">Sign Up</a></li>
        </ul>
      </nav>
        <h1 class="title">Can't Stop the Signal</h1>
    </header>
      <section class="image-section">

      </section>
      <section>
        <p class="kicker">A fansite for all things related to Firefly and Serenity.

        </p>
      </section>
    <main class="wrapper">
      <article class="one" id="Articles">
        <h2 class="firefly">Firefly</h2>
        <p class>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.
          Link to <a href="https://www.imdb.com/title/tt0303461/">Firefly IMDB</a>
        </p>
      </article>
      <article class="two">
        <h2 class="serenity">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.
          Link to <a href="https://www.imdb.com/title/tt0379786/?ref_=fn_al_tt_2">Serenity IMDB</a>
        </p>
      </article>
      <article class="three">
        <h2 class= "books">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.
          Check out these <a href="https://www.goodreads.com/shelf/show/firefly-serenity">Goodreads.</a>
        </p>
      </article>
    </main>
    <footer>
      <p class="more-events">More events</p>
      <p class="newsletter" id="Sign-Up">Sign up to my newsletter</p>
    </footer>

  </body>
</html>