-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
241 lines (225 loc) · 13 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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE html>
<html>
<head>
<title>UnicorNation. Breed dat Steed!</title>
<link rel="shortcut icon" href="Img/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<link href="Content/bootstrap-switch.min.css" rel="stylesheet" />
<link href="Content/override.css" rel="stylesheet" />
</head>
<body>
<nav role="navigation" class="navbar navbar-default navbar-static-top">
<div class="row">
<p class="navbar-brand" style="color:yellowgreen; font-size: 1em">UnicorNation</p>
<img class="navbar-brand navbar-right" src="Img/facebook_32.png" style="cursor: pointer" />
<img class="navbar-brand navbar-right" src="Img/pinterest_32.png" style="cursor: pointer" />
<img class="navbar-brand navbar-right" src="Img/twitter_32.png" style="cursor: pointer" />
<img class="navbar-brand navbar-right" src="Img/googleplus_32.png" style="cursor: pointer" />
</div>
</nav>
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-md-4">
<p style="color:yellowgreen; font-size:3em">Unicornation...</p>
<p style="color:yellowgreen; font-size:2em">... supposed to be gay</p>
<br /><br /><br />
</div>
<div class="col-md-8">
<img src="Img/jumbotron.png" class="img-responsive" />
</div>
</div>
</div>
</div>
<div class="container" style="background-color: darkgrey">
<div class="row">
<div class="col-lg-4" style="padding: 15px">
<div class="circular center-block" style="background-image: url(Img/un1.jpg)">
</div>
<p class="text-center" style="color: azure; padding: 5px;">
Unicorns are basically rainbows and who the hell doesn't like rainbows?<br />
Rainbows are a combination of reflection, refraction and dispersion of light. UnicorNs are a combination of nature, magic and fantasy.
</p>
</div>
<div class="col-lg-4" style="padding: 15px">
<div class="circular center-block" style="background-image: url(Img/un2.jpg)">
</div>
<p class="text-center" style="color: azure; padding: 5px;">
There are lots of reason why UnicorNs, and they vary from person to person, from company to company, the only thing that is true for everybody - UnicorNs are fun!
</p>
</div>
<div class="col-lg-4" style="padding: 15px">
<div class="circular center-block" style="background-image: url(Img/un3.jpg)">
</div>
<p class="text-center" style="color: azure; padding: 5px;">
Yes, UnicorNs have evolved throughout the history of UnicorNkind, not only steeds now, they are everywhere. Keep your eyes open, watch them evolve!
</p>
</div>
</div>
</div>
<div class="container" style="background-color: dimgrey">
<div class="row" style="color: azure">
<div class="col-md-4" style="padding: 15px">
<div class="unicornation center-block" style="background-image: url(Img/unicornation.jpg);"></div>
</div>
<div class="col-md-8" style="padding: 15px">
<p class="text-center">
Our company was founded thousands of years ago, at those times Pegasi soared in the sky,
magic was abundant everywhere, UnicorNs were common and miracles happened. Dinosaurs were long gone, but if you want we can make them come back.
Sometimes you need a pal, sometimes you need a miracle, sometimes you want to fly, we can help you will all
of the above and even more - call us and let your dreams come true (we are here for that), don't let anybody take you down.
<br /><b>Rainbows, magic, fun!</b><br /><br />
We are a non-profit ORG, meaning you don't have to pay us anything.
We live only off donations and we even give to charity (because we are that great!). If you want to support us
just drop us a line and we will arrange everything for you. We publish annual reports on how things are going on,
how we spent your money, where we donated, which researches were conducted, how many new species bred, salaries, expenses
and so on and so forth.<br /><br />
Wondering how are we doing now, well give us a call (or drop us a letter) and we will be happy to give you more details on the exact state of affairs!
<br /><b>Rainbows, magic, fun!</b>
</p>
</div>
</div>
</div>
<div class="container" style="background-color: black">
<div class="row" style="color: azure">
<div style="margin-bottom:30px">
<input type="checkbox" name="my-checkbox" checked>
<p style="position:absolute"><b>Our Pride</b></p>
</div>
<div id="goodbad" class="col-md-6" style="padding: 15px">
<div class="circular-big center-block rarity" id="rarity">
</div>
</div>
<div class="col-md-6" style="padding: 15px">
<div class="circular-big center-block rainbowdash" id="rainbowdash">
</div>
</div>
<div class="col-md-6" style="padding: 15px">
<div class="circular-big center-block applejack" id="applejack">
</div>
</div>
<div class="col-md-6" style="padding: 15px">
<div class="circular-big center-block pinkiepie" id="pinkiepie">
</div>
</div>
<div class="col-md-6" style="padding: 15px">
<div class="circular-big center-block twilightsparkle" id="twilightsparkle">
</div>
</div>
<div class="col-md-6" style="padding: 15px">
<div class="circular-big center-block fluttershy" id="fluttershy">
</div>
</div>
</div>
</div>
<div class="container" style="background-color: dimgray">
<div class="row">
<p class="text-center" style="color: azure"><b>Technology</b></p>
</div>
<div class="col-md-4" style="padding: 15px">
<div>
<img src="Img/dna2.jpg" class="square center-block blur-me" />
<p class="hidden">Science!</p>
<p class="text-center" style="padding-top:10px;color: azure">
The real trick with our breeding company is science, our competitors rely solely on magic to breed unicorn,
while we mix and match magic\witchcraft\science to create this uniqie cocktail.
</p>
</div>
</div>
<div class="col-md-4" style="padding: 15px">
<div class="center-block">
<img src="Img/cauldron.jpg" class="square center-block blur-me" />
<p class="hidden">Witchcraft!</p>
<p class="text-center" style="padding-top:10px;color: azure">
While science is an important part of our success - witchcraft is also an essential one.
We have studied witchcraft for thousands of years and we believe that we excel at it!
</p>
</div>
</div>
<div class="col-md-4" style="padding: 15px">
<div class="center-block">
<img src="Img/wand.png" class="square center-block blur-me" />
<p class="hidden">Magic!</p>
<p class="text-center" style="padding-top:10px;color: azure">
When you say "Unicorn" you think about Magic. So how can we breed them without using Magic?
The answer is - we don't. We use magic in our everyday breeding process. Now how good is that?
</p>
</div>
</div>
</div>
<div class="container" style="background-color: darkgray">
<div class="center-block">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators --><ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides --><div class="carousel-inner" role="listbox">
<div class="item active">
<img src="Img/titan1.jpg">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="Img/titan2.jpg">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="Img/titan3.jpg">
<div class="carousel-caption">
</div>
</div>
</div>
<!-- Controls --><a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<p class="text-center" style="padding-top:10px;color: azure">
Essential part of our breeding stragety is centered around science. Roughly 50% of our efforts are targeted
at science, while the rest 50% are divided between witchcraft and magic almost equally. We call it Data Driven Breeding (DDB).
DDB takes selective breeding to a whole new level, we gather all the relevant data and store it across out datacenters
to spread the load and provide fault tolerance. Our world class data centers and Titan SuperComputer (ranked #2 as of 02.2016) help
us with complex Big Data operations. <br />
Big Data is a broad term for data sets so large or complex that traditional data processing applications are inadequate.
Challenges include analysis, capture, data curation, search, sharing, storage, transfer, visualization, querying and information privacy.
The term often refers simply to the use of predictive analytics or certain other advanced methods to extract value from data, and seldom to a particular size of data set.
Accuracy in big data may lead to more confident decision making, and better decisions can result in greater operational efficiency, cost reduction and reduced risk.
We harness the power of Big Data to implement enormous selective breeding models, not possible to process by regular terms.
</p>
</div>
</div>
<div class="container" style="background-color: black">
<div class="row">
<p class="text-center" style="color: azure; padding:15px"><b>Our customers</b></p>
<img class="center-block img-responsive" src="Img/clients.jpg" style="padding-bottom:25px" />
</div>
</div>
<div class="container gradient">
<div class="row">
<p class="text-center" style="color: chartreuse; padding-bottom:25px"><b>Disclaimer</b><br />
2016 - UnicorNation™ MadCow Technologies Group © ®</p>
</div>
</div>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.0.min.js"></script>
<script>
// Fallback to loading jQuery from a local path if the CDN is unavailable
(window.jQuery || document.write('<script src="/scripts/jquery-2.2.0.min.js"><\/script>'));
</script>
<script src="http://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/bootstrap.min.js"></script>
<script>
// Fallback to loading jQuery from a local path if the CDN is unavailable
(window.jQuery || document.write('<script src="Content/bootstrap.min.css">><\/script>'));
</script>
<script src="Scripts/bootstrap-switch.min.js"></script>
<script src="Scripts/main.js"></script>
</body>
</html>