-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
135 lines (116 loc) · 5.89 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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GrowStuff | Make your plant smarter!</title>
<link rel="stylesheet" href="http://cloudbotanist.github.io/styles/1744f734.app.css"/>
<script src="http://cloudbotanist.github.io/scripts/vendor/a52a8685.modernizr.js"></script>
</head>
<body>
<header role="banner" class="top-header fixed">
<div class="row">
<div class="large-4 columns">
<a href="http://cloudbotanist.github.io/" class="logo">
<img src="http://cloudbotanist.github.io/images/ef767b63.logo_m.png" title="GrowStuff logo">
<span>GrowStuff <em>BETA</em><span>
</span></span></a>
</div>
<div class="large-8 columns">
<nav role="navigation" class="menu">
<ul>
<li class="active"><a href="http://cloudbotanist.github.io/">Home</a></li>
<li><a href="http://cloudbotanist.github.io/posts/diy">Do It Yourself</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div class="master-header">
<div class="row">
<div class="large-5 columns promo text-center">
<h3>Make your plants smarter!</h3>
<p>An Open Source project for a self-sufficient plant.<br>
We want to make sure your bonzaï won’t die!</p>
</div>
<div class="large-7 columns">
<img src="http://cloudbotanist.github.io/images/fb9fcf93.intro.png" title="Growstuff features rock!">
</div>
</div>
</div>
<div class="main whitebg">
<div class="row">
<div class="large-6 columns promo">
<p>You want one? You just need to have fun and <strong><a href="http://cloudbotanist.github.io/posts/diy" title="Do It Yourself">Do It Yourself</a></strong>! Every line of code is <strong>open source</strong> and we have made some crazy <strong>simple tutorials</strong> for you to create you Plant 2.0 and <strong>impress your friends</strong> ;)</p>
<p class="text-center"><a class="button" href="http://cloudbotanist.github.io/posts/diy" title="I want one!">I want one!</a></p>
</div>
<div class="large-6 columns">
<iframe width="533" height="315" src="//www.youtube.com/embed/4_8_9Vliahs" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
</div>
<div class="main greybg">
<div class="row">
<h3 class="section-title text-center">Made with ♥ and with:</h3>
</div>
<div class="row list">
<div class="large-2 columns">
<a href="#"><img class="promo-logo" src="http://cloudbotanist.github.io/images/e8b71036.rasp.png" alt="RaspberryPi"></a>
</div>
<div class="large-2 columns">
<a href="#"><img class="promo-logo" src="http://cloudbotanist.github.io/images/17ebe97a.arduino.png" alt="Arduino"></a>
</div>
<div class="large-2 columns">
<a href="#"><img class="promo-logo" src="http://cloudbotanist.github.io/images/d31a7156.twitter.png" alt="Twitter"></a>
</div>
<div class="large-2 columns">
<a href="#"><img class="promo-logo" src="http://cloudbotanist.github.io/images/ae18aafd.heroku.png" alt="Heroku"></a>
</div>
<div class="large-2 columns">
<a href="#"><img class="promo-logo" src="http://cloudbotanist.github.io/images/cfec58ac.node.png" alt="Node"></a>
</div>
<div class="large-2 columns">
<a href="#"><img class="promo-logo" src="http://cloudbotanist.github.io/images/8e7712e7.python.png" alt="Python"></a>
</div>
</div>
</div>
<div class="main whitebg">
<div class="row">
<h3 class="section-title text-center">The team from <a href="http://insa-lyon.fr/en" target="_blank"><img src="http://cloudbotanist.github.io/images/b684eba7.insa.png" title="INSA de Lyon"></a></h3>
</div>
<div class="row team">
<div class="large-2 columns text-center">
<img class="promo-logo" src="http://cloudbotanist.github.io/images/9e6ab2cd.alexis.png" alt="Alexis Fasquel">
<p class="name"><strong>Alexis FASQUEL</strong><br>
<span class="title">Product Manager</span></p>
</div>
<div class="large-2 columns text-center">
<img class="promo-logo" src="http://cloudbotanist.github.io/images/ea674020.pm.png" alt="Pierre-Marie Dartus">
<p class="name"><strong>Pierre-Marie DARTUS</strong><br>
<span class="title">Cloud Guru</span></p>
</div>
<div class="large-2 columns text-center">
<img class="promo-logo" src="http://cloudbotanist.github.io/images/325b7743.simo.png" alt="Mohammed Elalj">
<p class="name"><strong>Mohammed ELALJ</strong><br>
<span class="title">UI Master</span></p>
</div>
<div class="large-2 columns text-center">
<img class="promo-logo" src="http://cloudbotanist.github.io/images/99a7b4d3.kim.png" alt="Kim Chouard">
<p class="name"><strong>Kim CHOUARD</strong><br>
<span class="title">3D Printing</span></p>
</div>
<div class="large-2 columns text-center">
<img class="promo-logo" src="http://cloudbotanist.github.io/images/473c19cc.al.png" alt="Audrey-Laure Schauber">
<p class="name"><strong>Audrey-Laure SCHAUBER</strong><br>
<span class="title">APIs Ninja</span></p>
</div>
<div class="large-2 columns text-center">
<img class="promo-logo" src="http://cloudbotanist.github.io/images/128e8481.tgy.png" alt="Tanguy Helesbeux">
<p class="name"><strong>Tanguy HELESBEUX</strong><br>
<span class="title">The Server Whisperer</span></p>
</div>
</div>
</div>
<script src="http://cloudbotanist.github.io/scripts/vendor/43ee4419.vendor.js"></script>
</body>
</html>