blob: 4f41e852d50db5aef1deee523da5b247b885a4e1 [file] [log] [blame]
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="BlissRoms - new site">
<meta name="theme-color" content="#0080ff">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" sizes="192x192" href="images/bliss_icon_small.png">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Bliss OS</title>
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#">Bliss OS</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li id="nav-about">
<a href="#about">About</a>
</li>
<li id="nav-portfolio">
<a href="#portfolio">Downloads</a>
</li>
<li id="nav-contact">
<a href="#contact">Links</a>
</li>
<li id="nav-team">
<a href="#team">Team</a>
</li>
<li id="nav-family">
<a href="#family">Family</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<!-- Begin page content -->
<div class="container-fluid">
<div class="row cover top">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-12 headline">
<img class="centered text-center" src="https://i.imgur.com/nzsZTTY.png">
<h1 class="text-center">This is Bliss OS</h1>
<p class="lead text-center">An Open-Source OS, based on Android, for phones, tablets &amp; PC's</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 center-block text-center">
<a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
</div>
</div>
</div>
</div>
<div id="about" class="row cover">
<div class="container">
<div class="family-header text-center">
<h2 class="text-center">About Bliss OS</h2></div>
<div class="row">
<div class="col-md-6 text-center about-info">
<img class="img-circle text-center profile-img" src="images/bliss_opt_logo.png">
<p class="text-center">Bliss OS is a lightweight OS with tons of options, based on Android that works across a multitude of devices. Even PC’s</p>
<p class="text-center">Our focus is to bring the Open Source community a quality OS that can run ad a daily driver, syncing your apps, settings and customizations across all platforms you run Bliss on.</p>
</div>
<div class="col-md-6 about-tools">
<div class="space">
<div class="phone-container">
<div class="phone-side"></div>
<div class="phone-front">
<div class="phone-screen"></div>
</div>
</div>
</div>
</div>
<div class="row break">
<div class="centered col-md-6 about-last">
<p class="text-center"><a href="#portfolio" id="scrollPortfolio">Head To The Downloads <span class="glyphicon glyphicon-arrow-down"></span></a></p>
</div>
</div>
</div>
</div>
</div>
<!-- End #About -->
<div id="portfolio" class="row cover">
<h2 class="text-center">Downloads</h2>
<div class="container">
<div class="row portfolio-projects">
<!-- Two project row-->
<div class="col-lg-6">
<!--1st side project -->
<div class="row">
<div class="col-sm-5 text-center">
<h4 class="portfolio-projects--title">Bliss OS - For Phones and Tablets</h4>
<p class="portfolio-projects--desc">This is the Bliss you have all come to know and love for your phones and tablets.</p>
<p class="portfolio-projects--desc">Devices: axon7, bacon, bullhead, clark, hammerhead, hydrogen, kenzo, kiwi, mako, marlin, oneplus2, shamu, victara, warp4</p>
<a class="btn btn-rounded portfolio-projects--btn" href="https://downloads.blissroms.com/Bliss/Official/" role="button">Go To Downloads</a>
</div>
<div class="col-sm-7 text-center">
<img class="portfolio-projects--image" src="images/bliss_nexus.png"> </div>
</div>
</div>
<div class="col-lg-6">
<!--2nd side project -->
<div class="row">
<div class="col-sm-5 text-center pull-right-sm">
<!--flipped on small, unflipped on large-->
<h4 class="portfolio-projects--title">Bliss x86 - For PC's and Laptops</h4>
<p class="portfolio-projects--desc">This is a newer spin on Bliss for your x86 PC's, Laptops, Tablets and x86 maker boards.</p>
<p class="portfolio-projects--desc">Devices: Compatible with the growing number of Intel x86 CPU's This includes some AMD and Nvidia CPU's (MBR and UEFI Compatible)</p>
<a class="btn btn-rounded portfolio-projects--btn" href="https://forum.xda-developers.com/android/software/x86-bliss-x86-pc-s-t3534657"
role="button">Bliss-x86 XDA Thread</a>
<a class="btn btn-rounded portfolio-projects--btn" href="https://downloads.blissroms.com/Bliss/Official/x86/"
role="button">Go To Downloads</a>
</div>
<div class="col-sm-7 text-center pull-right-sm">
<!--flipped on small, unflipped on large-->
<img class="img-rounded portfolio-projects--image" src="images/bliss_surface.png"> </div>
</div>
</div>
</div>
<!--end Two project row-->
</div>
</div>
</div>
<!-- End #Portfolio -->
<div id="contact" class="row cover bottom">
<h2 class="text-center contact-header">Find Us Online</h2>
<p class="text-center contact-email">Get in touch with us <span class="glyphicon glyphicon-arrow-right"></span> blissfamilyroms@gmail.com</p>
<div class="text-center contact-social-icons">
<h2 style="font-size: 1.45em !important;">Our Socials:</h2>
<ul class="centered">
<a href="https://t.me/OfficialBlissROMs">
<li><i class="fa fa-paper-plane"></i> Bliss ROMs Telegram</li>
</a>
<a href="https://t.me/blissx86">
<li><i class="fa fa-paper-plane"></i> Bliss x86 Telegram</li>
</a>
<a href="https://www.facebook.com/BlissRoms/">
<li><i class="fa fa-facebook"></i> Bliss ROMs Facebook</li>
</a>
<a href="https://plus.google.com/communities/118265887490106132524">
<li><i class="fa fa-google-plus"></i> Bliss ROMs G+</li>
</a>
<a href="https://twitter.com/Bliss_Roms">
<li><i class="fa fa-twitter"></i> Bliss Twitter</li>
</a>
</ul>
<p></p>
</div>
<!-- End #Contact -->
<div class="text-center contact-social-icons">
<h2 style="font-size: 1.45em !important;">Our Source:</h2>
<ul class="centered">
<a href="https://github.com/BlissRoms">
<li><i class="fa fa-github"></i> Bliss OS Github</li>
</a>
<a href="https://github.com/BlissRoms-x86">
<li><i class="fa fa-github"></i> Bliss x86 Github</li>
</a>
<a href="https://github.com/BlissRoms-Devices">
<li><i class="fa fa-github"></i> Bliss Devices Github</li>
</a>
<a href="https://review.blissroms.com">
<li><i class="fa fa-github"></i> Bliss OS Gerrit</li>
</a>
<a href="https://review-x86.blissroms.com">
<li><i class="fa fa-github"></i> Bliss x86 Gerrit</li>
</a>
</ul>
<p></p>
</div>
<!-- End #Contact -->
</div>
<!-- break -->
<div id="team" class="row cover bottom text-center section">
<h2 class="highlight_secondary team-header">Our Team</h2>
<div class="container">
<h3> It takes alot of talent to make a team run this smoothly.
<br>Here are the people that help make it Bliss </h3>
<div class="hr big_size_hr invisible_hr"> <i class="fa fa-"></i> </div>
<div class="row">
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/w7i8JBSfddUp88DpBjjdT_PBODfKTiFV8TKHqyZnsU3m0-ppYXsuafqDtBxakFYW3mjIahKkFYBepZIGRQ=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">JackEagle</div>
<div class="team-role">
<h4>CEO / Founder</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/hcV4Tp81H4TJskQhpKckcDBqwnETos_ZOxXsQbiZGOT5OxMC-3pOD5i22j1tPiaubWW74tmnwB0ixvGwELQ=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">Jon West</div>
<div class="team-role">
<h4>CTO / Incorporator</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/xhKBfn9HcjWayS9gQizUuh7JATtI4i-OvVv9Q6XPy5v5IyiI44lqRoxtMIyI3rlLc7OCyparEB9OqGT_Vg=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">Vaughn Newman</div>
<div class="team-role">
<h4>Admin / Board Member</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/JOdHk7TYY-SLjAANLuK7t68Oz6w4fDFody-Uwj3rtH6oSZkljniUceYFQ52rbJXeBv4kDgoGhrtamLJlwZc=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">Antonio Luciano</div>
<div class="team-role">
<h4>Project Manager / Board Member</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/LZrBsYT1S4qQI92uCuWx34QSGDcKpwY1G2h3LXT3tEvMPuSA8d6tiY7CsLYvBCznXk4sJhgr6UFk8pg1oA=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">BitOBsession</div>
<div class="team-role">
<h4>Board Member / Developer</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/9HpKaGSOQnmm649RlvoUvJVNgoTEhX1w8X9l48wzBacggsottSVVIEX76RP2tRI2CZYu799RdAmhD1fwbQ=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">Blake Leeper</div>
<div class="team-role">
<h4>Board Member / Developer</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<!-- End LINE -->
<!-- <div class="hr invisible_hr"> <i class="fa fa-"></i> </div>
<div class="row"> -->
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/eRqBEkS4_cWFEkLce4sVRmyCkAwgsGZwIg1kE12_gjBaghKQ8Omc6V2UJT6q6LwZS8l-LkutUrskyeLFrd0=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">Evan Galvin</div>
<div class="team-role">
<h4>Board Member / Product Technology Strategist</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<!-- add col-md-offset-1 for 5 members -->
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/-zdwriNcIk1c/AAAAAAAAAAI/AAAAAAAAExQ/XBgOqSUsfsY/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">Eric Park (ideaman924)</div>
<div class="team-role">
<h4>Developer</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/-vQGXN3Rstjo/AAAAAAAAAAI/AAAAAAAAEao/o2tOywhBHzs/s750-p-rw-no/photo.jpg" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">Patrick Graber (pjgraber03)</div>
<div class="team-role">
<h4>Developer</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/t5rLm4Gex0mmG9VkXzfoXIl0t31pBJwPP798GYNOaLxvi9qjfka867yJl0P-8EXpO8_zeFe-Vq346C56Ww=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<!-- END BOARD MEMBERS -->
<div class="team-content">
<div class="team-name">Henri Koivuneva</div>
<div class="team-role">
<h4>Product Technology Strategist</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/Oq2NnEoAaexFWMacS4dFgu9JPmQxC38k_YXnNrR_N10PhFZ2vZxmlTlv-3UBB_kwqjTfTYin-ZSA0JSNew=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">Călin Neamţu</div>
<div class="team-role">
<h4>Lead Development Manager</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://lh3.googleusercontent.com/8VqQRqDi3dc35qeC_cipzDE5oW8llKvxq0F-uzwmR9jYJvsMtREEaANi874yCBpKvmWy86MwwXC22JDRRKU=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-linked"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>
<!-- /.team-links-list -->
</div>
<!-- /.team-links -->
</div>
<!-- /.team-image -->
<div class="team-content">
<div class="team-name">Aren Clegg</div>
<div class="team-role">
<h4>Developer</h4>
</div>
<div class="team-description"></div>
</div>
<!-- /.team-content -->
</div>
<!-- /.team -->
</div>
</div>
</div>
</div>
<!-- /.container -->
<!-- Close Team -->
<div id="family" class="row cover">
<div class="container">
<div class="family-header text-center">
<h2 class="text-center">About Bliss Family</h2></div>
<div class="row">
<div class="col-md-6 text-center about-info">
<img class="img-circle text-center profile-img" src="images/bliss_opt_logo.png">
<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, but also help provide unique business opportunities for already existing projects too. </p>
<p class="text-center">If you are interested in joining our team, please fill out the form found here:
<a href="https://goo.gl/forms/PdiaAj1PojosmehK2"></a>
</p>
<a href="https://goo.gl/forms/PdiaAj1PojosmehK2">Join Team Bliss</a>
<p></p>
<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 the form found here:
<a href="https://goo.gl/kAb7ti"></a>
</p>
<a href="https://goo.gl/kAb7ti">Join Bliss Family</a>
<p></p>
</div>
<div class="col-md-6 about-tools">
<p class="text-center">The nature of our business is to train and develop. So we have quite the diverse list of things we have experience with, and the list is growing constantly
<br>
<br>Here's a few of the types of projects we work on</p>
<div class="col-xs-6">
<ul>
<li>Android Development</li>
<li>Graphic Design</li>
<li>Web Development</li>
<li>IOT Software Development</li>
<li>Server Admin</li>
<li>Prototype Design</li>
<li>Animation</li>
<li>Brand Imaging</li>
</ul>
</div>
<div class="col-xs-6">
<ul>
<li>Development Training</li>
<li>Design Training</li>
<li>Team Management</li>
<li>Marketing</li>
<li>Product Technology Strategy</li>
<li>New Product Development</li>
<li>Product Testing</li>
<li>OEM Software Resources</li>
</ul>
</div>
</div>
<div class="row break">
<div class="centered col-md-6 about-last">
<p class="text-center"><a href="#portfolio" id="scrollPortfolio">Head To The Downloads <span class="glyphicon glyphicon-arrow-down"></span></a></p>
</div>
</div>
</div>
<div class="row">
<div class="text-center">
<img class="img-circle text-center profile-img" src="images/bliss_opt_logo.png">
<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 also inspire work from other community members as well. </p>
<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. So, we decided to start our journey into making that happen, and are turning Bliss Family of ROMs into a nonprofit corporation, with the intent to enable the development community like never before. </p>
<p></p>
<p class="text-center">Our Bliss Family projects can range from Applications, forks of other projects, ports, ROMs, API's, Services, etc. Most if not all of our Bliss Family projects will be Open Source too, allowing us to truly give back to the community as a team. </p>
<p></p>
<p class="text-center">Or if you represent an already existing project and would like to join the Bliss Family, please fill out the form found here:
</p>
<a class="btn btn-rounded family-projects--btn" href="https://goo.gl/kAb7ti" role="button">Join Bliss Family</a>
</div><br/> <br/>
<div class="family-header text-center">
<h2 class="text-center">Bliss Family Projects</h2></div>
<div class="center">
<h4 class="text-center highlight_secondary">The Bliss Family projects we currently support can be found below:<br><br></h4>
<div class="col-lg-3">
<div class="family">
<div class="family-image text-center">
<img class="img-circle img-responsive" src="images/deso.jpg">
<div class="family-links ">
<div class="family-links-list">
<a href="https://t.me/DesolationDomination" target="_blank"><i class="fa fa-paper-plane"></i></a>
<a href="https://plus.google.com/communities/112693605933023229650" target="_blank"><i class="fa fa-google-plus"></i></a>
</div>
<!-- /.family-links-list -->
</div>
<!-- /.family-links -->
</div>
<!-- /.family-image -->
<div class="family-content text-center">
<div class="family-name">Desolation ROM</div>
<div class="family-role">
<h4>Dark Style ROM, AOSP/CAF</h4>
</div>
<h4 class="family-description">
Desolation ROM is a great dark style rom, offering heavy optimizations along with a unique style.</h4>
</div>
<!-- /.family-content -->
</div>
<!-- /.family -->
</div>
<div class="col-lg-3">
<div class="family">
<div class="family-image text-center">
<img class="img-circle img-responsive" src="images/xosp.jpg">
<div class="family-links ">
<div class="family-links-list">
<a href="https://t.me/XOSPCommunity" target="_blank"><i class="fa fa-paper-plane"></i></a>
<a href="https://plus.google.com/communities/117671498272072664538" target="_blank"><i class="fa fa-google-plus"></i></a>
</div>
<!-- /.family-links-list -->
</div>
<!-- /.family-links -->
</div>
<!-- /.family-image -->
<div class="family-content text-center">
<div class="family-name">XOSP ROM</div>
<div class="family-role">
<h4>Xperia Style ROM, AOSP/CAF</h4>
</div>
<h4 class="family-description">
XOSP offers the unique stylings of Sony's Xperia line to AOSP/CAF devices, along with many welcomed features worth checking out.</h4>
</div>
<!-- /.family-content -->
</div>
<!-- /.family -->
</div>
<div class="col-lg-3">
<div class="family">
<div class="family-image text-center">
<img class="img-circle img-responsive" src="images/xtremis.jpg">
<div class="family-links ">
<div class="family-links-list">
<a href="#" target="_blank"><i class="fa fa-paper-plane"></i></a>
<a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
</div>
<!-- /.family-links-list -->
</div>
<!-- /.family-links -->
</div>
<!-- /.family-image -->
<div class="family-content text-center">
<div class="family-name">Xtremis Project</div>
<div class="family-role">
<h4>AOSP/CAF ROM</h4>
</div>
<h4 class="family-description">
Not much info available at this time. Please check in later. </h4>
</div>
<!-- /.family-content -->
</div>
<!-- /.family -->
</div>
<div class="col-lg-3">
<div class="family">
<div class="family-image text-center">
<img class="img-circle img-responsive" src="images/question-mark.png">
<div class="family-links ">
<div class="family-links-list">
<a href="#" target="_blank"><i class="fa fa-paper-plane"></i></a>
<a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
</div>
<!-- /.family-links-list -->
</div>
<!-- /.family-links -->
</div>
<!-- /.family-image -->
<div class="family-content text-center">
<div class="family-name">Your Project</div>
<div class="family-role">
<h4>Submit your application now!</h4>
</div>
<h4 class="family-description">
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>
</div>
<!-- /.family-content -->
</div>
<!-- /.family -->
</div>
</div>
</div>
</div>
</div>
<!-- End #About -->
<footer class="footer">
<div class="footer container-fluid ">
<div class="container-fluid">
<div class="row ">
<div class="col-xs-6 col-sm-3 column footer-header">
<h4 class="footer-header">Information</h4>
<ul class="list-unstyled">
<li class="portfolio-projects--desc"><a href="#portfolio">Downloads</a></li>
<li class="portfolio-projects--desc"><a href="#contact">Links</a></li>
<li class="portfolio-projects--desc"><a href="#team">Team</a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-3 column footer-header">
<h4 class="footer-header">About</h4>
<ul class="list-unstyled">
<li class="portfolio-projects--desc"><a href="#about">About</a></li>
<li class="portfolio-projects--desc"><a href="#family">Family</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-3 column footer-header">
<h4 class="footer-header">Get In Touch</h4>
<form action="mailto:blissfamilyroms@gmail.com" method="GET" data-form-title="CONTACT US">
<input type="hidden" data-form-email="true">
<div class="form-group">
<input type="text" class="form-control" name="name" required="" placeholder="Name*" data-form-field="Name">
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" required="" placeholder="Email*" data-form-field="Email">
</div>
<div class="form-group">
<textarea class="form-control" name="message" placeholder="Message" rows="3" data-form-field="Message"></textarea>
</div>
<div>
<button type="submit" class="btn btn-lg btn-danger">SEND</button>
</div>
</form>
</div>
<div class="col-xs-12 col-sm-3 text-right footer-header">
<h4 class="footer-header">Follow</h4>
<ul class="list-inline">
<li class=""><a rel="nofollow" href="https://t.me/OfficialBlissROMs" title="Telegram"><i class="fa fa-paper-plane fa-4x"></i></a>&nbsp;</li>
<li class=""><a rel="nofollow" href="https://www.facebook.com/BlissRoms/" title="Facebook"><i class="fa fa-facebook fa-4x"></i></a>&nbsp;</li>
<li class=""><a rel="nofollow" href="https://plus.google.com/communities/118265887490106132524" title="Google+"><i class="fa fa-google-plus fa-4x"></i></a></li>
<li class=""><a rel="nofollow" href="https://twitter.com/Bliss_Roms" title="Twitter"><i class="fa fa-twitter fa-4x"></i></a></li>
</ul>
</div>
</div>
<br/>
<span class="pull-right text-muted small"><a href="http://blissroms.github.io">Bliss Site by Team Bliss</a> ©2017 Team Bliss</span>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.scrollto/2.1.0/jquery.scrollTo.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>