HTML-and-CSS-Projects/Assignment.html at main · kaarrreell/HTML-and-CSS-Projects · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>ZODIAC</title>
</head>

<body>

    <nav>
        <a href="Assignment.html">ZODIAC</a>
        <a href="Dog.html">GREAT DOG</a>
        <a href="Dog_Video.html">DOG VIDEO</a>
    </nav>

    <main>

        <figure>
            <img src="images/zodiac.jpg" width="600" height="300" alt="Zodiac image">

            <blockquote cite="https://thoughtcatalog.com/jessica-winters/2016/11/33-classic-quotes-that-reveal-the-timeless-wisdom-of-astrology/">
                "Astrology reveals the will of the gods..."
            </blockquote>

            <figcaption><em>— Decimus Junius Juvenalis</em></figcaption>
        </figure>

        <h1>ZODIAC:</h1>

        <p>
            The Zodiac is an ancient symbolic system created from observing the Sun’s journey across twelve distinct sections of the sky.<br>
            Each segment carries its own rhythm, character, and mythic resonance — as if the heavens were telling twelve different stories about human nature and the cycles of life.<br><br>

            Across cultures of the Middle East, the Mediterranean, and Asia, the Zodiac served as a celestial map, helping people understand the relationship between cosmic patterns and earthly experience.<br>
            Today, it remains one of the most recognizable foundations of astrology, blending tradition, symbolism, and a touch of mystery.<br><br>

            Each zodiac sign represents a unique archetype — a set of traits, impulses, and ways of interacting with the world.<br>
            Together, the twelve signs form a complete circle that reflects the diversity of human personalities and the shifting energies of the natural world.
        </p>

		<h1><em>ZODIAC SIGNS</em></h1>
			<iframe
				width="560"
				height="315"
				src="https://www.youtube.com/embed/MfTsHDYNKtk?si=R2jqzC3xFgvJUjqg"
				title="YouTube video player"
				frameborder="0"
				allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
				allowfullscreen>
			</iframe>

        <h2>Zodiac signs:</h2>

        <section>
            <h3>Aries (March 21 – April 19)</h3>
            <h3>Taurus (April 20 – May 20)</h3>
            <h3>Gemini (May 21 – June 20)</h3>
            <h3>Cancer (June 21 – July 22)</h3>
            <h3>Leo (July 23 – August 22)</h3>
            <h3>Virgo (August 23 – September 22)</h3>
            <h3>Libra (September 23 – October 22)</h3>
            <h3>Scorpio (October 23 – November 21)</h3>
            <h3>Sagittarius (November 22 – December 21)</h3>
            <h3>Capricorn (December 22 – January 19)</h3>
            <h3>Aquarius (January 20 – February 18)</h3>
            <h3>Pisces (February 19 – March 20)</h3>
        </section>

    </main>

    <footer>
        <h5>Website created by:</h5>
        <p>Karol Sikorski, kaarrreell@gmail.com</p>
    </footer>

</body>
</html>