-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·132 lines (118 loc) · 6.22 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Save Yourself</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<link rel="stylesheet" media="screen, projection" href="screen.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link rel="stylesheet" href="css/bootstrap.css" media="screen"/>
<link rel="stylesheet" href="css/style.css" media="screen"/>
<link href='http://fonts.googleapis.com/css?family=Mallanna|Dekko' rel='stylesheet' type='text/css'>
<script type="text/javascript">
$(document).ready(function(){
alert('Welcome To Save Yourself! This is only a technical preview.. Real website will come soon!')
});
</script>
</head>
<body>
<header><img src="img/bann.png"> </header><div id="explication"><div class="expli"id="gauche"><h2>Select what you have at hand & build answers to your needs<h2></div><div class="expli"id="droite"><h3>The SaveYourself Project</h3><p>Natural disatear are happening all the times and without any warning. One day, you might lost evreything you got. What happen then ? Waiting for rescue ? NO, SaveYourself, check how: <ul><li>1) Select the ojects you have at hand </li><li>2) Combine them </li><li>3) Answer your most basics needs..</li></ul></p></div></div>
<div id="aside">
<div id="intro"><h1>TEAM</h1>
<p>We are a group of SelfSavors and welcome you this website. You can discover bellow all our group!</p></div>
<div>
<div class="membres">
<img id="photoid" src="img/louis.png">
<h3>Louis Godlewski</h3>
<p>Développeur/Intégrateur</p>
<a target="blank" href="https://www.facebook.com/louiuol"><img src="img/fb.png"></a>
<a target="blank" href="https://twitter.com/GodlewskiLouis"><img src="img/twit.png"></a>
<a target="blank" href="https://www.linkedin.com/profile/view?id=372862372&trk=nav_responsive_tab_profile_pic"><img src="img/in.png"></a>
</div>
<div class="membres">
<img id="photoid" src="img/maxime.png">
<h3>Maxime Loëte</h3>
<p>Graphiste</p>
<a target="blank" href="https://www.facebook.com/max.ou.7587?fref=ts"><img src="img/fb.png"></a>
<a target="blank" href="http://www.twitter.com"><img src="img/twit.png"></a>
<a target="blank" href="https://www.linkedin.com"><img src="img/in.png"></a>
</div>
<div class="membres">
<img id="photoid" src="img/jeremy.png">
<h3>Jérémy Glatigny</h3>
<p>Communicant</p>
<a target="blank" href="https://www.facebook.com/jeremy.glatigny.7?fref=ts"><img src="img/fb.png"></a>
<a target="blank" href="http://www.twitter.com"><img src="img/twit.png"></a>
<a target="blank" href="https://www.linkedin.com"><img src="img/in.png"></a>
</div>
<div class="membres">
<img id="photoid" src="img/ivan.png">
<p><h3>Ivan Merjay</h3>
<p>Communicant/Réseaux</p>
<a target="blank" href="https://www.facebook.com/ivan.merjay?fref=ts"><img src="img/fb.png"></a>
<a target="blank" href="http://www.twitter.com"><img src="img/twit.png"></a>
<a target="blank" href="https://www.linkedin.com"><img src="img/in.png"></a>
</div>
<div class="membres">
<img id="photoid" src="img/jennifer.png">
<p><h3>Jennifer Hunckler</h3>
<p>Co Fondatrice</p>
<a target="blank" href="https://www.facebook.com/jenhunc?fref=ts"><img src="img/fb.png"></a>
<a target="blank" href="http://www.twitter.com"><img src="img/twit.png"></a>
<a target="blank" href="https://www.linkedin.com/profile/view?id=99424170&authType=name&authToken=C067&trk=prof-proj-cc-name"><img src="img/in.png"></a>
</div>
<div class="membres">
<img id="photoid" src="img/claire.png">
<p><h3>Claire-Marie Foulquier</h3>
<p>Co Fondatrice</p>
<a target="blank" href="https://www.facebook.com/clairemarie.foulquiergazagnes?fref=ts"><img src="img/fb.png"></a>
<a target="blank" href="http://www.twitter.com"><img src="img/twit.png"></a>
<a target="blank" href="https://www.linkedin.com/profile/view?id=78754241&authType=name&authToken=BBWv&trk=prof-proj-cc-name"><img src="img/in.png"></a>
</div>
</div>
</div>
</div>
<div id="global">
<p id="fttd">Select what hou have at hand..</p>
<div id="object">
<img class="check"src="img/img1.jpg">
<img src="img/img2.jpg">
<img src="img/img3.jpg">
<img src="img/img4.jpg">
<img src="img/img5.jpg">
<img src="img/img6.jpg">
<img src="img/img7.jpg">
<img src="img/img8.jpg">
<img src="img/img9.jpg">
<img src="img/img10.jpg">
<img src="img/img11.jpg">
<img src="img/img12.jpg">
</div>
<p id="fttd">And build answers to your needs!</p>
<div id="solution">
<div class="row">
<div class="col-md-12"><a id="save" data-toggle="collapse" href="#collapseExample">Save Me</a></div>
<div class="collapse" id="collapseExample">
<img src="img/step1.jpg">
<img src="img/step2.jpg">
<img src="img/step3.jpg">
<img src="img/step4.jpg">
<li><p>Place the bottle into the bucket and fix the wood to the bottle with a rope</p></li>
<li><p>Place the tarpaulin on it and fix it with a rope</p></li>
<li><p> Wait for the sun to evaporate all the dust</p></li>
<li><p>Drink your clean Water</p></li>
</div>
</div>
</div>
<div id="footer">
<p> © Save Yourself 2015 | All Rights Reserved.</p>
</div>
</body>
</html>
<!--
bleu 1 #303084
bleu 2 #392a7a
gris 1 #babcbe
gris 2 #aeafb1
-->