blob: 6c9f8af79c981508171933c0eaddca48f36a0bb3 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- PAGE settings -->
<link rel="icon" href="favicon.ico">
<title>Bliss ROMs</title>
<meta name="description" content="Open Source OS for all devices, based on AOSP">
<meta name="keywords" content="blissroms, bliss, os, x86, aosp, android, rom, teambliss">
<!-- CSS dependencies -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="neon.css">
<!-- Script: Make my navbar transparent when the document is scrolled to top -->
<script src="js/navbar-ontop.js"></script>
<!-- Script: Animated entrance -->
<script src="js/animate-in.js"></script>
<link rel="stylesheet" href="css/animations.css">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script> (adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-7639560510014441",
enable_page_level_ads: true
});
</script>
</head>
<body class="" style="">
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="padding-right: 41px;">
<div class="container">
<a class="navbar-brand" href="#"><img src="images/BlissIcon_Smal_wl.png" width="50" class="d-inline-block align-top" alt=""></a>
<div class="row">
<div class="col-md-12"><a class="navbar-brand" href="#"><b><b>Bliss ROMs</b></b></a></div>
</div>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="true" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="navbar-collapse text-center justify-content-end collapse show" id="navbar2SupportedContent" style="">
<ul class="navbar-nav">
<li class="nav-item mx-2">
<a class="nav-link" href="#features"><b><b>Features</b></b></a>
</li>
<li class="nav-item mx-2">
<a class="nav-link" href="#about"><b><b>About</b></b></a>
</li>
<li class="nav-item mx-2">
<a class="nav-link" href="#team"><b><b>Team</b></b></a>
</li>
<li class="nav-item mx-2">
<a class="nav-link" href="bfor.html"><b><b>Non Profit</b></b></a>
</li>
<li class="nav-item mx-2">
<a class="nav-link" href="#gear"><b><b>Gear</b></b></a>
</li>
</ul>
<a class="btn navbar-btn mx-2 btn-primary shadowed" href="#download"><b><b>Download</b></b></a>
</div>
</div>
</nav>
<!-- Cover -->
<div class="section-fade-out pt-5" style="background-image: url(&quot;https://i.imgur.com/BOGKaGy.jpg&quot;); background-position: center bottom;">
<div class="container pt-5">
<div class="row">
<div class="col-md-4 ">
<div class="col-md-12">
<h1 class="display-3 mb-4">Bliss</h1>
<p class="lead mb-4">An Open Source OS, based on Android, that incorporates many customizations options and added security features.&nbsp;<br><br>And it is available for...</p>
</div>
</div>
<div class="d-flex justify-content-center align-items-center flex-grow-1" align="center" style="max-height: 100%;max-width: 100%;vertical-align: middle;display: inline-flex;float: none; margin-top: -8%;">
<div class="d-inline-flex justify-content-center align-items-center">
<div class="animation d-inline-flex justify-content-center align-items-center" data-animation-step="3">
<div class="device mt-5">
<div class="screen-stand"></div>
<div class="display">
<div class="slide1">
<div>Most Intel/x86 <br>
<em>PCs, Tablets &amp; Laptops</em>
</div>
</div>
<div class="slide2">
<div>Most Android <br>
<em>tablets</em>
</div>
</div>
<div class="slide3">
<div>Most<br>Android<br>
<em>phones</em>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 d-inline-flex justify-content-center align-items-center mx-auto mt-5"><a href="#download" class="btn btn-lg btn-primary d-inline-flex justify-content-center align-items-center mx-auto">Download Now</a></div>
</div>
</div>
</div>
<!-- Article style section -->
<div class="py-5">
<div class="container">
<div class="row" style="" id="about">
<div class="col-md-6 order-2 order-md-1 animate-in-left d-flex flex-grow-1 align-items-center justify-content-center">
<div class="flex-grow-1 justify-content-center align-items-center">
<div class="device iphone animate-in-left d-flex flex-grow-1 align-items-center justify-content-center">
<div class="device-screen">
<img src="" alt="">
</div>
<video muted="" playsinline="" autoplay="" loop="" preload="metadata">
<source src="videos/bliss-phone-demo.webm" type="video/webm">
<source src="videos/bliss-phone-demo.mp4" type="video/mp4">
</video>
</div>
<!--
<img src="images/phone_front.svg" style="max-height: 65%;max-width: 50%; box-shadow: 0 0px 12px 10px rgba(0, 155, 255, 0.2), 0 0px 15px 10px rgba(0, 155, 255, 0.19);" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto glow ">
<div>
<video style="max-width: 45%;vertical-align: middle;display: inline-flex;float: none;margin-top: -90%;z-index: 999" preload="" muted="" autoplay="autoplay" oncanplay="this.muted=true" loop="loop" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto" width="90%" height="39%">
<source src="videos/bliss-phone-demo.webm" type="video/webm">
<source src="videos/bliss-phone-demo.mp4" type="video/mp4"> Your browser does not support VP9 or H.264 video content. </video>
-->
</div>
</div>
<div class="col-md-6 align-self-center order-1 order-md-2 my-3 text-md-left text-center">
<h3 class="display-3">About Bliss</h3>
<p class="my-4 text-light">We are a volunteer based non-profit organization that works to maintain various development projects. We provide the training and mentorship to help our team members dreams become reality.&nbsp;<br>Our main focus is to provide a quality OS that can run on all your devices, preserving customizations and options by syncing across all platforms. With all the bells and whistles, you can imagine.&nbsp;We believe you'll soon learn why we call it Bliss.</p>
<a class="btn btn-outline-primary" href="#features">Learn more</a>
</div>
</div>
</div>
</div>
<!-- Features -->
<div class="text-center bg-primary py-5 px-5">
<div class="d-flex justify-content-center align-items-center px-0 container-fluid mx-auto">
<div class="row mx-auto d-flex align-items-center justify-content-center">
<div class="col-md-12">
<div class="row mx-auto">
<div class="align-self-center col-lg-7 text-md-left text-center">
<h3 class="display-3">Moar Bliss</h3>
<p class="my-4 text-light">Bliss comes in a few variants. On top of our traditional device builds of Bliss ROM, our GSI/Treble builds will work on most treble compatible devices (Android Pie+) And our x86 variant (Bliss OS) is made to work with the Linux kernel, and supports booting with MBR/UEFI type bootloaders. So just about any Windows/Linux PC or tablet released in the last 4 years. We are always developing with usability in mind, and supporting more and more devices each week.&nbsp;<br></p>
<a class="btn shadowed btn-dark" href="#download">Download</a>
</div>
<div class="align-self-center mt-5 col-lg-5 animate-in-right">
<img class="img-fluid d-block" src="images/bliss_surface.png"> </div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 bg-dark" id="features">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h3 class="display-3">Bliss Features</h3>
</div>
</div>
<div class="row">
<div class="align-self-center text-md-right text-center col-lg-4 col-md-6">
<h4 class="text-primary"><b>Focus on design</b></h4>
<p class="mb-5 text-white">We include many options for customization and theming throughout the OS</p>
<h4 class="text-primary"><b>Customized settings</b></h4>
<p class="mb-5 text-white">Choose settings depending on the criteria you value the most. With no limits.</p>
<h4 class="text-primary"><b>Performance</b></h4>
<p class="mb-5 text-white">Focused on speed and stability with tweaks to assist in the most demanding applications</p>
</div>
<div class="my-3 d-none d-lg-block animate-in-down col-md-4" style="">
<img class="img-fluid d-block" src="images/Phone_features_dark.png"> </div>
<div class="align-self-center text-md-left text-center col-lg-4 col-md-6">
<h4 class="text-primary"><b>Battery-friendly</b></h4>
<p class="mb-5 text-white">Extra options are provided to help tune battery consumption to the best levels</p>
<h4 class="text-primary"><b>Added Security</b></h4>
<p class="mb-5 text-white">Additional security options and features are found throughout the OS. And AOSP security updates are merged regularly</p>
<h4 class="text-primary"><b>Compatibility</b></h4>
<p class="mb-5 text-white">We bring Bliss to every device we own. And our PC builds include&nbsp; extras for ARM/ARM64 compatibility&nbsp;&nbsp;</p>
</div>
</div>
</div>
</div>
<!-- Features -->
<!-- Carousel reviews -->
<div class="section">
<div class="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75 py-4">
<div class="row">
<div class="col-md-6 text-center mx-auto px-5 pt-4">
<h3 class="my-3 highlight_secondary team-header text-white"> </h3><br>
<h2 class="my-3 highlight_secondary team-header text-white">We volunteer our time.</h2>
<p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below. </p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Beer</a>
</div>
<div class="col-md-6 py-5"><img class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto animate-in-right" src="images/beer.svg" width="300"></div>
</div>
</div>
</div>
<!-- Call to action -->
<div class="py-5 bg-primary" id="download">
<div class="container-fluid">
<div class="row">
<div class="text-center col-md-12">
<h3 class="display-3 d-flex justify-content-center align-items-center w-100">Download Options</h3>
<div class="row">
<div class="col-md-8">
<h1 class="text-center">Free</h1>
<hr style="border: 2px solid;">
</div>
<div class="col-md-4">
<h1 class="text-center">Paid</h1>
<hr style="border: 2px solid;">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 p-3">
<div class="card bg-light">
<div class="card-body p-4">
<div class="row">
<div class="col-8">
<h3 class="mb-0"><b>Bliss ROM</b></h3>
</div>
<div class="col-4 text-right">
<h2 class="mb-0"> <b>$0</b> </h2>
</div>
</div>
<p class="text-right">Or Donation</p>
<p class="my-3">This is Bliss for your typical Android devices.<br>GSI/Treble options are also available</p>
<ul class="pl-3">
<li>Multiple Devices Supported</li>
<li>Tons of Customization Options</li>
<li>Device Support not Guaranteed</li>
</ul> <a class="btn btn-primary mt-3 text-white" data-target="#popup-modal1" data-toggle="modal" style="">Download Now</a>
<div id="popup-modal1" class="modal fade flex-grow-1 align-items-center justify-content-center">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body px-3 bg-dark">
<h1 class="text-center"> Thanks for your interest in Bliss </h1>
<p class="text-center">Please consider a small donation as a way to help keep our project moving forward. </p>
<div class="modal-social text-right">
<div class="row">
<div class="flex-grow-1">
<a class="btn btn-primary btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=MKDDQGLYDKGV6&amp;source=url">Donate $5</a>
</div>
<div class="flex-grow-1">
<a class="btn btn-info btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=99GBH7ZW77P54&amp;source=url">Donate $10</a>
</div>
</div>
</div>
<div class="modal-social text-right pt-2">
<div class="row">
<div class="d-flex flex-grow-1 justify-content-center align-items-center">
<a class="btn btn-block text-white btn-outline-secondary" href="https://www.paypal.me/TeamBliss" target="_blank">Donate Other Amount</a>
</div>
</div>
</div>
</div>
<div class="modal-footer text-center bg-dark">
<a href="http://downloads.blissroms.com" class="btn btn-link" data-dismiss="modal"><span class="glyphicon glyphicon-chevron-right"></span>
</a><a class="btn btn-primary mt-0" href="https://downloads.blissroms.com/BlissRoms/Pie/">Go To Downloads</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 p-3">
<div class="card bg-light">
<div class="card-body p-4">
<div class="row">
<div class="col-8">
<h3 class="mb-0"><b>Bliss OS</b></h3>
</div>
<div class="col-4 text-right">
<h2 class="mb-0"> <b>$0</b></h2>
</div>
</div>
<p class="text-right">Or Donation</p>
<p class="my-3">This is the free version of Bliss OS for PCs..&nbsp;These builds are compatible with PCs, MacBooks and Chromebooks equipped with x86/x86_64 compatible CPUs. Supports both BIOS/CSM and UEFI boot.</p>
<ul class="pl-3">
<li>Limited Online Support</li>
<li>Limited Device Compatibility</li>
<li>Generic Kernel - One Size Fits All</li>
</ul>
<a class="btn btn-primary mt-3 text-white" href="" target="_blank" data-target="#popup-modal4" data-toggle="modal">Learn More&nbsp;</a>
<a class="btn btn-primary mt-3 text-white" href="" data-target="#popup-modal2" data-toggle="modal">Download Now</a>
<div id="popup-modal4" class="modal fade flex-grow-1 align-items-center justify-content-center">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body px-3 bg-light">
<h1 class="text-center"> What is Bliss OS? </h1>
<p class="text-center lead"><b>This is Bliss for your x86-based devices, including desktops, laptops, tablets, maker boards and a lot more.</b></p>
<p class="text-center"><b>These builds are compatible with PCs, MacBooks and Chromebooks equipped with x86/x86_64 compatible CPUs from Intel, AMD &amp; others. It also supports GPUs from Intel, AMD, or Nvidia.</b></p>
<p class="text-center"><b>Bootable Installer supports BIOS/CSM and UEFI boot. We recommend using Rufus to flash the ISO to a USB drive, and boot into that to test by running in Live mode. If that works, use the USB drive and boot into the installer to install/upgrade</b></p>
<div class="modal-social text-right">
<div class="row">
<div style="" class="d-flex justify-content-center align-items-center flex-grow-1">
<a class="btn btn-primary btn-block" target="”_blank”" href="https://forum.xda-developers.com/bliss-roms/bliss-roms-development/bliss-os-pie-beta-preview-t3855917">Bliss OS XDA Thread</a>
</div>
</div>
</div>
</div>
<div class="modal-footer text-center bg-light">
<a class="btn btn-primary mt-0" href="" data-target="#popup-modal2" data-toggle="modal">Go To Downloads</a>
</div>
</div>
</div>
</div>
<div id="popup-modal2" class="modal fade align-items-center justify-content-center flex-grow-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body px-3 bg-dark">
<h1 class="text-center" contenteditable="true"> Thanks for your interest in Bliss OS</h1>
<p class="text-center">Please consider a small donation as a way to help keep our project moving forward. </p>
<div class="modal-social text-right">
<div class="row">
<div class="flex-grow-1">
<a class="btn btn-primary btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=MKDDQGLYDKGV6&amp;source=url">Donate $5</a>
</div>
<div class="flex-grow-1">
<a class="btn btn-info btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=99GBH7ZW77P54&amp;source=url">Donate $10</a>
</div>
</div>
<div class="row">
<div class="pt-2 flex-grow-1 d-flex align-items-center justify-content-center">
<a class="btn btn-block text-white btn-outline-secondary" href="https://www.paypal.me/TeamBliss" target="_blank">Donate Other Amount</a>
</div>
</div>
</div>
</div>
<div class="modal-footer text-center bg-dark">
<a href="http://downloads.blissroms.com" class="btn btn-link" data-dismiss="modal"><span class="glyphicon glyphicon-chevron-right"></span>
</a>
<div class="btn-group pi-draggable">
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Go To Downloads</button>
<div class="dropdown-menu" x-placement="top-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, -2px, 0px);">
<a class="dropdown-item" href="https://sourceforge.net/projects/blissos-x86/files/Official/bleeding_edge/archived">Nougat (7.x)</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://sourceforge.net/projects/blissos-x86/files/Official/bleeding_edge/archived">Oreo (10.x)</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://sourceforge.net/projects/blissos-x86/files/Official/bleeding_edge/">Pie (11.x)</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btn-group">
</div>
</div>
</div>
</div>
<div class="col-lg-4 p-3">
<div class="card bg-light">
<div class="card-body p-4 bg-secondary rounded border">
<div class="row">
<div class="col-7">
<h3 class="mb-0"><b>ROM &amp; OS Development</b></h3>
<p class="text-left">&nbsp;</p>
</div>
<div class="text-right mx-0 mr-0 ml-0 col-5">
<p class="text-right mb-0">As low as</p>
<h2 class="mb-0"> <b>$10</b></h2>
<p class="text-right">per device</p>
</div>
</div>
<p class="" style="">This is for businesses and educational institutions, that wish to use Bliss ROM or OS on specific Android or x86 hardware. This service includes hourly fees for development as well as per device pricing options*.&nbsp;</p>
<ul class="pl-3">
<li>Tech Support Contract Included</li>
<li>Extra Kernel &amp; device options **</li>
<li>Full Source Code Available</li>
<li contenteditable="true">Extra Tools and Options Available</li>
</ul>
<p class="my-3 d-inline-flex text-left justify-content-start align-items-start" style=" transform: scale(.8);">* Per device rates starting with orders targeting 100,000 devices or more<br><br>** Custom kernel and device development is available at hourly rates</p>
<a class="btn btn-primary mt-3 text-white" href="" data-target="#popup-modal3" data-toggle="modal">Contact Us</a>
<div id="popup-modal3" class="modal fade justify-content-center align-items-center flex-grow-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body px-3 bg-dark">
<h1 class="text-center" style=""> Thanks for your interest in Bliss ROM/OS Development</h1>
<p class="text-center">Please Fill out the form below, leaving as much detail as possible about your target device and or opportunity and we will be in touch shortly. </p>
<form action="mailto:blissfamilyroms@gmail.com" method="GET" data-form-title="CONTACT US">
<div class="form-group"> <input type="email" class="form-control" id="form33" placeholder="Your Email" name="email"> </div>
<div class="form-group"> <input type="text" class="form-control" id="form34" placeholder="Subject" name="name"> </div>
<div class="form-group"> <textarea class="form-control" id="form35" rows="3" placeholder="Your message" name="message"></textarea> </div> <button type="submit" class="btn btn-outline-primary btn-block">Send</button>
</form>
<div class="modal-social text-right">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5" id="team" style="">
<div class="container">
<div class="row">
<div class="mx-auto col-md-12 text-center">
<h3 class="display-3">Who we are</h3>
<h1 class="pt-5 pb-3">Board Members</h1>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/w7i8JBSfddUp88DpBjjdT_PBODfKTiFV8TKHqyZnsU3m0-ppYXsuafqDtBxakFYW3mjIahKkFYBepZIGRQ=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4><b>Jack Eagle&nbsp;</b>- CEO&nbsp; / Founder / Developer</h4>
<p class="mb-0">&nbsp;</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/xhKBfn9HcjWayS9gQizUuh7JATtI4i-OvVv9Q6XPy5v5IyiI44lqRoxtMIyI3rlLc7OCyparEB9OqGT_Vg=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4><b>Vaughn Newman</b> -&nbsp;Board Member / Admin / Developer</h4>
<p class="mb-0">&nbsp;</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/hcV4Tp81H4TJskQhpKckcDBqwnETos_ZOxXsQbiZGOT5OxMC-3pOD5i22j1tPiaubWW74tmnwB0ixvGwELQ=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4><b>Jon West&nbsp;</b>- CTO / Incorporator / Developer</h4>
<p class="mb-0">&nbsp;</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/JOdHk7TYY-SLjAANLuK7t68Oz6w4fDFody-Uwj3rtH6oSZkljniUceYFQ52rbJXeBv4kDgoGhrtamLJlwZc=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Antonio Luciano</b>&nbsp;- Board Member /&nbsp;Project Manager /&nbsp;App Developer</h4>
<p class="mb-0">&nbsp;</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/LZrBsYT1S4qQI92uCuWx34QSGDcKpwY1G2h3LXT3tEvMPuSA8d6tiY7CsLYvBCznXk4sJhgr6UFk8pg1oA=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4><b>BitO BSessiOn</b>&nbsp;- Board Member / Developer</h4>
<p class="mb-0">&nbsp;</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/iu4p6sC5xbTmz7gF5eYCucSHuI_1SBJnRkfNWcNQ6Cw7oCt5ryMHaU_DXpjWEgGX43SnPRs4dSjErXU=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Customworx&nbsp;</b>- Board Member / Graphic Designer </h4>
<p class="mb-0">&nbsp;</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/eRqBEkS4_cWFEkLce4sVRmyCkAwgsGZwIg1kE12_gjBaghKQ8Omc6V2UJT6q6LwZS8l-LkutUrskyeLFrd0=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4><b>Evan Galvin</b>&nbsp;- Board Member / Product Technology Strategist</h4>
<p class="mb-0">&nbsp;</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mC91eukOeGZ1fU2mULqdlLqrcsYmUWGjZZMoXwMAIk=s1920-p-no-il" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Donna West</b> - Board Member / Treasurer</h4>
<p class="mb-0">&nbsp;</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pb-3">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="pb-3 text-center">Designers, Developers &amp; Maintainers</h1>
</div>
</div>
</div>
</div>
<div class="" style="">
<div class="container">
<div class="row">
<div class="col-lg-4 px-4 px-md-0">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/HZGjbOyPu5kpKga9cR5DxAxQBpO_04MTigb44LigYFP7vhLGsRG2IzzknL5QyxrfhbV7mJ4Bw0MG=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Roger Truttmann</b> </h4>
<p class="mb-0">Design Manager&nbsp;<br>Graphic Designer</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/dtVX8GF-3N179O1HzMTW5X7vsegsslETfR1GEsUEvhJC2Pmv9h5jBJJf6fC1iZWYkOiGmFfte2HcBQ=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Eric Park (ideaman924)</b> </h4>
<p class="mb-0">Developer (BlissRoms) <br>Release Manager (BlissOS)</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mCPi8kv5ph4aXohFVBXJYIrHYDiEWDrO6rH2lrzdd0=s1920-p-rw-no-il" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Shaun Eaton (pimpmaneaton)</b> </h4>
<p class="mb-0">Developer&nbsp;<br>Device Maintainer</p>
</div>
</div>
</div>
<div class="col-lg-4 px-4 px-md-0">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/t5rLm4Gex0mmG9VkXzfoXIl0t31pBJwPP798GYNOaLxvi9qjfka867yJl0P-8EXpO8_zeFe-Vq346C56Ww=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Henri Koivuneva</b> </h4>
<p class="mb-0">Web Designer&nbsp;<br>Product Technology Strategist</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/Oq2NnEoAaexFWMacS4dFgu9JPmQxC38k_YXnNrR_N10PhFZ2vZxmlTlv-3UBB_kwqjTfTYin-ZSA0JSNew=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Călin Neamţu</b> </h4>
<p class="mb-0">App Developer&nbsp;<br>Team Lead</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mAHJ_5LWJVD8NEX8j6AetljGKk-_3mhJScGoVCD8g=s1920-p-rw-no-il" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Wes Goodrich (bcrichster)</b> </h4>
<p class="mb-0">Device Maintainer</p>
</div>
</div>
</div>
<div class="col-lg-4 px-4 px-md-0">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/8VqQRqDi3dc35qeC_cipzDE5oW8llKvxq0F-uzwmR9jYJvsMtREEaANi874yCBpKvmWy86MwwXC22JDRRKU=w1920-h1080-no" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Aren Clegg</b> </h4>
<p class="mb-0">Developer&nbsp;<br>Device Maintainer</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://avatars3.githubusercontent.com/u/1151945?s=400&amp;v=4" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Greg Kobey (sixohtew)</b> </h4>
<p class="mb-0">Developer&nbsp;<br>Device Maintainer</p>
</div>
</div>
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mCfRHwwjzLHuIusmizG0_u0qLfhAs-yAQfMGCKQHMM=s1920-p-rw-no-il" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4><b>REV3NT3CH</b></h4>
<p class="mb-0">Developer&nbsp;<br>Device Maintainer</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" style="">
<div class="container">
<div class="row">
<div class="col-lg-4 px-4 px-md-0">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mATNi0sLmL4Wtcroe0d3jSnAGFoiGq2FxmgJnfrHg=s1920-p-rw-no-il" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>Deepak Sharma</b> </h4>
<p class="mb-0">Developer <br>Server Admin</p>
</div>
</div>
</div>
<div class="col-lg-4 px-4 px-md-0">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" width="100" alt="Card image cap" src="https://lh3.googleusercontent.com/a-/AAuE7mBy9Mi7RUgATZdEBaQ1M3_LL5y8zg9W0PMbJqcv=s1920-p-rw-no-il"> </div>
<div class="col-9">
<h4> <b>Paul Tropea (wrongway213)</b> </h4>
<p class="mb-0">Device Maintainer</p>
</div>
</div>
</div>
<div class="col-lg-4 px-4 px-md-0">
<div class="row mb-4">
<div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mADSA43bIiPv21LCSv4i-E5pivvGxK0czyq1RgO=s1920-p-rw-no-il" width="100" alt="Card image cap"> </div>
<div class="col-9">
<h4> <b>SuperDroidBond</b> </h4>
<p class="mb-0">Device Maintainer</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-4 text-center">
<div class="container">
<div class="row">
<div class="mx-auto col-md-8">
<h1 class="mb-3" contenteditable="true">Bliss Family Projects</h1>
<p class="lead">The Bliss Family projects we currently support can be found below: </p>
</div>
</div>
<div class="row">
<div class="col-lg-4 p-3">
<div class="card">
<div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/invictrix.jpg" width="150">
<h1>Invictrīx ROM</h1>
<div class="row d-flex justify-content-center pb-2">
<div class="col-lg-4 col-md-6">
<a href="https://t.me/InvictusROM" target="_blank"><i class="d-block fa text-muted text-muted fa-lg mx-2 fab fa-telegram"></i></a>
</div>
<div class="col-lg-4 col-md-6">
<a href="https://plus.google.com/communities/109716291977795337501" target="_blank"><i class="d-block fa text-muted text-muted fa-lg mx-2 fab fa-google-plus"></i></a>
</div>
</div>
<p class="mb-0">Invictrīx ROM emphasizes performance, offering heavy optimizations along with a unique dark themed style.</p>
</div>
</div>
</div>
<div class="col-lg-4 p-3 col-md-6">
<div class="card">
<div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/soap.jpg" width="150">
<h1>SOAP ROM</h1>
<div class="row d-flex justify-content-center pb-2">
<div class="col-lg-4 col-md-6">
<a href="https://plus.google.com/u/0/107610198397215674589" target="_blank"><i class="d-block fa text-muted text-muted fa-lg mx-2 fab fa-google-plus"></i></a>
</div>
</div>
<p class="mb-0">SOAP is an AOSP ROM that focuses on being a slim and clean ROM.</p>
</div>
</div>
</div>
<div class="col-lg-4 p-3 col-md-6">
<div class="card">
<div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/xtremis.jpg" width="150">
<h1>Xtremis Project</h1>
<div class="row d-flex justify-content-center pb-2">
<div class="col-lg-4 col-md-6">
<a href="#" target="_blank"><i class="d-block fa text-muted text-muted fa-lg mx-2 fab fa-telegram"></i></a>
</div>
<div class="col-lg-4 col-md-6">
<a href="#" target="_blank"><i class="d-block fa text-muted text-muted fa-lg mx-2 fab fa-google-plus"></i></a>
</div>
</div>
<p class="mb-0">Currently pre-release, this project is progressing steadily and will soon have more details to share. Please check in later.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 bg-info" id="gear">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1><b>A Little Bliss Gear</b></h1>
<p class="lead mb-4"><b>Bliss Family of ROMs has put together a Teespring store as a start to bring some stylish merchandise to our users, and help raise money for our cause. Check out a few of our selections below and follow the link to our store for more</b></p>
</div>
</div>
<div class="row d-flex justify-content-between">
<div class="col-md-4 col-lg-3 p-4"> <img class="img-fluid d-block" width="1500" src="images/560.jpg">
<h4 class="my-3"> <b>T-Shirts</b></h4>
<p><b>Be the first one on your block to sport Bliss on your back. Various sizes and colors available.</b></p>
</div>
<div class="col-md-4 col-lg-3 p-4"> <img class="img-fluid d-block" src="images/560 (1).jpg" width="1500">
<h4 class="my-3"> <b>Hoodies</b></h4>
<p><b>Keep warm in style. Wr have hoodies and sweatshirts available. Various sizes and colors options too.</b></p>
</div>
<div class="col-md-4 col-lg-3 p-4"> <img class="img-fluid d-block" src="images/560 (2).jpg" width="1500">
<h4 class="my-3"> <b>Tank Tops</b></h4>
<p><b>It's all about the Bliss when you are wearing one of our tank tops. Various sizes and colors available.</b></p>
</div>
</div>
<div class="row">
<div class="col-md-12 d-flex justify-content-start" style="">
<h4 class="d-flex justify-content-start"> <b>Want More?&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</b></h4><a class="btn btn-dark" href="https://teespring.com/stores/bliss-family-store">Visit Our Teespring Store&nbsp;<i class="fa fa-shopping-cart fa-fw"></i> </a>
</div>
</div>
</div>
</div>
<div class="py-3 bg-dark">
<div class="container">
<div class="row">
<div class="col-lg-3 col-6 p-3">
<h5> <b>Socials</b></h5>
<ul class="list-unstyled text-primary">
<li class="text-primary"> <a href="https://t.me/Team_Bliss_Community" class="text-info">BlissROMs Telegram</a> </li>
<li> <a href="https://t.me/blissx86" contenteditable="true" class="text-info">Bliss OS Telegram</a> </li>
<li> <a href="https://www.facebook.com/BlissFamilyOfROMs/" class="text-info">Bliss Facebook</a> </li>
<li> <a href="https://twitter.com/Bliss_Roms" class="text-info">Bliss Twitter</a> </li>
<li> <a href="https://plus.google.com/communities/118265887490106132524" class="text-info">Bliss G+</a> </li>
</ul>
</div>
<div class="col-lg-3 col-6 p-3">
<h5> <b>Sources</b></h5>
<ul class="list-unstyled">
<li> <a href="https://review.blissroms.com" class="text-info">BlissROMs Gerrit Review</a> </li>
<li> <a href="https://github.com/BlissRoms" class="text-info">BlissROMs GitHub</a> </li>
<li> <a href="https://github.com/BlissRoms-Devices" style="" class="text-info">BlissROMs-Devices GitHub</a> </li>
<li> <a href="https://github.com/BlissRoms-Kernels" class="text-info">BlissROMs-Kernels GitHub</a> </li>
<li> <a href="https://github.com/BlissRoms-Vendor" class="text-info">BlissROMs-Vendor GitHub</a> </li>
<li> <a href="https://github.com/BlissRoms-x86" class="text-info">Bliss OS GitHub</a> </li>
<li> <a href="https://github.com/BlissRoms-pine64" class="text-info">BlissROMs-PINE64 GitHub</a> </li>
</ul>
</div>
<div class="col-lg-3 col-6 p-3">
<h5>Subreddits</h5>
<ul class="list-unstyled">
<li> <a href="https://www.reddit.com/r/BlissRoms" class="text-info">BlissROMs</a> </li>
<li> <a href="https://www.reddit.com/r/BlissOS" class="text-info">Bliss OS</a> </li>
<li> <a href="https://www.reddit.com/r/TeamBliss" class="text-info">TeamBliss</a> </li>
</ul>
</div>
<div class="col-lg-3 col-md-3 p-3">
<h5> <b>Follow us</b> </h5>
<div class="row">
<div class="col-md-12 d-flex align-items-center justify-content-between my-2"> <a href="https://www.facebook.com/BlissFamilyOfROMs/">
<i class="d-block fa fa-facebook-official text-muted fa-lg mr-2"></i>
</a> <a href="https://www.instagram.com/blissroms/">
<i class="d-block fa fa-instagram text-muted fa-lg mx-2"></i>
</a> <a href="https://plus.google.com/communities/118265887490106132524">
<i class="d-block fa fa-google-plus-official text-muted fa-lg mx-2"></i>
</a> <a href="https://github.com/BlissRoms">
<i class="d-block fa fa-github text-muted text-muted fa-lg mx-2 "></i>
</a> <a href="https://www.reddit.com/r/BlissRoms">
<i class="d-block fa fa-reddit text-muted fa-lg mx-2"></i>
</a> <a href="https://twitter.com/Bliss_Roms">
<i class="d-block fa fa-twitter text-muted fa-lg ml-2"></i>
</a> </div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<p class="mb-0 mt-2">© 2019 Bliss Family of ROMs. All rights reserved</p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<!-- JavaScript dependencies -->
<script src="js/mainani.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- Script: Smooth scrolling between anchors in the same page -->
<script src="js/smooth-scroll.js"></script>
</body>
</html>