-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
217 lines (179 loc) · 10.2 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>LittleNeuron</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="apple-itunes-app" content="app-id=738219537">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/onepage-scroll.css">
<link rel="stylesheet" href="css/main-min.css">
<!--[if lte IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie9-and-down.css" />
<![endif]-->
<link rel="shortcut icon" href="/img/favicon.ico"/>
</head>
<body>
<div class="main">
<section class="home">
<div class="container">
<div class="home-phone hide hidden-xs col-xs-12 col-sm-5">
<img src="img/iphone-3.png" class="iphone-3 " alt="">
</div>
<div class="row">
<div class="home-copy col-xs-12 col-sm-8 col-sm-offset-2 animated fadeInDown delay-2 ">
<h1 class="demo1">Children love<br> <span class='rotate'> Our Apps, Learning, Words, Colors, Shapes </span></h1>
<p> LittleNeuron enriches the learning process through technology & fun! </p>
<span class="take-a-look animated fadeInDown delay-5"><i class="entypo-down-open"></i>Learn More</span>
</div>
</div>
</div>
</section>
<section class="slide-1 slide full-color">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 copy">
<h2 class=" hide slide-1-title slide-titles"> LittleNeuron by Bodhi5 </h2>
<p class="slide-1-1 hide">
At Bodhi5 we love to show children, parents, and teachers the benefit of leaning through technology.
</p>
<p class="slide-1-2 hide hidden-xs">
We strive to build products that will help children excel in school and everyday life. We believe that technology is a fundamental building block for molding today's children.
</p>
<p class="slide-1-3 hide hidden-xs">
Bodhi5 is always open to ideas from "You". Our users, friends, family, and supporters. If you believe you have an idea that can change the way kids learn and grow, don't be afraid to speak your mind. You think it and we can build it.
</p>
<i class="hide entypo-down-open slide-1-scroll scroll-down hidden-xs"></i>
</div>
<div class="col-xs-12 col-sm-6 iphone-container ">
<img src="img/ipad-1.png" class="ipad-1" alt="">
</div>
</div>
</div>
</section>
<section class="slide-2 slide full-color">
<a class="itunes" href="https://itunes.apple.com/us/app/littleneuron/id738219537?ls=1&mt=8"><span><img src="img/link.png"></span></a>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 iphone-container ">
<img src="img/iphone-4.png" class="hide iphone-1" alt="">
</div>
<div class="col-xs-12 col-sm-4 copy">
<h3> LittleNeuron-Intellisense </h3>
<h2 class=" hide slide-2-title slide-titles"> What your baby sees ... </h2>
<p class="slide-2-1 hide">
A newborn can see clearly within 13 inches from their face and can follow a specific object from 10 to 13 inches.
</p>
<p class="slide-2-2 hide hidden-xs">
The high-contrast colors allow the baby to distinguish the shapes from the background. These colors register powerfully on a baby's retina and send strong signals to the brain. Stronger signals = faster visual development & brain growth.
</p>
<p class="slide-2-3 hide hidden-xs">
The movements challenge your baby to stay focused on the shape that they are most interested in.
</p>
<p class="slide-2-4 hide hidden-xs">
You'll be amazed at how well LittleNeuron-Intellisense holds your baby's attention.
</p>
<i class="hide entypo-down-open slide-2-scroll scroll-down"></i>
</div>
</div>
</div>
</section>
<section class="slide-3 slide full-color">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 copy">
<h3> LittleNeuron-SightWords </h3>
<h2 class=" hide slide-3-title slide-titles"> Your child will love reading...</h2>
<p class="slide-3-1 hide">
LittleNeuron-SightWords is designed to help you child learn & recongnize words on sight.
</p>
<p class="slide-3-2 hide hidden-xs">
With our simple word pack generator any parent or teacher can create a word pack for your child to practice.
</p>
<p class="slide-3-3 hide hidden-xs">
Simply create a name for your pack, add a list of words, and click the button. Now you can share your unique word pack link with anyone.
</p>
</div>
<div class="col-xs-12 col-sm-4 iphone-container">
<img src="img/sw_1.png" class="hide iphone-2" alt="">
<img src="img/sw_2.png" class="hide iphone-2" alt="">
<img src="img/sw_3.png" class="hide iphone-2" alt="">
<img src="img/sw_4.png" class="hide iphone-2" alt="">
</div>
<div class="col-xs-12 col-sm-4 copy">
<p class="slide-2-4 hide hidden-xs">
Just click the link on your smartphone and the new word pack will be added to the LittleNeuron-SightWords App.
</p>
<p class="slide-2-5 hide hidden-xs">
Your child can now swipe through all the words. If they come to a word they do not recognize, a press on the screen and friendly voice will read the word aloud.
</p>
<p class="slide-2-6 hide hidden-xs">
Learning to read has never been so fun & easy.
</p>
<i class="hide entypo-down-open slide-3-scroll scroll-down hidden-xs"></i>
</div>
</div>
</div>
</section>
<section class="contact full-color">
<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
<h2>Create a list of sight words for your class</h2>
<div class="newsletter clearfix">
<form role="form">
<div class="form-group" id='linkForm'>
<input type="text" name="signup" id='wordsTitle' placeholder="Title">
<button type="button" class="btn btn-signup" id="stringBtn" onClick="concatString()"><i class="entypo-check"></i></button>
<input type="text" name="signup" id='sightWords' placeholder="Sight Words">
<button type="button" class="btn btn-signup" id="clearBtn" onClick="clearText()"><i class="entypo-cancel"></i></button>
<button type="button" class="btn btn-signup" id="copyBtn" onClick=""><i class="entypo-clipboard"></i></button>
<input type="text" name="signup" id='link'>
</div>
</form>
</div>
<div class="social clearfix">
<a href="https://plus.google.com/101325655151403999184/" class="social-item gplus"><i class="entypo-gplus"></i></a>
<a href="https://twitter.com/littleneuron" class="social-item twitter"><i class="entypo-twitter"></i></a>
<a href="mailto:[email protected]" class="social-item mail"><i class="entypo-mail"></i></a>
</div>
</div>
</div>
<div class="footer">
<a href="privacy.html"><span class="privacy">Privacy</span></a>
<a href="index.html#"><span class="help">Help</span></a>
</div>
<!-- <a href="https://itunes.apple.com/us/app/littleneuron/id738219537?ls=1&mt=8"><span class="itunes2"><img src="img/link.png"></span></a>
-->
</section>
</div> <!-- /main -->
<div class="icon animated fadeInLeft delay-3">
<p id='floatName'> LittleNeuron </p>
</div>
<!--
<div class="settings animated fadeInLeft delay-4">
<span class="settings-icon">
<i class="entypo-cog"></i>
</span>
<h3 class="settings-title"> Settings </h3>
<span class="settings-subtitle">Home</span>
<span class="toggle-video hidden-xs">toggle video </span>
<span class="toggle-phone hidden-xs">toggle phone</span>
<span class="toggle-opacity-first">toggle opacity first</span>
<span class="settings-subtitle">Global</span>
<span class="toggle-opacity-all">toggle opacity all</span>
<span class="toggle-slide-fade"> toggle color fade on slide</span>
</div> -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/jquery-ui-1.8.22.custom.min.js"></script>
<script src="js/vendor/jquery.imagesloaded.min.js"></script>
<script src="js/vendor/jquery.simple-text-rotator.min.js"></script>
<script src="js/vendor/jquery.onepage-scroll.min.js"></script>
<script src="js/vendor/ZeroClipboard.js"></script>
<script src="js/main-min.js"></script>
</body>
</html>