-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (93 loc) · 4.76 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
<!DOCTYPE html>
<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>EEG</title>
<!-- <script src="https://kit.fontawesome.com/817124c7d9.js" crossorigin="anonymous"></script> -->
<!-- <script src="https://kit.fontawesome.com/ef7a05f58b.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/f6bad249bc.js" crossorigin="anonymous"></script> -->
<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=Dosis:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="./script.js" />
</head>
<body>
<main>
<section class="glass">
<div class="dashboard">
<div class="title">
<h1>Elevator Energy Generator</h1>
</div>
<div class="links">
<div class="link">
<i class="fa-solid fa-house-chimney"></i>
<i class="fa-solid fa-house" style="font-size:30px;color:#658ec6;"></i>
<a>Home</a>
<!-- <a href="https://www.google.com">Gallery</a> -->
</div>
<div class="link">
<i class="fas fa-users" style="font-size:30px;color:#658ec6;"></i>
<a href="problem.html">Problem</a>
</div>
<div class="link">
<i class="fa-solid fa-object-group" style="font-size:30px;color:#658ec6;"></i>
<a href="design.html">Design</a>
</div>
<div class="link">
<i class="fa-solid fa-object-group" style="font-size:30px;color:#658ec6;"></i>
<a href="future.html">Future</a>
</div>
<div class="link">
<i class="fa-solid fa-object-group" style="font-size:30px;color:#658ec6;"></i>
<a href="more.html">More</a>
</div>
</div>
<div class="icon">
<img src="./images/logo.png" alt="" id="logo">
</div>
</div>
<div class="about">
<div class="status">
<h1>Home Page</h1>
<h3>An innovative technology that generates electricity from elevator movement.</h2>
</div>
<!--Information Card-->
<div class="cards">
<div class="card">
<img src="./images/img1.png" alt="" id="EarthClipart">
<div class="card-info">
<h2>Goal/Mission</h2>
<br/>
<p>Our goal is to make better sustainable communities that will have a huge benefit for the environment. Our elevator saves and generates energy in buildings. There are more and more condos being built and we have to find a way to make our new housing sustainable.</p>
</div>
<h2 class="emoji">🌆</h2>
</div>
<!--Food & Treats Card-->
<div class="card">
<img src="./images/cityClipart.png" alt="" id="CityClipart">
<div class="card-info">
<h2>Solution</h2>
<br/>
<p>Our solution can be integrated directly inside of cities without taking up extensive amount of space. Every time an elevator goes downwards, it is wasting energy. Our EEG captures that energy and will use it to power the elevator when it moves upwards. In doing so, it will save an tremendous amount of energy in the billions of buildings world wide.</p>
</div>
<h2 class="percentage">🍬</h2>
</div>
<!-- Card
<div class="card">
<img src="./images/assassins.png" alt="">
<div class="card-info">
<h2>Assassins Creed Valhalla</h2>
<p>PS5 Version</p>
</div>
<h2 class="percentage">60%</h2>
</div> -->
</div>
</div>
</section>
</main>
<div class="circle1"></div>
<div class="circle2"></div>
</body>
</html>