blob: c98e055083480484ceccae3b66bc9f4fb2cc60dd [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 Bliss</a>
</li>
<li id="nav-portfolio">
<a href="#portfolio">Downloads</a>
</li>
<li id="nav-contact">
<a href="#contact">Find Us Online</a>
</li>
<li id="nav-team">
<a href="#team">Our Team</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">
<h2 class="text-center">About Bliss</h2>
<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>
<li>
<a href="https://goo.gl/forms/PdiaAj1PojosmehK2">Join Team Bliss</a>
</li>
<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:
<a href="https://goo.gl/kAb7ti"></a>
</p>
<li>
<a href="https://goo.gl/kAb7ti">Join Bliss Family</a>
</li>
<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>
<!-- 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">Head to the 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 class="row cover bottom">
<div id="team" class="text-center section">
<div class="container">
<h2><span class="highlight_secondary">Our Team</span></h2>
<p> It takes alot of talent to make a team run this smoothly.
<br>Here are the people that help make it Bliss </p>
<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 -->
</div>
</div>
<!-- Close Team -->
<footer class="footer">
<div class="container"> </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>