blob: 5aac00b05a7692e5087603e6556abb9d064c3017 [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>BlissRoms</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.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/7b4ed0a31a.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
type="text/css">
<link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="neon.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/table.css">
<script data-ad-client="ca-pub-7639560510014441" async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
<body class="">
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-light fixed-top bg-light">
<div class="container pt-6">
<a class="navbar-brand" href="#">
<img src="images/bliss-brand-icon.png" width="50" class="d-inline-block align-top navbar-brand-image" alt="">
</a>
<div class="row">
<div class="col-md-12"><a class="navbar-brand" href="#"><b><b>BlissRoms</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" id="navbar2SupportedContent">
<ul class="navbar-nav">
<li class="nav-item mx-2">
<a class="nav-link" href="#features"><b><b>Features</b></b></a>
</li>
</ul>
<a class="btn navbar-btn mx-2 btn-primary" href="#download"><b><b>Download</b></b></a>
</div>
</div>
</nav>
<!-- Cover -->
<div class="bg-light pt-5 pb-5">
<div class="container pt-5">
<div class="row">
<div class="col-md-5">
<div class="col-md-12">
<h1 class="heading display-3 mb-4">BlissRoms</h1>
<p class="lead">An open-source operating system based on Android with customizations, options and added
security features.&nbsp;<br></p>
<div class="d-inline-flex justify-content-center align-items-center mx-auto">
<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 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 mt-4">
<img class="img-fluid my-auto" src="images/phone-launcher.png" width="50%">
</div>
</div>
</div>
</div>
</div>
<!-- Features Section -->
<div class="py-5 bg-light" id="features">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h3 class="display-3">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-black">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-black">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-black">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">
<img class="img-fluid d-block" src="images/phone-features.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-black">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-black">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-black">We bring Bliss to every device we own. And our PC builds include extras for
ARM/ARM64 app compatibility&nbsp;&nbsp;</p>
</div>
</div>
</div>
</div>
<!-- 501(c3) Non-profit Notice Section -->
<div class="section bg-light">
<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-left mx-auto flex-center">
<div>
<h2 class="my-3 highlight_secondary team-header text-black no-wrap">We volunteer our time.</h2>
<p class="mb-3 body-font">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 and making a small
contribution towards our efforts.</p> <a
href="https://www.paypal.com/donate?hosted_button_id=J5SLZ7MQNCT24" target="_blank"
class="btn btn-primary">Buy Us a Coffee</a>
</div>
</div>
<div class="col-md-5 py-5 offset-1"><img
class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto animate-in-right"
src="images/coffee-break.svg" width="300"></div>
</div>
</div>
</div>
<!-- Downloads Section -->
<div class="download-section bg-light mb-0 mt-0" id="download">
<div class="container py-5">
<div class="row">
<div class="col-md-6 order-2 order-md-1 mt-4"> <img class="img-fluid d-block mx-auto"
src="images/phone-multitasking.png" width="50%"> </div>
<div class="px-md-5 col-md-6 d-flex flex-column align-items-start justify-content-center order-1 order-md-2">
<h3 class="heading display-3 mb-4">Downloads</h3>
<img
src="https://img.shields.io/sourceforge/dm/blissroms.svg?style=for-the-badge&amp;logo=appveyor&amp;colorB=blue"
max-width="160px" width="50%">
<p class="mb-3">
</p>
<div id="demo">
<br>
<a class="btn btn-primary mx-1 mb-3" href="https://downloads.blissroms.org">Go to Downloads <i
class="fa fa-link"></i></a>
<hr width="100%" size="8" align="left">
<h2>Looking for our PC builds?</h2>
<p>(Bliss OS (x86) &amp; Android-Generic builds)</p>
<br>
<a class="btn mb-3 btn-dark" target="_blank" href="https://blissos.org">Bliss OS</a>
<a class="btn mb-3 btn-dark" target="_blank" href="https://android-generic.github.io">Android-Generic</a>
<p></p>
<hr width="100%" size="8" align="left">
<h2>Legacy Downloads</h2>
<br>
<a class="btn btn-link" href="https://sourceforge.net/projects/blissroms/files/Q/">Android 10 (Q) device
builds</a><br>
<a class="btn btn-link" href="https://sourceforge.net/projects/blissroms/files/Pie/">Android 9 (Pie) device
builds</a><br>
<a class="btn btn-link" href="https://sourceforge.net/projects/blissroms/files/GSI/">Android 9 (Pie) GSI
builds</a>
<p></p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="py-3 bg-light">
<div class="container">
<div class="row">
<div class="col-lg-3 col-6 p-3">
<h5> <b>Community</b></h5>
<ul class="list-unstyled text-primary">
<li class="text-primary"> <a href="https://t.me/Team_Bliss_Community">BlissRoms Telegram</a> </li>
<li> <a href="https://t.me/blissx86">Bliss OS Telegram</a> </li>
<li> <a href="https://discord.gg/wwc4Aua4fp">Bliss Discord</a> </li>
</ul>
</div>
<div class="col-lg-3 col-6 p-3">
<h5> <b>Sources</b></h5>
<ul class="list-unstyled text-primary">
<li> <a href="https://review.blissroms.com">BlissRoms Gerrit Review</a> </li>
<li> <a href="https://review-x86.blissroms.com">Bliss OS (x86) Gerrit Review</a> </li>
<li> <a href="https://github.com/BlissRoms">BlissRoms GitHub</a> </li>
<li> <a href="https://github.com/BlissRoms-Devices">BlissRoms-Devices GitHub</a> </li>
<li> <a href="https://github.com/BlissRoms-x86">Bliss OS GitHub</a> </li>
<li> <a href="https://github.com/BlissRoms-pine64">BlissRoms-PINE64 GitHub</a> </li>
</ul>
</div>
<div class="col-lg-3 col-6 p-3">
<h5> <b>Links</b></h5>
<ul class="list-unstyled text-primary">
<li> <a href="team.html">Team members</a> </li>
<li> <a href="https://status.blissroms.org">Status</a> </li>
<li> <a href="https://blog.blissroms.org">Blog</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 my-2 justify-content-center"> <a
href="https://www.facebook.com/BlissFamilyOfROMs/" class="">
<i class="d-block fa fa-facebook-official text-muted mr-2 fa-2x"></i>
</a> <a href="https://www.instagram.com/blissroms/">
<i class="d-block fa fa-instagram text-muted mx-2 fa-2x"></i>
</a><a href="https://github.com/BlissRoms">
<i class="d-block fa fa-github text-muted text-muted mx-2 fa-2x"></i>
</a><a href="https://www.linkedin.com/company/stayblissful">
<i class="d-block fa fa-linkedin text-muted text-muted mx-2 fa-2x"></i>
</a> <a href="https://www.reddit.com/r/BlissRoms">
<i class="d-block fa fa-reddit text-muted mx-2 fa-2x"></i>
</a> <a href="https://twitter.com/stayblissful">
<i class="d-block fa fa-twitter text-muted ml-2 fa-2x"></i>
</a> </div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<p class="mb-0 mt-2">© 2021 Made with ❤️ <a href="https://blisslabs.org/">by BlissLabs</a>. All rights
reserved</p>
</div>
</div>
</div>
</div>
<!-- JavaScript dependencies -->
<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>