blob: 05aecbb22053841157d6b8f47b70676c9620d7db [file] [log] [blame]
Henri Koivunevadbb84e62017-11-22 22:14:13 +02001<html>
Unknownb60d9422017-11-27 19:40:08 -05002 <html lang="en" class="no-js">
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7 <meta name="description" content="BlissRoms - new site">
8 <meta name="theme-color" content="#0080ff">
9 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
10 <link rel="icon" sizes="192x192" href="images/bliss_icon_small.png">
11 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
12 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
13 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
14 <link href="https:" fonts.googleapis.com css?family="Comfortaa:400,700,300|Quattrocento" rel="stylesheet">
15 <link rel="stylesheet" type="text/css" href="css/style.css">
16 <link rel="stylesheet" href="css/styles_filter.css">
17 <script src="js/modernizr.js"></script>
18 <script src="js/modernizr.js"></script>
19 <title>Bliss OS</title>
20 </head>
21 <body>
22 <!-- Fixed navbar -->
23 <nav class="navbar navbar-default navbar-fixed-top">
Henri Koivuneva2a30e062017-11-23 03:06:54 +020024 <div class="container">
Unknownb60d9422017-11-27 19:40:08 -050025 <div class="navbar-header">
26 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
27 <span class="sr-only">Toggle navigation</span>
28 <span class="icon-bar"></span>
29 <span class="icon-bar"></span>
30 <span class="icon-bar"></span>
31 </button>
32 <a class="navbar-brand" href="#">Bliss OS</a>
Henri Koivuneva2a30e062017-11-23 03:06:54 +020033 </div>
Unknownb60d9422017-11-27 19:40:08 -050034 <div id="navbar" class="collapse navbar-collapse">
35 <ul class="nav navbar-nav navbar-right">
36 <li id="nav-about">
Henri Koivuneva2a30e062017-11-23 03:06:54 +020037 <a href="#about">About</a>
38 </li>
Unknownb60d9422017-11-27 19:40:08 -050039 <li id="nav-portfolio">
40 <a href="#portfolio">Downloads</a>
41 </li>
42 <li id="nav-contact">
43 <a href="#contact">Links</a>
44 </li>
45 <li id="nav-team">
46 <a href="#team">Team</a>
47 </li>
48 <li id="nav-family">
Henri Koivuneva2a30e062017-11-23 03:06:54 +020049 <a href="#family">Family</a>
Unknownb60d9422017-11-27 19:40:08 -050050 <li id="donate">
51 <a href="https://www.paypal.me/TeamBliss" target="_blank">Donate</a>
52 </li>
Henri Koivuneva2a30e062017-11-23 03:06:54 +020053 </ul>
54 </div>
Unknownb60d9422017-11-27 19:40:08 -050055 <!--/.nav-collapse -->
56 </div>
57 </nav>
58 <!-- Begin page content -->
59 <div class="container-fluid">
60 <div class="row cover top">
61 <div class="col-xs-12" style="padding:0">
62 <div class="row" style="overflow-x:hidden;height: auto;overflow-y: visible;">
63 <div class="col-md-12" align="center">
64 <div class="row">
65 <h1>Bliss OS</h1>
66 <p class="lead">An Open-Source OS, based on Android, that works on</p>
67 </div>
Henri Koivuneva2a30e062017-11-23 03:06:54 +020068 </div>
Unknownb60d9422017-11-27 19:40:08 -050069 <div class="col-md-12" align="center">
70 <div class="row">
71 <div class="animation" data-animation-step="1">
72 <div class="device">
73 <div class="screen-stand">
74 <div class="leg"></div>
75 <div class="foot"></div>
76 </div>
77 <div class="display">
78 <div class="slide1">
79 <div>Most Intel/x86
80 <br>
81 <em>PCs, Tablets & Laptops</em>
82 </div>
83 </div>
84 <div class="slide2">
85 <div>Most Android
86 <br>
87 <em>tablets</em>
88 </div>
89 </div>
90 <div class="slide3">
91 <div>Most Android
92 <br>
93 <em>phones</em>
94 </div>
95 </div>
96 </div>
97 </div>
98 </div>
99 </div>
Henri Koivuneva2a30e062017-11-23 03:06:54 +0200100 </div>
Unknownb60d9422017-11-27 19:40:08 -0500101 </div>
102 <div class="row">
103 <div class="col-xs-12 center-block text-center" style="overflow-y:visible">
104 <a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
Henri Koivuneva2a30e062017-11-23 03:06:54 +0200105 </div>
Unknownb60d9422017-11-27 19:40:08 -0500106 </div>
Henri Koivuneva2a30e062017-11-23 03:06:54 +0200107 </div>
108 </div>
Unknownb60d9422017-11-27 19:40:08 -0500109 <div id="about" class="row cover">
110 <div class="container">
111 <div class="family-header text-center">
112 <h2 class="text-center">About Bliss OS</h2>
113 </div>
114 <div class="row">
115 <div class="col-md-6 text-center about-info">
116 <img class="img-circle text-center profile-img" src="images/bliss_opt_logo.png">
117 <p class="text-center">Our focus is to bring the Open Source community a quality OS that can run as a daily driver, syncing your apps, settings and customizations across all platforms you run Bliss on.</p>
118 <p class="text-center">Bliss OS comes with a wide selection of customization options, functions, and is even themable out of the box using rootless Substratum. With so many options available, you will soon find out why we call it Bliss.</p>
119 </div>
120 <div class="col-md-6 text-center about-info">
121 <div>
122 <img src="images/phone_front.svg" style="max-height: 75%;max-width: 50%;vertical-align: middle;display: inline-flex;float: none" />
123 <div>
124 <video style="max-height: 65%;max-width: 45%;vertical-align: middle;display: inline-flex;float: none;margin-top: -90%;z-index: 999" autoplay loop>
125 <source src="images/bliss-demo.mp4" type="video/mp4">
126 Your browser does not support video!
127 </video>
128 </div>
129 </div>
130 </div>
131 </div>
132 </div>
133 </div>
134 <!-- End #About -->
135 <div id="portfolio" class="row cover">
136 <h2 class="text-center">Downloads</h2>
137 <div class="container">
138 <div class="row portfolio-projects">
139 <!-- Two project row-->
140 <div class="col-lg-6">
141 <!--1st side project -->
142 <div class="row">
143 <div class="col-sm-5 text-center">
144 <h4 class="portfolio-projects--title">Bliss OS - For Phones and Tablets</h4>
145 <p class="portfolio-projects--desc">This is the Bliss you have all come to know and love for your phones and tablets.<br>Our list of supported devices is constantly changing, so make sure you check our Maintainers section to see if your device is supported.</p>
146 <a class="btn btn-rounded portfolio-projects--btn" href="https://maintainers.blissroms.com" role="button">Maintainers Section</a>
147 <p class="portfolio-projects--desc">Devices: axon7, bacon, bullhead, clark, hammerhead, hydrogen, kenzo, kiwi, mako, marlin, oneplus2, shamu, victara, warp4</p>
148 <a class="btn btn-rounded portfolio-projects--btn" href="https://downloads.blissroms.com/Bliss/Official/" role="button">Bliss Device Downloads</a>
149 </div>
150 <div class="col-sm-7 text-center">
151 <img class="portfolio-projects--image" src="images/bliss_nexus.png">
152 </div>
153 </div>
154 </div>
155 <div class="col-lg-6">
156 <!--2nd side project -->
157 <div class="row">
158 <div class="col-sm-5 text-center pull-right-sm">
159 <!--flipped on small, unflipped on large-->
160 <h4 class="portfolio-projects--title">Bliss OS x86 - For PCs and Laptops</h4>
161 <p class="portfolio-projects--desc">This is a newer spin on Bliss for your x86 PCs, Laptops, Tablets and x86 maker boards.</p>
162 <p class="portfolio-projects--desc">Compatible with PCs equipped with Intel and AMD processors &amp; Intel, AMD, Nvidia graphic cards. Bootable on all PCs (Legacy/CSM/MBR/GPT/UEFI/Mac)</p>
163 <a class="btn btn-rounded portfolio-projects--btn" href="https://forum.xda-developers.com/android/software/x86-bliss-x86-pc-s-t3534657" role="button">XDA Thread</a>
164 <a class="btn btn-rounded portfolio-projects--btn" href="https://downloads.blissroms.com/Bliss/Official/x86/" role="button">System Downloads</a>
165 <p class="portfolio-projects--desc">We also offer easy installers for Windows PCs</p>
166 <a class="btn btn-rounded portfolio-projects--btn" href="https://www.androidfilehost.com/?w=files&amp;flid=140019" role="button">UEFI Windows Installer</a>
167 <a class="btn btn-rounded portfolio-projects--btn" href="https://www.androidfilehost.com/?w=files&amp;flid=185778" role="button">Legacy/CSM Windows Installer</a>
168 </div>
169 <div class="col-sm-7 text-center pull-right-sm">
170 <!--flipped on small, unflipped on large-->
171 <img class="img-rounded portfolio-projects--image" src="images/bliss_surface.png">
172 <br>
173 <p class="portfolio-projects--desc portfolio-projects--image-title">(Preview shown using DNA Dark - Substratum theme)</p>
174 </div>
175 </div>
176 <div class="row">
177 <div class="alert">
178 <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
179 <p style="font-size:125%">Bliss OS x86 will no longer provide a 32-bit non-commercial ISO image download for the community. If you need to get commercial support for our 32-bit edition, please send email to <a href="mailto:blissfamilyroms@gmail.com" target="_blank" rel="noreferrer">blissfamilyroms@gmail.com</a> to get paid commercial support.</p>
180 </div>
181 </div>
182 </div>
183 </div>
184 <!--end Two project row-->
185 </div>
186 </div>
Henri Koivuneva2a30e062017-11-23 03:06:54 +0200187 </div>
Unknownb60d9422017-11-27 19:40:08 -0500188 <!-- End #Portfolio -->
189 <div id="contact" class="row cover bottom">
190 <h2 class="text-center contact-header">Find Us Online</h2>
191 <p class="text-center contact-email">Get in touch with us <span class="glyphicon glyphicon-arrow-right"></span> blissfamilyroms@gmail.com</p>
192 <div class="text-center contact-social-icons">
193 <h2 style="font-size: 1.45em !important;">Our Socials:</h2>
194 <ul class="centered">
195 <a href="https://t.me/OfficialBlissROMs">
196 <li>
197 <i class="fa fa-telegram"></i> Bliss ROMs Telegram
198 </li>
199 </a>
200 <a href="https://t.me/blissx86">
201 <li>
202 <i class="fa fa-telegram"></i> Bliss x86 Telegram
203 </li>
204 </a>
205 <a href="https://www.facebook.com/BlissRoms/">
206 <li>
207 <i class="fa fa-facebook"></i> Bliss ROMs Facebook
208 </li>
209 </a>
210 <a href="https://plus.google.com/communities/118265887490106132524">
211 <li>
212 <i class="fa fa-google-plus"></i> Bliss ROMs G+
213 </li>
214 </a>
215 <a href="https://twitter.com/Bliss_Roms">
216 <li>
217 <i class="fa fa-twitter"></i> Bliss Twitter
218 </li>
219 </a>
220 </ul>
221 <p></p>
222 </div>
223 <!-- End #Contact -->
224 <div class="text-center contact-social-icons">
225 <h2 style="font-size: 1.45em !important;">Our Source:</h2>
226 <ul class="centered">
227 <a href="https://github.com/BlissRoms">
228 <li>
229 <i class="fa fa-github"></i> Bliss OS Github
230 </li>
231 </a>
232 <a href="https://github.com/BlissRoms-x86">
233 <li>
234 <i class="fa fa-github"></i> Bliss x86 Github
235 </li>
236 </a>
237 <a href="https://github.com/BlissRoms-Devices">
238 <li>
239 <i class="fa fa-github"></i> Bliss Devices Github
240 </li>
241 </a>
242 <a href="https://github.com/BlissRoms-pine64">
243 <li>
244 <i class="fa fa-github"></i> Bliss OS for Pine64 Github
245 </li>
246 </a>
247 <a href="https://review.blissroms.com">
248 <li>
249 <i class="fa fa-github"></i> Bliss OS Gerrit
250 </li>
251 </a>
252 <a href="https://review-x86.blissroms.com">
253 <li>
254 <i class="fa fa-github"></i> Bliss OS for PC Gerrit
255 </li>
256 </a>
257 </ul>
258 <p></p>
259 </div>
260 <!-- End #Contact -->
261 </div>
262 <!-- break -->
263 <div id="team" class="row cover bottom text-center section">
264 <h2 class="highlight_secondary team-header">Our Team</h2>
265 <div class="container">
266 <h3> It takes alot of talent to make a team run this smoothly.<br>Here are the people that help make it Bliss </h3>
267 <div class="hr big_size_hr invisible_hr">
268 <i class="fa fa-"></i>
269 </div>
270 <main class="cd-main-content">
271 <div class="cd-tab-filter-wrapper">
272 <div class="cd-tab-filter">
273 <ul class="cd-filters">
274 <li class="placeholder">
275 <a data-type="all" href="#0">All</a>
276 <!-- selected option on mobile -->
277 </li>
278 <li class="filter">
279 <a class="selected" href="#0" data-type="all">All</a>
280 </li>
281 <li class="filter" data-filter=".board_member">
282 <a href="#0" data-type="board_member">Management</a>
283 </li>
284 <li class="filter" data-filter=".development">
285 <a href="#0" data-type="development">Development</a>
286 </li>
287 <li class="filter" data-filter=".graphics">
288 <a href="#0" data-type="graphics">Graphics Design</a>
289 </li>
290 <li class="filter" data-filter=".others">
291 <a href="#0" data-type="others">Other Departments</a>
292 </li>
293 <li class="filter" data-filter="">
294 <a href="https://maintainers.blissroms.com/">maintainers</a>
295 </li>
296 </ul>
297 </div>
298 </div>
299 <section class="cd-gallery">
300 <ul>
301 <li class="mix board_member development">
302 <div class="row">
303 <div class="col-md-2 col-sm-4 col-xs-6">
304 <div class="team">
305 <div class="team-image">
306 <img src="https://lh3.googleusercontent.com/w7i8JBSfddUp88DpBjjdT_PBODfKTiFV8TKHqyZnsU3m0-ppYXsuafqDtBxakFYW3mjIahKkFYBepZIGRQ=w1920-h1080-no" class="img-circle img-responsive">
307 <div class="team-links">
308 <div class="team-links-list">
309 <!-- Saved for later -->
310 </div>
311 </div>
312 </div>
313 <div class="team-content">
314 <div class="team-name">JackEagle</div>
315 <div class="team-role">
316 <h4>CEO<br>Founder<br>Developer</h4>
317 </div>
318 <div class="team-description"></div>
319 </div>
320 </div>
321 </div>
322 </div>
323 </li>
324 <li class="mix board_member development graphics">
325 <div class="row">
326 <div class="col-md-2 col-sm-4 col-xs-6">
327 <div class="team">
328 <div class="team-image">
329 <img src="https://lh3.googleusercontent.com/hcV4Tp81H4TJskQhpKckcDBqwnETos_ZOxXsQbiZGOT5OxMC-3pOD5i22j1tPiaubWW74tmnwB0ixvGwELQ=w1920-h1080-no" class="img-circle img-responsive">
330 <div class="team-links">
331 <div class="team-links-list">
332 <!-- Saved for later -->
333 </div>
334 </div>
335 </div>
336 <div class="team-content">
337 <div class="team-name">Jon West</div>
338 <div class="team-role">
339 <h4>CTO<br>Incorporator<br>Developer</h4>
340 </div>
341 <div class="team-description"></div>
342 </div>
343 </div>
344 </div>
345 </div>
346 </li>
347 <li class="mix board_member development">
348 <div class="row">
349 <div class="col-md-2 col-sm-4 col-xs-6">
350 <div class="team">
351 <div class="team-image">
352 <img src="https://lh3.googleusercontent.com/xhKBfn9HcjWayS9gQizUuh7JATtI4i-OvVv9Q6XPy5v5IyiI44lqRoxtMIyI3rlLc7OCyparEB9OqGT_Vg=w1920-h1080-no" class="img-circle img-responsive">
353 <div class="team-links">
354 <div class="team-links-list">
355 <!-- Saved for later -->
356 </div>
357 </div>
358 </div>
359 <div class="team-content">
360 <div class="team-name">Vaughn Newman</div>
361 <div class="team-role">
362 <h4>Admin<br>Board Member<br>Developer</h4>
363 </div>
364 <div class="team-description"></div>
365 </div>
366 </div>
367 </div>
368 </div>
369 </li>
370 <li class="mix board_member development">
371 <div class="row">
372 <div class="col-md-2 col-sm-4 col-xs-6">
373 <div class="team">
374 <div class="team-image">
375 <img src="https://lh3.googleusercontent.com/JOdHk7TYY-SLjAANLuK7t68Oz6w4fDFody-Uwj3rtH6oSZkljniUceYFQ52rbJXeBv4kDgoGhrtamLJlwZc=w1920-h1080-no" class="img-circle img-responsive">
376 <div class="team-links">
377 <div class="team-links-list">
378 <!-- Saved for later -->
379 </div>
380 </div>
381 </div>
382 <div class="team-content">
383 <div class="team-name">Antonio Luciano</div>
384 <div class="team-role">
385 <h4>Board Member<br>Project Manager<br>App Developer</h4>
386 </div>
387 <div class="team-description"></div>
388 </div>
389 </div>
390 </div>
391 </div>
392 </li>
393 <li class="mix board_member development">
394 <div class="row">
395 <div class="col-md-2 col-sm-4 col-xs-6">
396 <div class="team">
397 <div class="team-image">
398 <img src="https://lh3.googleusercontent.com/Oq2NnEoAaexFWMacS4dFgu9JPmQxC38k_YXnNrR_N10PhFZ2vZxmlTlv-3UBB_kwqjTfTYin-ZSA0JSNew=w1920-h1080-no" class="img-circle img-responsive">
399 <div class="team-links">
400 <div class="team-links-list">
401 <!-- Saved for later -->
402 </div>
403 </div>
404 </div>
405 <div class="team-content">
406 <div class="team-name">Călin Neamţu</div>
407 <div class="team-role">
408 <h4>Board Member<br>Lead Development Manager<br>Developer</h4>
409 </div>
410 <div class="team-description"></div>
411 </div>
412 </div>
413 </div>
414 </div>
415 </li>
416 <li class="mix board_member development">
417 <div class="row">
418 <div class="col-md-2 col-sm-4 col-xs-6">
419 <div class="team">
420 <div class="team-image">
421 <img src="https://lh3.googleusercontent.com/LZrBsYT1S4qQI92uCuWx34QSGDcKpwY1G2h3LXT3tEvMPuSA8d6tiY7CsLYvBCznXk4sJhgr6UFk8pg1oA=w1920-h1080-no" class="img-circle img-responsive">
422 <div class="team-links">
423 <div class="team-links-list">
424 <!-- Saved for later -->
425 </div>
426 </div>
427 </div>
428 <div class="team-content">
429 <div class="team-name">BitO BSessiOn</div>
430 <div class="team-role">
431 <h4>Board Member<br>Developer</h4>
432 </div>
433 <div class="team-description"></div>
434 </div>
435 </div>
436 </div>
437 </div>
438 </li>
439 <li class="mix board_member development">
440 <div class="row">
441 <div class="col-md-2 col-sm-4 col-xs-6">
442 <div class="team">
443 <div class="team-image">
444 <img src="https://lh3.googleusercontent.com/9HpKaGSOQnmm649RlvoUvJVNgoTEhX1w8X9l48wzBacggsottSVVIEX76RP2tRI2CZYu799RdAmhD1fwbQ=w1920-h1080-no" class="img-circle img-responsive">
445 <div class="team-links">
446 <div class="team-links-list">
447 <!-- Saved for later -->
448 </div>
449 </div>
450 </div>
451 <div class="team-content">
452 <div class="team-name">Blake Leeper</div>
453 <div class="team-role">
454 <h4>Board Member<br>App Developer</h4>
455 </div>
456 <div class="team-description"></div>
457 </div>
458 </div>
459 </div>
460 </div>
461 </li>
462 <li class="mix board_member others">
463 <div class="row">
464 <div class="col-md-2 col-sm-4 col-xs-6">
465 <div class="team">
466 <div class="team-image">
467 <img src="https://lh3.googleusercontent.com/eRqBEkS4_cWFEkLce4sVRmyCkAwgsGZwIg1kE12_gjBaghKQ8Omc6V2UJT6q6LwZS8l-LkutUrskyeLFrd0=w1920-h1080-no" class="img-circle img-responsive">
468 <div class="team-links">
469 <div class="team-links-list">
470 <!-- Saved for later -->
471 </div>
472 </div>
473 </div>
474 <div class="team-content">
475 <div class="team-name">Evan Galvin</div>
476 <div class="team-role">
477 <h4>Board Member<br>Product Technology Strategist</h4>
478 </div>
479 <div class="team-description"></div>
480 </div>
481 </div>
482 </div>
483 </div>
484 </li>
485 <li class="mix development">
486 <div class="row">
487 <div class="col-md-2 col-sm-4 col-xs-6">
488 <div class="team">
489 <div class="team-image">
490 <img src="https://lh3.googleusercontent.com/dtVX8GF-3N179O1HzMTW5X7vsegsslETfR1GEsUEvhJC2Pmv9h5jBJJf6fC1iZWYkOiGmFfte2HcBQ=w1920-h1080-no" class="img-circle img-responsive">
491 <div class="team-links">
492 <div class="team-links-list">
493 <!-- Saved for later -->
494 </div>
495 </div>
496 </div>
497 <div class="team-content">
498 <div class="team-name">Eric Park
499 <br>(ideaman924)
500 </div>
501 <div class="team-role">
502 <h4>Developer</h4>
503 </div>
504 <div class="team-description"></div>
505 </div>
506 </div>
507 </div>
508 </div>
509 </li>
510 <li class="mix development">
511 <div class="row">
512 <div class="col-md-2 col-sm-4 col-xs-6">
513 <div class="team">
514 <div class="team-image">
515 <img src="https://lh3.googleusercontent.com/wOQMZn_ALhU76wRCrqULrOXzCFPhX_u1frahdUss1kU_qZs-Nyuac_ui14y_624aTHi3N_7B2KRo9w=w1920-h1080-no" class="img-circle img-responsive">
516 <div class="team-links">
517 <div class="team-links-list">
518 <!-- Saved for later -->
519 </div>
520 </div>
521 </div>
522 <div class="team-content">
523 <div class="team-name">Patrick Graber
524 <br>(pjgraber03)
525 </div>
526 <div class="team-role">
527 <h4>Developer</h4>
528 </div>
529 <div class="team-description"></div>
530 </div>
531 </div>
532 </div>
533 </div>
534 </li>
535 <li class="mix others">
536 <div class="row">
537 <div class="col-md-2 col-sm-4 col-xs-6">
538 <div class="team">
539 <div class="team-image">
540 <img src="https://lh3.googleusercontent.com/t5rLm4Gex0mmG9VkXzfoXIl0t31pBJwPP798GYNOaLxvi9qjfka867yJl0P-8EXpO8_zeFe-Vq346C56Ww=w1920-h1080-no" class="img-circle img-responsive">
541 <div class="team-links">
542 <div class="team-links-list">
543 <!-- Saved for later -->
544 </div>
545 </div>
546 </div>
547 <div class="team-content">
548 <div class="team-name">Henri Koivuneva</div>
549 <div class="team-role">
550 <h4>Product Technology Strategist<br>Web Designer</h4>
551 </div>
552 <div class="team-description"></div>
553 </div>
554 </div>
555 </div>
556 </div>
557 </li>
558 <li class="mix development">
559 <div class="row">
560 <div class="col-md-2 col-sm-4 col-xs-6">
561 <div class="team">
562 <div class="team-image">
563 <img src="https://lh3.googleusercontent.com/8VqQRqDi3dc35qeC_cipzDE5oW8llKvxq0F-uzwmR9jYJvsMtREEaANi874yCBpKvmWy86MwwXC22JDRRKU=w1920-h1080-no" class="img-circle img-responsive">
564 <div class="team-links">
565 <div class="team-links-list">
566 <!-- Saved for later -->
567 </div>
568 </div>
569 </div>
570 <div class="team-content">
571 <div class="team-name">Aren Clegg</div>
572 <div class="team-role">
573 <h4>Developer</h4>
574 </div>
575 <div class="team-description"></div>
576 </div>
577 </div>
578 </div>
579 </div>
580 </li>
581 <li class="mix graphics">
582 <div class="row">
583 <div class="col-md-2 col-sm-4 col-xs-6">
584 <div class="team">
585 <div class="team-image">
586 <img src="https://lh3.googleusercontent.com/HZGjbOyPu5kpKga9cR5DxAxQBpO_04MTigb44LigYFP7vhLGsRG2IzzknL5QyxrfhbV7mJ4Bw0MG=w1920-h1080-no" class="img-circle img-responsive">
587 <div class="team-links">
588 <div class="team-links-list">
589 <!-- Saved for later -->
590 </div>
591 </div>
592 </div>
593 <div class="team-content">
594 <div class="team-name">Roger Truttmann</div>
595 <div class="team-role">
596 <h4>Graphic Designer</h4>
597 </div>
598 <div class="team-description"></div>
599 </div>
600 </div>
601 </div>
602 </div>
603 </li>
604 <li class="mix graphics">
605 <div class="row">
606 <div class="col-md-2 col-sm-4 col-xs-6">
607 <div class="team">
608 <div class="team-image">
609 <img src="https://lh3.googleusercontent.com/iu4p6sC5xbTmz7gF5eYCucSHuI_1SBJnRkfNWcNQ6Cw7oCt5ryMHaU_DXpjWEgGX43SnPRs4dSjErXU=w1920-h1080-no" class="img-circle img-responsive">
610 <div class="team-links">
611 <div class="team-links-list">
612 <!-- Saved for later -->
613 </div>
614 </div>
615 </div>
616 <div class="team-content">
617 <div class="team-name">Customworx</div>
618 <div class="team-role">
619 <h4>Graphic Designer</h4>
620 </div>
621 <div class="team-description"></div>
622 </div>
623 </div>
624 </div>
625 </div>
626 </li>
627 <li class="mix development">
628 <div class="row">
629 <div class="col-md-2 col-sm-4 col-xs-6">
630 <div class="team">
631 <div class="team-image">
632 <img src="https://lh3.googleusercontent.com/EAC5UcIYaDxdGLMFmSEBcWiEg8vBwoc8cWqc3ieGBlpqqT1B_i7R0-0Dgdo7k_8Io7Ao8qoTPyj_=w1920-h1080-no" class="img-circle img-responsive">
633 <div class="team-links">
634 <div class="team-links-list">
635 <!-- Saved for later -->
636 </div>
637 </div>
638 </div>
639 <div class="team-content">
640 <div class="team-name">theGeekyLad</div>
641 <div class="team-role">
642 <h4>App Developer</h4>
643 </div>
644 <div class="team-description"></div>
645 </div>
646 </div>
647 </div>
648 </div>
649 </li>
650 </ul>
651 <div class="cd-fail-message">No results found</div>
652 </section>
653 </main>
654 </div>
655 </div>
656 <!-- /.container -->
657 <!-- Close Team -->
658 <div id="family" class="row cover">
659 <div class="container">
660 <div class="family-header text-center">
661 <h2 class="text-center">About Bliss Family</h2>
662 </div>
663 <div class="row">
664 <div class="col-xs-12 text-center about-tools">
665 <p class="text-center">We are a team of designers, developers, maintainers, and business professionals who work together to help achieve the dreams of our teammates and the Android Community. Our goal is to help provide a unique learning environment, using the FOSS mentality, and not only train people how to make and monetize what they aspire to, but also help provide unique business opportunities for new and already existing projects as well.</p>
666 <p class="text-center">If you are interested in joining our ROM or Management team, please fill out the form found here:<a href="https://goo.gl/forms/PdiaAj1PojosmehK2"></a></p>
667 <a href="https://goo.gl/forms/PdiaAj1PojosmehK2">Join Team Bliss</a>
668 <p></p>
669 <p class="text-center">Or if you represent an already existing project and would like to join the <a href="#family">Bliss Family</a>, please fill out a form by clicking the Join Bliss Family button below</p>
670 <p></p>
671 </div>
672 <div class="col-xs-12 about-tools">
673 <h2 class="highlight_secondary team-header text-center" style="margin-top: -5%;">
674 Bliss and Business</h2>
675 <br>
676 <p class="text-center">Here at Bliss, we tend to think outside the box. We like challenges, and we like the kind of projects that are an answer to the needs of the world. We are much more than just a ROM team, We are a make your dreams come true team.&nbsp;</p>
677 <p class="text-center">With all the experience we have throughout our team, we are always thirsty for a good challenge.&nbsp;<br>To help you see the width of what we can do, here's just a small few of the types of projects we work on.&nbsp;</p>
678 <div class="col-xs-6">
679 <ul>
680 <li>Android Development</li>
681 <li>Graphic Design</li>
682 <li>Web Development</li>
683 <li>IOT Software Development</li>
684 <li>Server Admin</li>
685 <li>Prototype Design</li>
686 <li>Animation</li>
687 <li>Brand Imaging</li>
688 <li>Commercial Android Development</li>
689 </ul>
690 </div>
691 <div class="col-xs-6">
692 <ul>
693 <li>Development Training</li>
694 <li>Design Training</li>
695 <li>Team Management</li>
696 <li>Marketing</li>
697 <li>Product Technology Strategy</li>
698 <li>New Product Development</li>
699 <li>Product Testing</li>
700 <li>OEM Software Resources</li>
701 <li>Custom Android Branding</li>
702 </ul>
703 </div>
704 </div>
705 </div>
706 <div class="alert2">
707 <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
708 <p style="font-size:125%">Bliss Studios does offer consultation and commercial development services in all above areas, and many more. For inquiries, please send email to <a href="mailto:blissfamilyroms@gmail.com" target="_blank" rel="noreferrer">blissfamilyroms@gmail.com</a> and let us help your dreams come true too.</p>
709 </div>
710 </div>
711 </div>
712 <div class="row">
713 <div id="family-lt" class="row cover bottom text-center section">
714 <div class="container">
715 <img class="team-image" style="max-width: 36rem;width:100%" src="images/bliss_for.png">
716 <div class="container">
717 <p class="text-center">We are currently in the process of moving into a new era of Bliss. As a ROM team, we worked together to overcome some of the hardest obstacles that a ROM team could face. And in doing so, we have grown and acted as an example to other teams. This growth allowed us to grow into a family of ROM teams, helping to support one another in our innovative efforts, and inspire work from other community members in the process. </p>
718 <p class="text-center">This growth allowed us to see many of the needs our fellow community members had, and sparked an idea to allow us all to succeed in the future. This inspired us to start our journey into making that happen, and we have turned Bliss Family of ROMs into a nonprofit corporation, with the intent to enable the development community like never before. </p>
719 <p></p>
720 <p class="text-center">Our Bliss Family projects include applications, ports, ROMs, API's, services, and forks of other projects. Most if not all of our Bliss Family projects will be Open Source, allowing us to truly give back to the community as a team. </p>
721 <p></p>
722 <p class="text-center">Or if you represent an existing project and would like to join the Bliss Family, please fill out the form found here:</p>
723 <a class="btn btn-rounded portfolio-projects--btn" href="https://goo.gl/kAb7ti" role="button">Join Bliss Family</a>
724 <a class="btn btn-rounded portfolio-projects--btn" href="https://www.paypal.me/TeamBliss" target="_blank" role="button">Donate to Bliss Family</a>
725 </div>
726 </div>
727 </div>
728 </div>
729 <div id="family" class="row">
730 <div class="container">
731 <div class="family-header text-center">
732 <h2 class="text-center">&nbsp;<br></h2>
733 <h2 class="text-center">Bliss Family Projects</h2>
734 </div>
735 <div class="center">
736 <h4 class="text-center highlight_secondary">The Bliss Family projects we currently support can be found below:<br><br></h4>
737 <div class="col-lg-3">
738 <div class="family">
739 <div class="family-image text-center">
740 <img class="img-circle img-responsive" src="images/deso.jpg">
741 <div class="family-links ">
742 <div class="family-links-list">
743 <a href="https://t.me/DesolationDomination" target="_blank"><i class="fa fa-telegram"></i></a>
744 <a href="https://plus.google.com/communities/112693605933023229650" target="_blank"><i class="fa fa-google-plus"></i></a>
745 </div>
746 <!-- /.family-links-list -->
747 </div>
748 <!-- /.family-links -->
749 </div>
750 <!-- /.family-image -->
751 <div class="family-content text-center">
752 <div class="family-name">Invictrix ROM</div>
753 <div class="family-role">
754 <h4>AOSP/CAF</h4>
755 </div>
756 <h4 class="family-description">
757 Invictrix ROM emphasizes performance, offering heavy optimizations along with a unique dark themed style.</h4>
758 </div>
759 <!-- /.family-content -->
760 </div>
761 <!-- /.family -->
762 </div>
763 <div class="col-lg-3">
764 <div class="family">
765 <div class="family-image text-center">
766 <img class="img-circle img-responsive" src="images/xosp.jpg">
767 <div class="family-links ">
768 <div class="family-links-list">
769 <a href="https://t.me/XOSPCommunity" target="_blank"><i class="fa fa-telegram"></i></a>
770 <a href="https://plus.google.com/communities/117671498272072664538" target="_blank"><i class="fa fa-google-plus"></i></a>
771 </div>
772 <!-- /.family-links-list -->
773 </div>
774 <!-- /.family-links -->
775 </div>
776 <!-- /.family-image -->
777 <div class="family-content text-center">
778 <div class="family-name">XOSP ROM</div>
779 <div class="family-role">
780 <h4>Xperia Style ROM, AOSP/CAF</h4>
781 </div>
782 <h4 class="family-description">
783 XOSP offers the unique stylings of Sony's "Xperia" line to AOSP/CAF devices, combining open-source innovation with proven design and quality.</h4>
784 </div>
785 <!-- /.family-content -->
786 </div>
787 <!-- /.family -->
788 </div>
789 <div class="col-lg-3">
790 <div class="family">
791 <div class="family-image text-center">
792 <img class="img-circle img-responsive" src="images/xtremis.jpg">
793 <div class="family-links ">
794 <div class="family-links-list">
795 <a href="#" target="_blank"><i class="fa fa-telegram"></i></a>
796 <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
797 </div>
798 <!-- /.family-links-list -->
799 </div>
800 <!-- /.family-links -->
801 </div>
802 <!-- /.family-image -->
803 <div class="family-content text-center">
804 <div class="family-name">Xtremis Project</div>
805 <div class="family-role">
806 <h4>Chrome OS ROM</h4>
807 </div>
808 <h4 class="family-description">
809 Currently pre-release, this project is progressing steadily and will soon have more details to share. Please check in later.</h4>
810 </div>
811 <!-- /.family-content -->
812 </div>
813 <!-- /.family -->
814 </div>
815 <div class="col-lg-3">
816 <div class="family">
817 <div class="family-image text-center">
818 <img class="img-circle img-responsive" src="images/question-mark.png">
819 <div class="family-links ">
820 <div class="family-links-list">
821 <a href="#" target="_blank"><i class="fa fa-telegram"></i></a>
822 <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
823 </div>
824 <!-- /.family-links-list -->
825 </div>
826 <!-- /.family-links -->
827 </div>
828 <!-- /.family-image -->
829 <div class="family-content text-center">
830 <div class="family-name">Your Project</div>
831 <div class="family-role">
832 <h4>Submit your application now!</h4>
833 </div>
834 <h4 class="family-description">
835 Follow the link and fill out an application for your project!<br><br /><a class="btn btn-rounded family-projects--btn" role="button" href="https://goo.gl/kAb7ti">Join Bliss Family</a></h4>
836 </div>
837 <!-- /.family-content -->
838 </div>
839 <!-- /.family -->
840 </div>
841 </div>
842 </div>
843 </div>
844 <!-- End #About -->
845 <footer class="footer">
846 <div class="footer container-fluid ">
847 <div class="container-fluid">
848 <div class="row ">
849 <div class="col-xs-6 col-sm-3 column footer-header">
850 <h4 class="footer-header">Information</h4>
851 <ul class="list-unstyled">
852 <li class="portfolio-projects--desc">
853 <a href="#portfolio">Downloads</a>
854 </li>
855 <li class="portfolio-projects--desc">
856 <a href="#contact">Links</a>
857 </li>
858 <li class="portfolio-projects--desc">
859 <a href="#team">Team</a>
860 </li>
861 </ul>
862 </div>
863 <div class="col-xs-6 col-sm-3 column footer-header">
864 <h4 class="footer-header">About</h4>
865 <ul class="list-unstyled">
866 <li class="portfolio-projects--desc">
867 <a href="#about">About</a>
868 </li>
869 <li class="portfolio-projects--desc">
870 <a href="#family">Family</a>
871 </li>
872 <li class="portfolio-projects--desc">
873 <a href="https://www.paypal.me/TeamBliss">Donate</a>
874 </li>
875 </ul>
876 </div>
877 <div class="col-xs-12 col-sm-3 column footer-header">
878 <h4 class="footer-header">Get In Touch</h4>
879 <form action="mailto:blissfamilyroms@gmail.com" method="GET" data-form-title="CONTACT US">
880 <input type="hidden" data-form-email="true">
881 <div class="form-group">
882 <input type="text" class="form-control" name="name" required="" placeholder="Name*" data-form-field="Name">
883 </div>
884 <div class="form-group">
885 <input type="email" class="form-control" name="email" required="" placeholder="Email*" data-form-field="Email">
886 </div>
887 <div class="form-group">
888 <textarea class="form-control" name="message" placeholder="Message" rows="3" data-form-field="Message"></textarea>
889 </div>
890 <div>
891 <button type="submit" class="btn btn-lg btn-danger">SEND</button>
892 </div>
893 </form>
894 </div>
895 <div class="col-xs-12 col-sm-3 text-right footer-header">
896 <h4 class="footer-header">Follow</h4>
897 <ul class="list-inline">
898 <li class="">
899 <a rel="nofollow" href="https://t.me/OfficialBlissROMs" title="Telegram"><i class="fa fa-telegram fa-4x"></i></a>&nbsp;
900 </li>
901 <li class="">
902 <a rel="nofollow" href="https://www.facebook.com/BlissRoms/" title="Facebook"><i class="fa fa-facebook fa-4x"></i></a>&nbsp;
903 </li>
904 <li class="">
905 <a rel="nofollow" href="https://plus.google.com/communities/118265887490106132524" title="Google+"><i class="fa fa-google-plus fa-4x"></i></a>
906 </li>
907 <li class="">
908 <a rel="nofollow" href="https://twitter.com/Bliss_Roms" title="Twitter"><i class="fa fa-twitter fa-4x"></i></a>
909 </li>
910 </ul>
911 </div>
912 </div>
913 <br />
914 <span class="pull-right text-muted small"><a href="http://blissroms.github.io">Bliss Site by Team Bliss</a> ©2017 Team Bliss</span>
915 </div>
916 </div>
917 </footer>
918 <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.1/js/tether.min.js" type="text/javascript"></script>
919 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
920 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" type="text/javascript"></script>
921 <script src="https://cdn.jsdelivr.net/jquery.scrollto/2.1.0/jquery.scrollTo.min.js" type="text/javascript"></script>
922 <script src="js/jquery-2.1.1.js" type="text/javascript"></script>
923 <script src="js/jquery.mixitup.min.js" type="text/javascript"></script>
924 <script src="js/main.js" type="text/javascript"></script>
925 <script src="js/mainani.js" type="text/javascript"></script>
926 <script src="js/script.js" type="text/javascript"></script>
927 <script type="text/javascript">
Henri Koivuneva2a30e062017-11-23 03:06:54 +0200928 // Select all links with hashes
929 $('a[href*="#"]')
930 // Remove links that don't actually link to anything
931 .not('[href="#"]')
932 .not('[href="#0"]')
933 .click(function(event) {
934 // On-page links
935 if (
936 location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &&
937 location.hostname == this.hostname
938 ) {
939 // Figure out element to scroll to
940 var target = $(this.hash);
941 target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
942 // Does a scroll target exist?
943 if (target.length) {
944 // Only prevent default if animation is actually gonna happen
945 event.preventDefault();
946 $('html, body').animate({
947 scrollTop: target.offset().top
948 }, 1000, function() {
949 // Callback after animation
950 // Must change focus!
951 var $target = $(target);
952 $target.focus();
953 if ($target.is(":focus")) { // Checking if the target was focused
954 return false;
955 } else {
956 $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
957 $target.focus(); // Set focus again
958 };
959 });
960 }
961 }
962 });
963 </script>
Unknownb60d9422017-11-27 19:40:08 -0500964 </body>
965 </html>