-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
71 lines (60 loc) · 3.17 KB
/
home.html
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
<!DOCTYPE html>
<head>
<title> Avatar: The Way of Water </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="main.css">
<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=Varela+Round&display=swap" rel="stylesheet">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<script src="https://kit.fontawesome.com/51c9f93a34.js" crossorigin="anonymous"></script>
</head>
<body>
<nav>
<input type="checkbox" id="nav__check">
<label for="nav__check">
<i class="fas fa-bars" id="nav__btn"></i>
<i class="fas fa-times" id="nav__btn--cancel"></i>
</label>
<a href="home.html"><img src="logo.png" class="logo" alt="Avatar-The-Way-Of-Water-Logo"></a>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="plotsummary.html">Plot Summary</a></li>
<li><a href="cast.html">Cast</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Wiki</a></li>
</ul>
</nav>
<section class="homepage-hero" alt="Avatar-The-Way-Of-Water-GIF">
<text class="homepage-hero__text">
<h1>The battle for Pandora's future has just begun.</h1>
</text>
<text class="homepage-hero__text--subtext">
<h2>Get ready</h2>
</text>
</section>
<section class="content-area">
<img class="content-area__img" src="underwater.png" alt="Avatar-Swimming-Underwater">
<h3 class="content-area__intro">
Avatar: The Way of Water is an upcoming science fiction epic
and the highly anticipated sequel to James Cameron's 2009 blockbuster,
Avatar. The film is set in the stunningly beautiful and dangerous world
of Pandora, where the indigenous Na'vi people live in harmony with nature.
The story follows the Na'vi warrior, Neytiri (Zoe Saldana) and her human
partner, Jake Sully (Sam Worthington) as they embark on a new adventure that
takes them deep beneath the surface of Pandora's oceans.
</h3>
<h3 class="content-area__intro--2">
In this new chapter of the Avatar saga, we'll meet a whole new cast of
characters, including a young Na'vi named Neteyam (Jamie Flatters) who is
trying to find his place in the world, and a marine biologist named Dr. Grace
Augustine (Sigourney Weaver), who has spent her life studying the oceans of
Pandora. Together, they must navigate the challenges of a world threatened by
human greed and the dangerous forces of nature. As they explore the underwater
realm of Pandora, they'll discover a hidden power that could hold the key to
the survival of their world.
</h3>
<img class="content-area__img--2" src="flying.png" alt="Avatar-Flying-On-Magical-Beast">
</section>
</body>