-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathidea.html
144 lines (143 loc) · 6.59 KB
/
idea.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>UNite</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/c5b24cdc61.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
$(".right_menu li .fas").click(function(){
$(".profile_dd").toggleClass("active");
});
$(".hamburger").click(function(){
$(".sidebar").toggleClass("active");
})
})
</script>
<title>UNite</title>
<style>
h2 {
margin-top: 35px;
margin-left: 230px;
padding: 20px;
background-color: #ffde3a;
}
.main_container .container .item_one .pic_one{
display: flex;
border-radius: 50%;
height: 500px;
width: 400px;
margin-right: 20px;
}
</style>
</head>
<body background="main_background.png" bgcolor="#EFEFEF">
<h1 id="document_top">.</h1>
<div class="wrapper">
<div class="top_navbar">
<div class="hamburger">
<div class="hamburger_inner">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
</div>
<div class="menu">
<div class="logo">
UNite
</div>
<div class="right_menu">
<ul>
<li><img src="main_logo.png" alt="Logo" height="60px" width="60px">
<div class="profile_dd">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="main_container">
<div class="sidebar">
<div class="container">
<div class="sidebar_iner">
<div class="profile">
<div class="img">
<img src="main_logo.png" alt="Logo" sizes="100" width="100">
</div>
<div class="profile_info">
<p class="profile_name"></p>
</div>
</div>
<ul>
<li>
<a href="index.html">
<i class="fa-solid fa-globe"></i>
<span class="title"> About Us</span>
</a>
</li>
<li>
<a href="problem.html">
<i class="fa-solid fa-question"></i>
<span class="title"> Problem</span>
</a>
</li>
<li>
<li>
<a href="idea.html" class="active">
<i class="fa-solid fa-lightbulb"></i>
<span class="title"> Idea</span>
</a>
</li>
<li>
<a href="timeline.html">
<i class="fa-solid fa-timeline fa-rotate-90"></i>
<span class="title"> Timeline</span>
</a>
</li>
<li>
<a href="product.html">
<i class="fa-brands fa-bimobject"></i>
<span class="title"> Our Product</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<h2>The Idea</h2>
<img src="product_logo.png" alt="logo" height="300px" width="300px" style="margin-left: 600px;">
<div class="main_idea">
<img src="model_templte_image.png" alt="prototype" class="pic_one" style="border-radius: 0%;" height="430px" width="320px">
<div class="discription_one">
</div>
(1) UNite hopes to make wind turbines far cheaper and open up new ways to design them, by ditching the stiff fibreglass blades it uses now in favour of turbine blades made out of fabric. <br><br>
(2) This idea could lower wind turbine blade costs by 40 per cent.<br><br>
(3)Fabric can be recycled multiple times thus incorporating circular economy while simultaneously reducing the fabric waste along with lowering costs by upto 17% of the total cost of the turbine.<br><br>
(4)Our turbines being made of fabric are lightweight as well as easy to move thus reducing the noise produced.
<br><br>
(5) Moving towards the centre, we have a perovskite cell attached.<br><br>
(6) Perovskite cells are composed of photovoltaic layers embedded in a plastic, glass or metal substrate.
Their high absorption coefficient enables ultrathin films of around 500 nm to absorb the complete visible solar spectrum. These features combined, result in the creation of low cost, high efficiency, thin, lightweight, and flexible solar modules. <br><br>
(7) Furthermore, we will be sourcing both the fabric and the plastic from local plants and manufacturers, allowing us to reduce plastic and fabric waste too, all while reducing the cost of our products to make it more affordable and accessible by all.
</div>
<div class="item_two" style="margin-left: 500px;">
<video autoplay controls loop>
<source src="model_video.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</div>
<div class="gotoTop_button">
<button class="gotoTop" id="gotoTop">
<a href="#document_top">
<i class="fa-solid fa-circle-up fa-2xl"></i>
</a>
</button>
</div>
</body>
</html>