blob: 43ef4aaca5d58fb645007d7bf1a53054fc95c51f [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<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 href="https://fonts.googleapis.com/css?family=Comfortaa:400,700,300" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/styles_filter.css">
<script src="js/modernizr.js"></script>
<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>
<title>Bliss</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="#" style=" background-image: url(images/BlissIcon_w.png); background-position: top left; background-size: 100%; background-repeat: no-repeat;">   </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-lt">Family</a>
</li>
<li id="nav-studios">
<a href="https://bliss-studios.github.io" target="_blank">Bliss Studios</a>
</li>
<li id="donate">
<a href="https://www.paypal.me/TeamBliss" target="_blank">Donate</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="py-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<p></p>
</div>
</div>
</div>
</div>
<!-- Begin page content -->
<div class="container-fluid">
<div class="row cover top" style=" background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0.0), rgba(22, 22, 22, 1.0)); background-position: top left; background-size: 100%; background-repeat: repeat;">
<div class="col-xs-12" style=" max-height: 120%;">
<div class="row" style="overflow-x:hidden;height: auto;overflow-y: visible; color: #fff;">
<div class="col-md-12" align="center">
<div class="row">
<h1>Bliss</h1>
<p class="lead">An open source OS, based on Android, that works on</p>
</div>
</div>
<div class="col-md-12" align="center">
<div class="row">
<div class="animation" data-animation-step="1">
<div class="device">
<div class="screen-stand">
<div class="leg"></div>
<div class="foot"></div>
</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 Android <br>
<em>phones</em>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 center-block text-center" style="overflow-y: visible; color: rgb(255, 255, 255); transform: translateY(60px);">
<a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" style=" color: #fff; transform: translateY(-100%) ;" 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" style="color: #fff;">About Bliss</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">Our focus is to provide a quality OS that can run throughout the day, on all your devices, preserving customizations and options by syncing across all platforms. With all the bells and whistles, you'll soon learn why we call it Bliss.</p>
</div>
<div class="col-md-6 text-center about-info">
<div>
<img src="images/phone_front.svg" style="max-height: 75%;max-width: 50%;vertical-align: middle;display: inline-flex;float: none">
<div>
<video style="max-height: 65%;max-width: 45%;vertical-align: middle;display: inline-flex;float: none;margin-top: -105%;z-index: 999" preload="" muted="" autoplay="autoplay" oncanplay="this.muted=true" loop="loop">
<source src="images/bliss-demo.mp4" type="video/mp4">
<source src="images/bliss-demo.mkv" type="video/mkv"> Your browser does not support video! </video>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End #About -->
<div id="portfolio" class="row cover">
<h2 class="text-center" style="color: #fff;">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">BlissRoms - 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.<br><br>Our list of supported devices is constantly changing, so make sure you check our Maintainers section to see if your device is supported.</p>
<a class="btn btn-rounded portfolio-projects--btn" href="https://downloads.blissroms.com/BlissRoms/Official/" role="button"><i class="fas fa-download"></i> Downloads</a>
<a class="btn btn-rounded portfolio-projects--btn" href="https://maintainers.blissroms.com" role="button">Maintainers Section</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">BlissOS - for desktops and laptops</h4>
<p class="portfolio-projects--desc">This is a new spin on Bliss for your x86-based devices, including desktops, laptops, tablets, maker boards and a lot more.</p>
<p class="portfolio-projects--desc">These builds are compatible with PCs, MacBooks and Chromebooks equipped with CPUs from Intel and AMD, and GPUs from Intel, AMD, or Nvidia. Supports both BIOS/CSM and UEFI boot.</p>
<p class="portfolio-projects--desc">This project includes @farmerbb's Taskbar Launcher for a more desktop-like experience, and includes an Orientation app to manage rotation-forcing apps. For gaming on BlissOS, we also include Octopus, an on-screen keymapping solution from the Phoenix OS team.</p>
<a class="btn btn-rounded portfolio-projects--btn disabled" href="https://downloads.blissroms.com/BlissOS/" role="button"><i class="fas fa-download"></i> Downloads</a>
<a class="btn btn-rounded portfolio-projects--btn" href="https://forum.xda-developers.com/android/software/x86-bliss-x86-pc-s-t3534657" role="button">XDA thread</a>
<p class="portfolio-projects--desc">We currently offer an easy installer for Windows PCs (UEFI only) included in the .ISO</p>
<div class="alert p-0">
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
<p style="font-size:125%">BlissOS has currently moved all downloads to our archive on SourceForge. Please follow the link below to download.&nbsp;</p>
</div>
<br>
<a class="btn btn-rounded portfolio-projects--btn text-white" href="https://sourceforge.net/projects/blissos-x86/files/Official/" role="button">SourceForge Archive</a>
<a class="btn btn-rounded portfolio-projects--btn" href="https://github.com/BlissRoms-x86/Androidx86-Installer-for-Windows/blob/master/bin/Androidx86-Installv26.0003.exe?raw=true" role="button">(Legacy) Windows Installer</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">
<br>
<p class="portfolio-projects--desc portfolio-projects--image-title">(Preview shown using DNA Dark - Substratum theme)</p>
</div>
</div>
<div class="row">
</div>
</div>
</div>
<!--end Two project row-->
</div>
</div>
</div>
<!-- End #Portfolio -->
<div class="text-white bg-dark cover bottom" style=" background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0), rgba(0, 0, 0, .75)); background-position: top left; background-size: 100%; background-repeat: repeat;">
<div class="container py-3">
<div class="row">
<div class="col-lg-5 p-0">
<div class="embed-responsive embed-responsive-4by3"> <iframe width="560" height="315" src="https://www.youtube.com/embed/gqoOtmPy4oc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe> </div>
</div>
<div class="p-5 col-lg-7 d-flex flex-column justify-content-center" style="">
<h2 class="" style="color: #fff;">Bliss Videos</h2>
<p class="lead mb-0">Our team likes to work on a few videos as well in our spare time. Walkthroughs, updates, reviews - we try to cover them all. Make sure to follow us on YouTube for the latest announcements and updates!</p>
<a class="btn btn-rounded family-projects--btn" href="https://www.youtube.com/channel/UCHVCPbyVGPiwZs7XycTYY1g">Team Bliss on YouTube</a>
</div>
</div>
</div>
</div>
<div id="contact" class="row cover bottom" style=" background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); background-position: top left; background-size: 100%; background-repeat: repeat;">
<h2 class="text-center contact-header" style="color: #fff;">Find Us Online</h2>
<div class="text-center contact-social-icons">
<ul class="centered">
<a href="mailto:contact@blissroms.com">
<li>
<i class="fas fa-envelope"></i> Contact us via email </li>
</a>
</ul>
</div>
<!-- End #Contact-->
<div class="text-center contact-social-icons">
<h2 style="color: #fff; font-size: 1.45em !important;">Our Socials:</h2>
<ul class="centered">
<a href="https://t.me/OfficialBlissROMs">
<li>
<i class="fab fa-telegram"></i> BlissRoms Telegram </li>
</a>
<a href="https://t.me/blissx86">
<li>
<i class="fab fa-telegram"></i> BlissOS Telegram </li>
</a>
<br>
<a href="https://www.facebook.com/BlissFamilyOfROMs/">
<li>
<i class="fab fa-facebook"></i> Bliss Facebook </li>
</a>
<a href="https://twitter.com/Bliss_Roms">
<li>
<i class="fab fa-twitter"></i> Bliss Twitter </li>
</a>
<a href="https://plus.google.com/communities/118265887490106132524">
<li>
<i class="fab fa-google-plus"></i> Bliss G+ </li>
</a>
</ul>
<p></p>
</div>
<!-- End #Contact -->
<div class="text-center contact-social-icons">
<h2 style="color: #fff; font-size: 1.45em !important;">Our Source:</h2>
<ul class="centered">
<!-- Start BlissRoms resources -->
<a href="https://github.com/BlissRoms">
<li>
<i class="fab fa-github"></i> BlissRoms Github </li>
</a>
<a href="https://github.com/BlissRoms-Devices">
<li>
<i class="fab fa-github"></i> BlissRoms-Devices Github </li>
</a>
<a href="https://github.com/BlissRoms-Kernels">
<li>
<i class="fab fa-github"></i> BlissRoms-Kernels Github </li>
</a>
<a href="https://github.com/BlissRoms-Vendor">
<li>
<i class="fab fa-github"></i> BlissRoms-Vendor Github </li>
</a>
<a href="https://review.blissroms.com">
<li>
<i class="fab fa-github"></i> BlissRoms Gerrit </li>
</a>
<!-- End BlissRoms resources-->
<br>
<!-- Start BlissOS resources -->
<a href="https://github.com/BlissRoms-x86">
<li>
<i class="fab fa-github"></i> BlissOS Github </li>
</a>
<a href="https://github.com/BlissRoms-pine64">
<li>
<i class="fab fa-github"></i> BlissOS for Pine64 Github </li>
</a>
<a href="https://review-x86.blissroms.com"> </a>
<!-- End BlissOS resources -->
</ul>
<p></p>
</div>
<!-- End #Contact -->
<div class="text-center contact-social-icons">
<h2 style="color: #fff; font-size: 1.45em !important;">Our Subreddits:</h2>
<ul class="centered">
<a href="https://www.reddit.com/r/BlissRoms">
<li>
<i class="fab fa-reddit"></i> r/BlissRoms </li>
</a>
<a href="https://www.reddit.com/r/BlissOS">
<li>
<i class="fab fa-reddit"></i> r/BlissOS </li>
</a>
<a href="https://www.reddit.com/r/TeamBliss">
<li>
<i class="fab fa-reddit"></i> r/TeamBliss </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> We are a team of volunteer designers, developers, maintainers, and business professionals working together to help achieve the dreams of our team mates and the Android community. Our goal is to help provide a unique learning environment using the FOSS mentality, to not only train people how to make what they aspire to, but also provide unique business opportunities for new and already existing projects. </h3>
<div class="hr big_size_hr invisible_hr">
<i class="fa fa-"></i>
</div>
<main class="cd-main-content">
<div class="cd-tab-filter-wrapper">
<div class="cd-tab-filter">
<ul class="cd-filters">
<li class="placeholder">
<a data-type="all" href="#0">All</a>
<!-- selected option on mobile -->
</li>
<li class="filter">
<a class="selected" href="#0" data-type="all">All</a>
</li>
<li class="filter" data-filter=".board_member">
<a href="#0" data-type="board_member">Management</a>
</li>
<li class="filter" data-filter=".development">
<a href="#0" data-type="development">Development</a>
</li>
<li class="filter" data-filter=".graphics">
<a href="#0" data-type="graphics">Graphics Design</a>
</li>
<li class="filter" data-filter=".others">
<a href="#0" data-type="others">Other Departments</a>
</li>
<li class="filter" data-filter="">
<a href="https://maintainers.blissroms.com/">maintainers</a>
</li>
</ul>
</div>
</div>
<section class="cd-gallery">
<ul>
<li class="mix board_member development">
<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">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">JackEagle</div>
<div class="team-role">
<h4>CEO<br>Founder<br>Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix board_member development graphics">
<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/hcV4Tp81H4TJskQhpKckcDBqwnETos_ZOxXsQbiZGOT5OxMC-3pOD5i22j1tPiaubWW74tmnwB0ixvGwELQ=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Jon West</div>
<div class="team-role">
<h4>CTO<br>Incorporator<br>Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix board_member development">
<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/xhKBfn9HcjWayS9gQizUuh7JATtI4i-OvVv9Q6XPy5v5IyiI44lqRoxtMIyI3rlLc7OCyparEB9OqGT_Vg=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Vaughn Newman</div>
<div class="team-role">
<h4>Admin<br>Board Member<br>Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix board_member development">
<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/JOdHk7TYY-SLjAANLuK7t68Oz6w4fDFody-Uwj3rtH6oSZkljniUceYFQ52rbJXeBv4kDgoGhrtamLJlwZc=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Antonio Luciano</div>
<div class="team-role">
<h4>Board Member<br>Project Manager<br>App Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix board_member development">
<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/Oq2NnEoAaexFWMacS4dFgu9JPmQxC38k_YXnNrR_N10PhFZ2vZxmlTlv-3UBB_kwqjTfTYin-ZSA0JSNew=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Călin Neamţu</div>
<div class="team-role">
<h4>Lead App Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix board_member development">
<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/LZrBsYT1S4qQI92uCuWx34QSGDcKpwY1G2h3LXT3tEvMPuSA8d6tiY7CsLYvBCznXk4sJhgr6UFk8pg1oA=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">BitO BSessiOn</div>
<div class="team-role">
<h4>Board Member<br>Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix board_member development">
<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/9HpKaGSOQnmm649RlvoUvJVNgoTEhX1w8X9l48wzBacggsottSVVIEX76RP2tRI2CZYu799RdAmhD1fwbQ=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Blake Leeper</div>
<div class="team-role">
<h4>Board Member<br>App Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix board_member others">
<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">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Evan Galvin</div>
<div class="team-role">
<h4>Board Member<br>Product Technology Strategist</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix development">
<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/dtVX8GF-3N179O1HzMTW5X7vsegsslETfR1GEsUEvhJC2Pmv9h5jBJJf6fC1iZWYkOiGmFfte2HcBQ=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Eric Park <br>(ideaman924) </div>
<div class="team-role">
<h4>Developer (BlissRoms) <br>Release Manager (BlissOS) </h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix development">
<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/8VqQRqDi3dc35qeC_cipzDE5oW8llKvxq0F-uzwmR9jYJvsMtREEaANi874yCBpKvmWy86MwwXC22JDRRKU=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="mix development">
<div class="row">
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="team">
<div class="team-image">
<img src="https://avatars3.githubusercontent.com/u/1151945?s=400&amp;v=4" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Greg Kobey <br>(sixohtew) </div>
<div class="team-role">
<h4>Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix development">
<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/wOQMZn_ALhU76wRCrqULrOXzCFPhX_u1frahdUss1kU_qZs-Nyuac_ui14y_624aTHi3N_7B2KRo9w=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Patrick Graber <br>(pjgraber03) </div>
<div class="team-role">
<h4>Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix others">
<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/t5rLm4Gex0mmG9VkXzfoXIl0t31pBJwPP798GYNOaLxvi9qjfka867yJl0P-8EXpO8_zeFe-Vq346C56Ww=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Henri Koivuneva</div>
<div class="team-role">
<h4>Product Technology Strategist<br>Web Designer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix graphics">
<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/HZGjbOyPu5kpKga9cR5DxAxQBpO_04MTigb44LigYFP7vhLGsRG2IzzknL5QyxrfhbV7mJ4Bw0MG=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Roger Truttmann</div>
<div class="team-role">
<h4>Graphic Designer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix graphics">
<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/iu4p6sC5xbTmz7gF5eYCucSHuI_1SBJnRkfNWcNQ6Cw7oCt5ryMHaU_DXpjWEgGX43SnPRs4dSjErXU=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">Customworx</div>
<div class="team-role">
<h4>Graphic Designer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
<li class="mix development">
<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/EAC5UcIYaDxdGLMFmSEBcWiEg8vBwoc8cWqc3ieGBlpqqT1B_i7R0-0Dgdo7k_8Io7Ao8qoTPyj_=w1920-h1080-no" class="img-circle img-responsive">
<div class="team-links">
<div class="team-links-list">
<!-- Saved for later -->
</div>
</div>
</div>
<div class="team-content">
<div class="team-name">theGeekyLad</div>
<div class="team-role">
<h4>App Developer</h4>
</div>
<div class="team-description"></div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="cd-fail-message">No results found</div>
</section>
</main>
</div>
</div>
<!-- /.container -->
<!-- Close Team -->
<div class="row">
<div id="family-lt" class="col-xs-12 text-center section" style=" background-image: linear-gradient(to bottom, rgba(22,22,22,0.3), rgba(22,22,22,0.8)); background-position: top left; background-size: 100%; background-repeat: repeat;">
<div class="row">
<div class="col-xs-12 text-center about-tools">
<div class="container family-header text-center">
<img class="team-image" style="max-width: 36rem;width:100%" src="images/bliss_for.png">
</div>
<p class="text-center">We are starting 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 evolve into a family of ROM teams, helping to support one another in our innovative efforts, and inspire work from other community members in the process. </p>
<p class="text-center">This growth allowed us to see many of the needs our fellow community members had, and sparked an idea to allow us all to succeed in the future. This inspired us to start our journey into making that happen, and we have turned Bliss Family of ROMs into a nonprofit corporation, with the intent to enable the development community like never before. </p>
<p></p>
<p class="text-center">Our Bliss Family projects include applications, ports, ROMs, API's, services, and forks of other projects. Most if not all of our Bliss Family projects will be Open Source, allowing us to truly give back to the community as a team. </p>
<div class="family-header text-center">
<h2 class="text-center" style="color: #fff;">Bliss Family is accepting applications now!</h2>
</div>
<p class="text-center">We are open to the public, and accepting applications now for volunteer only positions (internships coming soon).
We are accepting people in small managable groups while we grow, and we tend to lean towards the type of people that want to learn and grow with Bliss Family of ROMs.
Bliss provides the tools, knowledge and the mentorship needed to help bring your development dreams to reality, and all we ask in return is a minimum contribution towards Bliss ROM while you learn and grow in your strengths.
<br/>
If you're an individual and would like to apply to join our team, please use the button below
</p>
<a class="btn btn-rounded family-projects--btn" href="https://goo.gl/forms/PdiaAj1PojosmehK2" style="color:#fff;" >Join Our Team</a>
<br/>
<p class="text-center">Got a great project but having trouble getting things off the ground? Or maybe you are looking to gain a few more people to help you out on it. Whatever your situation is, you can submit your project below for a chance to include it as a Bliss Family project.
</p>
<p class="text-center">If you are interested in applying for this unique opportunity, please fill out the form below, and we will be in touch with you soon (usually within a few days!)</p>
<a class="btn btn-rounded family-projects--btn" href="https://goo.gl/kAb7ti" role="button" style="color:#fff;">Submit your project now</a>
<a class="btn btn-rounded family-projects--btn" href="https://www.paypal.me/TeamBliss" target="_blank" role="button" style="color:#fff;">Donate to Bliss Family</a>
</div>
<div class="center col-lg-4">
<h2 class="text-center">&nbsp;<br></h2>
<h2 class="text-center">&nbsp;<br></h2>
</div>
</div>
</div>
</div>
<div id="family" class="row">
<div class="container">
<div class="family-header text-center">
<h2 class="text-center">&nbsp;<br></h2>
<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-4">
<div class="family">
<div class="family-image text-center">
<img class="img-circle img-responsive" src="images/invictrix.jpg">
<div class="family-links ">
<div class="family-links-list">
<a href="https://t.me/InvictusROM" target="_blank"><i class="fab fa-telegram"></i></a>
<a href="https://plus.google.com/communities/109716291977795337501" target="_blank"><i class="fab 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">Invictrīx ROM</div>
<div class="family-role">
<h4>AOSP/CAF</h4>
</div>
<h4 class="family-description"> Invictrīx ROM emphasizes performance, offering heavy optimizations along with a unique dark themed style.</h4>
</div>
<!-- /.family-content -->
</div>
<!-- /.family -->
</div>
<div class="col-lg-4">
<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="fab fa-telegram"></i></a>
<a href="#" target="_blank"><i class="fab 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>Chrome OS ROM</h4>
</div>
<h4 class="family-description"> Currently pre-release, this project is progressing steadily and will soon have more details to share. Please check in later.</h4>
</div>
<!-- /.family-content -->
</div>
<!-- /.family -->
</div>
<div class="col-lg-4">
<div class="family">
<div class="family-image text-center">
<img class="img-circle img-responsive" src="images/soap.jpg">
<div class="family-links ">
<div class="family-links-list">
<a href="https://plus.google.com/u/0/107610198397215674589" target="_blank"><i class="fab fa-google-plus"></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">SOAP ROM</div>
<div class="family-role">
<h4>SixOpenAndroidProject ROM, AOSP</h4>
</div>
<h4 class="family-description"> SOAP is an AOSP ROM that focuses on being a slim and clean ROM.</h4>
</div>
<!-- /.family-content -->
</div>
<!-- /.family -->
</div>
<div class="center col-lg-4">
<h2 class="text-center">&nbsp;<br></h2>
<h2 class="text-center">&nbsp;<br></h2>
</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">Bliss</a>
</li>
<li class="portfolio-projects--desc">
<a href="#family">Family</a>
</li>
<li class="portfolio-projects--desc">
<a href="https://www.paypal.me/TeamBliss">Donate</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="fab fa-telegram fa-4x"></i></a>&nbsp; </li>
<li class="">
<a rel="nofollow" href="https://www.facebook.com/BlissFamilyOfROMs/" title="Facebook"><i class="fab fa-facebook fa-4x"></i></a>&nbsp; </li>
<li class="">
<a rel="nofollow" href="https://plus.google.com/communities/118265887490106132524" title="Google+"><i class="fab fa-google-plus fa-4x"></i></a>
</li>
<li class="">
<a rel="nofollow" href="https://twitter.com/Bliss_Roms" title="Twitter"><i class="fab fa-twitter fa-4x"></i></a>
</li>
</ul>
</div>
</div>
<br>
<span class="pull-right text-muted small"><a href="https://blissroms.com">Bliss Site by Team Bliss</a> ©2017-2018 Team Bliss</span>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.1/js/tether.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/jquery.scrollto/2.1.0/jquery.scrollTo.min.js" type="text/javascript"></script>
<script src="js/jquery-2.1.1.js" type="text/javascript"></script>
<script src="js/jquery.mixitup.min.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script src="js/mainani.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script type="text/javascript">
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]').not('[href="#0"]').click(function(event) {
// On-page links
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 1000, function() {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
</script>
</body>
</html>