crow-grid/about.html at main · ittakato/crow-grid · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Crows are large birds with shiny black feathers. They often live together in large families. They are known for their loud voices and their intelligence. These clever, curious birds have a reputation as thieves and pranksters. They have been known to fly off with all sorts of little shiny objects, including people's car keys. Pet crows have even learned to mimic, or imitate, human speech."
    />
    <title>Crows</title>
    <link rel="icon" href="./images/icons/about-crow.ico" />
    <link rel="apple-touch-icon" href="./images/icons/about-crow.ico" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./styles/about.css" />
    <script src="./scripts/app.js" defer></script>
  </head>
  <body>
    <div class="body-container">
      <header class="navbar">
        <div class="left">
          <a href="./">Crows</a>
        </div>
        <nav class="right">
          <a href="./">Home</a>
          <a href="./facts.html">Facts</a>
          <a href="./about.html">About</a>
          <a href="https://www.youtube.com/watch?v=kBb4wuGjAwc">
            <img src="./images/icons/youtube.png" alt="" />
          </a>
          <a href="https://www.instagram.com/explore/tags/crow/">
            <img src="./images/icons/insta_icon.png" alt="" />
          </a>
          <a href="https://en.wikipedia.org/wiki/Crow">
            <img src="./images/icons/globe.png" alt="" />
          </a>
        </nav>
        <div class="hamburger">
          <div class="bar bar1"></div>
          <div class="bar bar2"></div>
          <div class="bar bar3"></div>
        </div>
      </header>
      <nav class="mobile-nav">
        <a href="./">Home</a>
        <a href="./facts.html">Facts</a>
        <a href="./about.html">About</a>
        <a href="https://www.youtube.com/watch?v=kBb4wuGjAwc">
          <img src="./images/icons/youtube.png" alt="" />
        </a>
        <a href="https://www.instagram.com/explore/tags/crow/">
          <img src="./images/icons/insta_icon.png" alt="" />
        </a>
        <a href="https://en.wikipedia.org/wiki/Crow">
          <img src="./images/icons/globe.png" alt="" />
        </a>
      </nav>
      <main>
        <h1>About Crows</h1>
        <div class="crow-image-container">
          <img src="./images/about-crow.jpg" alt="" />
        </div>
        <p class="crow-description">
          Crows are large birds with shiny black feathers. They often live
          together in large families. They are known for their loud voices and
          their intelligence. These clever, curious birds have a reputation as
          thieves and pranksters. They have been known to fly off with all sorts
          of little shiny objects, including people's car keys. Pet crows have
          even learned to mimic, or imitate, human speech. &nbsp;&nbsp; -
          <a href="https://kids.britannica.com/kids/article/crow/353020">
            Britannica Kids
          </a>
        </p>
      </main>
      <footer class="footer">
        <p>Designed and built with respect for crows.</p>
      </footer>
    </div>
  </body>
</html>