-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdesign.html
87 lines (85 loc) · 4.44 KB
/
design.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
<!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/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="far fa-images" style="font-size:30px;color:#658ec6;"></i>
<a href="index.html">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>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>Design Page</h1>
<h3>Our EEG design and how it works.</h2>
</div>
<!--Information Card-->
<div class="cards">
<div class="card">
<img src="./images/design.jpg" alt="" id="designPic">
</div>
<!--Food & Treats Card-->
<div class="card">
<!-- <img src="./images/treat.jpg" alt="" id="liverBite"> -->
<div class="card-info">
<h2>How our EEG generates energy!</h2>
<br/>
<p>The most common type of elevator, traction elevators use a pulley system, counterweight and a motor to move the elevator. Our elevator uses a similar pulley system, however it also has a generator that generates energy. We got our generator for the model from a simple hand held fan. When you connect a battery to the fan motor, the electricity turns the fan. We reversed this method by turning the fan motor using mechanical energy, and therefore converting it into electrical energy to charge a battery. When the elevator is at the top story, and it drops we will capture the kinetic energy to slow it down and to help power it on the way up. The generator will create resistance while generating energy so that the heavy elevator doesn’t drop too quickly. To demonstrate this we connected the motor/generator to an LED that lights up.</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>