-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
146 lines (137 loc) · 5.01 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
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>
<head>
<title>repeet - Sustainable Toilets for Developing Countries - Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name='description' content='Entry for Talent 2030 Competition'/>
<meta name='keywords' content='talent,2030,project'/>
<meta property='site_name' content='Renewable Toilets'/>
<meta property='title' content='Renewable Toilets'/>
<meta property='description' content='Entry for Talent 2030 Competition'/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel='stylesheet' type='text/css' href='files/main_style.css' title='wsite-theme-css'/>
<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
<script>
var clicked = "no";
function hide(el) {
if (clicked == "no"){
el.style.opacity='0.01';
clicked = el;
} else {
el.style.opacity='1';
clicked = "no";
}
}
</script>
</head>
<body>
<div class="container" onclick="hide(this);">
<div id="menu" align="center">
<table>
<tr>
<td>
<h1 id="logo">
repeet - Sustainable Loos for All
</h1>
</td>
</tr>
<tr>
<td id="nav">
<table width="100%">
<tr>
<td> </td>
<td id='active'><a href='index.html'>Home</a></td>
<td><a href='experiment.html'>Our Experiment</a>
<td><a href='how_it_works.html'>How it Works</a>
<td><a href='advantages.html'>Advantages</a>
<td><a href='team.html'>Team</a>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="content">
<h2 style="text-align:center;">
Sustainable toilets for water scarce regions
</h2>
<div>
<table >
<tbody>
<tr>
<td style='width:50%; padding-left=20px;' valign="top">
<div >
<a href="images/repeet.png">
<img src="images/repeet.png" alt="RePEEt"
style="width:auto;max-width:98%"/>
</a>
</div>
</td>
<td style='width:50%;'>
<p>
In many developing countries, the inhabitants are forced to relieve
themselves in germ-infested rivers near by. They are forced to do
this because they have no other alternative, such as clean, running
water.
</p>
<p>
The same river that they relieve themselves in is the one that
they also drink from and wash in. Consequently, diseases can be
easily passed from family to family and the underlying reason would
be that the water that they drink from is polluted with solid and
liquid waste.
Due to the severe lack of health care in these regions, illness
and virus caused by bad hygiene can lead to fatal consequences.
</p>
<p>
Our product is an attempt to help solve this major issue that costs
many lives. We are trying to work towards manufacturing a 'sustainable
toilet for developing countries.'
</p>
</td>
</tr>
<tr>
<td style='width:50%;padding-left:20px;'>
<div>
<a href="images/firstDesign.png">
<img src="images/firstDesign.png" alt="Picture"
style="width:auto;max-width:100%"/>
</a>
</div>
</td>
<td style='width:50%;padding:0 15px'>
<p>
Since we started working on this project, our idea has developed
a huge amount; going from wind turbines all the way to a solution to
insure hygienic waste disposal in low income countries. Over the
design process, we have altered and developed our idea so that it is
the best that it can be.
</p>
<p>
We started with a turbine that generated
electricity to power house-hold appliances. Then we came up with a
potable latrine that the people of poverty stricken countries and
areas could carry around with them. Whilst the wheels of this cart
turned, the water flushed out all waste. We stuck with the toilet
theme and finally concluded that this idea would be the most effective.
</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="spacer">
<div style="height: 20px; overflow: hidden; width: 100%;"></div>
<hr class="styled-hr" style="width:100%;"/>
<div style="height: 20px; overflow: hidden; width: 100%;"></div>
</div>
</div>
<div id="footer">
Part of <a
href="http://www.talent2030.org/">Talent2030</a>
- <a href="team.html">Oxford Spires Academy Talent 2030 Team</a>
</div>
</div>
</body>
</html>