-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (77 loc) · 2.84 KB
/
index.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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Phoenix</title>
<link href="style.css" rel="stylesheet">
<title>
Phoenix
</title>
<style>
article {
background-image: url(IMAGES/white\ bg.webp);
}
aside {
background-image: url(IMAGES/white\ bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<header class="navbar">
<nav>
<ul id="nav">
<li><a href="index.html">HOME</a></li>
<li><a href="Aboutus.html">ABOUT US</a></li>
<li><a href="solution.html">SOLUTION</a></li>
<li><a href="problem.html">PROBLEM</a></li>
</ul>
</nav>
</header>
<div class="bg-img"></div>
<div class="bg-text">
<h1>Phoenix</h1>
<h2>Sparking a fire from its ashes</h2>
</div>
<article>
<div class="heading1">
<h1><b><u>ABOUT PHOENIX</u></b></h1>
</div>>
<div class= "container1">
<div class="imgofSTEM">
<img src="Images_nasa/STEAM fields.jpg">
</div>
<div class="info">
<p>
Phoenix is a youth-led project done by the students of Grade 9. The term 'pheonix' was derived from the mythological bird. It represents immortality, resurrection and life after death. In simpiler words, We'd describe ourselevs as individuals who strive towards a greater aspect that focuses on combining Technology, Science, Engineering, Arts and Mathematics.
We have chosen the “Turning stem into STEAM Challenge”. From our toddler years, we have been extremely interested in the field of Science and Space. We are avid readers and researchers of the secrets and mysterious that lie in the endless celestial body, we call space. But we are sure that it is high time to share our interest with others as well. Which is why we chose this challenge to inculcate the passion for space in young leaders.
<b>Learn and Grow with PHOENIX</b> </p>
</div>
</div>
</article>
<aside>
<div class="mnemonic">
<h1><b><u>MNEMONIC OF PHOENIX</u></b></h1>
<div class="imgmnemonic">
<img src="Images_nasa/Mnemonic_nasa.jpg.png" width="1200px" height="700px">
</div>
</div>
</aside>
<div class="Heading3">
<h1><b><u>SUSTAINABLE DEVELOPMENT GOAL</u></b></h1>
</div>
<br>
<div class="img4">
<img src="Images_nasa/SDG GOAL 16.jpg" alt="Sustainable development goal 16 picture" style= "width:500px"
style="height:500px">
</div>
<p>Phoenix also achieves the targets of the Sustainable Development Goal 16: Peace, Justice and Strong Insititutions. </p>
</aside>
<br>
<br>
</body>
</html>