Reformat and add a few things
diff --git a/index.html b/index.html
index bdfe587..36aac97 100644
--- a/index.html
+++ b/index.html
@@ -1,976 +1,968 @@
+<!DOCTYPE html>
<html>
- <html lang="en" class="no-js">
- <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" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.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 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({
+
+<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" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.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 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="#">Bliss</a>
- </div>
- <div id="navbar" class="collapse navbar-collapse">
- <ul class="nav navbar-nav navbar-right">
- <li id="nav-about">
- <a href="#about">About</a>
- </li>
- <li id="nav-portfolio">
- <a href="#portfolio">Downloads</a>
- </li>
- <li id="nav-contact">
- <a href="#contact">Links</a>
- </li>
- <li id="nav-team">
- <a href="#team">Team</a>
- </li>
- <li id="nav-family">
- <a href="#family">Family</a>
- </li>
- <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>
- <!-- Begin page content -->
- <div class="container-fluid">
- <div class="row cover top">
- <div class="col-xs-12" style="padding:0">
- <div class="row" style="overflow-x:hidden;height: auto;overflow-y: visible;">
- <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 & 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">
- <a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
- </div>
- </div>
- </div>
- </div>
- <div id="about" class="row cover">
- <div class="container">
- <div class="family-header text-center">
- <h2 class="text-center">About Bliss</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 bring the community a quality OS that can run as a daily driver, syncing your apps, settings and customizations across all platforms you run Bliss on.</p>
- <p class="text-center">Bliss comes with a wide selection of customization options, functions, and is even themable out of the box using rootless Substratum. With so many options available, you will soon find out 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: -90%;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">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 ROM - 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>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://maintainers.blissroms.com" role="button">Maintainers Section</a>
- <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/BlissRoms/Official/" role="button">Bliss Device 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 OS - For PCs and Laptops</h4>
- <p class="portfolio-projects--desc">This is a newer spin on Bliss for your PCs, Laptops, Tablets, x86 maker boards or just about any device that uses UEFI boot.</p>
- <p class="portfolio-projects--desc">Compatible with PCs, MacBooks & Chromebooks equipped with CPUs from Intel, AMD, nVidia, Qualcomm, etc. & Intel, AMD, Nvidia graphic cards. Bootable on all PCs (Legacy/CSM/MBR/GPT/UEFI/Mac)</p>
- <p class="portfolio-projects--desc">This project includes @farmerbb's Taskbar Launcher for a more PC like experience, and due to the nature of some apps forcing rotation, we also include an Orientation app to manage that. For gaming on Bliss-OS, we also include Octopus, an on-screen keymapping solution from the Phoenix OS team. </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">XDA Thread</a>
- <a class="btn btn-rounded portfolio-projects--btn" href="https://downloads.blissroms.com/BlissOS/" role="button">System Downloads</a>
- <p class="portfolio-projects--desc">We currently offer an easy installer for Windows PCs (UEFI only)</p>
- <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">UEFI 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 class="alert">
- <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
- <p style="font-size:125%">Bliss OS x86 only provides a couple 32-bit builds for older devices. We do not "Officially" support 32-bit versions of Bliss-OS, so these are made as a common courtesy to those users. If you are looking to hire us for commercial 32-bit OS development for a project, you can reach us at <a href="mailto:blissfamilyroms@gmail.com" target="_blank" rel="noreferrer" style="background-color: rgb(244, 67, 54);">blissfamilyroms@gmail.com</a> .</p>
- </div>
- </div>
- </div>
- </div>
- <!--end Two project row-->
- </div>
- </div>
+ <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="#">Bliss</a>
+ </div>
+ <div id="navbar" class="collapse navbar-collapse">
+ <ul class="nav navbar-nav navbar-right">
+ <li id="nav-about">
+ <a href="#about">About</a>
+ </li>
+ <li id="nav-portfolio">
+ <a href="#portfolio">Downloads</a>
+ </li>
+ <li id="nav-contact">
+ <a href="#contact">Links</a>
+ </li>
+ <li id="nav-team">
+ <a href="#team">Team</a>
+ </li>
+ <li id="nav-family">
+ <a href="#family">Family</a>
+ </li>
+ <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">
+ <div class="col-xs-12" style="padding:0">
+ <div class="row" style="overflow-x:hidden;height: auto;overflow-y: visible;">
+ <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>
- <!-- 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-telegram"></i> Bliss ROMs Telegram
- </li>
- </a>
- <a href="https://t.me/blissx86">
- <li>
- <i class="fa fa-telegram"></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>
+ <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 & 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>
- <!-- 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://github.com/BlissRoms-pine64">
- <li>
- <i class="fa fa-github"></i> Bliss OS for Pine64 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"> </a>
- </ul>
- <p></p>
- </div>
- <!-- End #Contact -->
+ </div>
</div>
- <!-- break -->
- <div id="team" class="row cover bottom text-center section">
- <h2 class="highlight_secondary team-header">Our Team</h2>
- <div class="container">
- <h3> It takes alot of talent to make a team run this smoothly.<br>Here are the people that help make it Bliss </h3>
- <div class="hr big_size_hr invisible_hr">
- <i class="fa fa-"></i>
- </div>
- <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</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://lh3.googleusercontent.com/-uy5NeO8ggi8/AAAAAAAAAAI/AAAAAAAAxFk/WzlekY-mrOk/s1280-p-rw-no-il/photo.jpg" 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>
+ </div>
+ <div class="row">
+ <div class="col-xs-12 center-block text-center" style="overflow-y:visible">
+ <a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="about" class="row cover">
+ <div class="container">
+ <div class="family-header text-center">
+ <h2 class="text-center">About Bliss</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 bring the community a quality OS that can run as a daily driver, syncing your apps, settings and customizations across all platforms you run Bliss on.</p>
+ <p class="text-center">Bliss comes with a wide selection of customization options, functions, and is even themable out of the box using rootless Substratum. With so many options available, you will soon find out 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: -90%;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>
- <!-- /.container -->
- <!-- Close Team -->
- <div id="family" class="row cover">
- <div class="container">
- <div class="family-header text-center">
- <h2 class="text-center">About Team Bliss</h2>
- </div>
- <div class="row">
- <div class="col-xs-12 text-center about-tools">
- <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 to, but also help provide unique business opportunities for new and already existing projects as well.</p>
- <p class="text-center">If you are interested in joining our ROM team, please fill out the form found here:</p>
- <a class="btn btn-rounded family-projects--btn" href="https://goo.gl/forms/PdiaAj1PojosmehK2">Join Team Bliss</a>
- <p></p>
- <p class="text-center">Or if you represent an already existing project and would like to join the <a href="#family">Bliss Family</a>, please fill out a form by clicking the Join Bliss Family button below</p>
- <p></p>
- </div>
- </div>
- </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End #About -->
+ <div id="portfolio" class="row cover">
+ <h2 class="text-center">Downloads</h2>
+ <div class="container">
+ <div class="row portfolio-projects">
+ <!-- Two project row-->
+ <div class="col-lg-6">
+ <!--1st side project -->
+ <div class="row">
+ <div class="col-sm-5 text-center">
+ <h4 class="portfolio-projects--title">Bliss ROM - 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>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://maintainers.blissroms.com" role="button">Maintainers Section</a>
+ <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/BlissRoms/Official/" role="button">Bliss Device 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 OS - For PCs and Laptops</h4>
+ <p class="portfolio-projects--desc">This is a newer spin on Bliss for your PCs, Laptops, Tablets, x86 maker boards or just about any device that uses UEFI boot.</p>
+ <p class="portfolio-projects--desc">Compatible with PCs, MacBooks & Chromebooks equipped with CPUs from Intel, AMD, nVidia, Qualcomm, etc. & Intel, AMD, Nvidia graphic cards. Bootable on all PCs (Legacy/CSM/MBR/GPT/UEFI/Mac)</p>
+ <p class="portfolio-projects--desc">This project includes @farmerbb's Taskbar Launcher for a more PC like experience, and due to the nature of some apps forcing rotation, we also include an Orientation app to manage that. For gaming on Bliss-OS, we also include Octopus, an on-screen keymapping solution from the Phoenix OS team. </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">XDA Thread</a>
+ <a class="btn btn-rounded portfolio-projects--btn disabled" href="https://downloads.blissroms.com/BlissOS/" role="button">System Downloads</a>
+ <div class="alert p-0">
+ <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
+ <p style="font-size:125%">Bliss OS x86 has currently moved all downloads to our archive on Sourceforge. Please follow the link below to go there. </p>
+ </div><a class="btn btn-rounded portfolio-projects--btn text-white" href="https://sourceforge.net/projects/blissos-x86/files/Official/" role="button">Sourceforge Archive</a>
+ <p class="portfolio-projects--desc">We currently offer an easy installer for Windows PCs (UEFI only) included in the .ISO</p>
+ </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 id="family-lt" class="row cover bottom text-center section">
- <div class="container">
- <img class="team-image" style="max-width: 36rem;width:100%" src="images/bliss_for.png">
- <div class="container">
- <p class="text-center">We are currently in the process of moving into a new era of Bliss. As a ROM team, we worked together to overcome some of the hardest obstacles that a ROM team could face. And in doing so, we have grown and acted as an example to other teams. This growth allowed us to 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>
- <p></p>
- <a class="btn btn-rounded portfolio-projects--btn" href="https://goo.gl/kAb7ti" role="button">Join Bliss Family</a>
- <a class="btn btn-rounded portfolio-projects--btn" href="https://www.paypal.me/TeamBliss" target="_blank" role="button">Donate to Bliss Family</a>
- </div>
- </div>
- <br><br>
- <div class="family-header text-center">
- <h2 class="text-center" style="color: #fff;">We will be opening our doors soon. Accepting applications now!</h2>
- </div>
- <div class="row">
- <div class="col-xs-12 text-center about-tools">
- <p class="text-center">We are almost ready to open our doors to the public, so we are accepting applications now for new recruits. This means we will be accepting a small handfull of people that want to learn and grow with Bliss Family of ROMs. We provide the tools and the mentorship, and all we ask in return is a minimum contribution towards Bliss ROM while you learn and grow in your strengths.</p>
- <p class="text-center">If you are interested in applying for this unique opportunity, we are only running it for a short time, so you must act quickly. Please fill out the form below, and we will be in touch with you soon. </p>
- <a class="btn btn-rounded portfolio-projects--btn" href="https://goo.gl/forms/PdiaAj1PojosmehK2">Join Team Bliss</a>
- <p></p>
- </div>
- </div>
- </div>
</div>
- <div id="family" class="row">
- <div class="container">
- <div class="family-header text-center">
- <h2 class="text-center"> <br></h2>
- <h2 class="text-center">Bliss Family Projects</h2>
+ </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, .35), 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="">
+ <p class="lead mb-0">We like to work on a few videos as well in our spare time. Walkthroughs, Updates, Reviews, we try to cover it all. So make sure you follow us on YouTube for more</p><a class="btn btn-primary btn-lg btn-block" href="https://www.youtube.com/channel/UCHVCPbyVGPiwZs7XycTYY1g">Team Bliss</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="contact" class="row cover bottom" style=" background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)); background-position: top left; background-size: 100%; background-repeat: repeat;">
+ <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-telegram"></i> Bliss ROMs Telegram </li>
+ </a>
+ <a href="https://t.me/blissx86">
+ <li>
+ <i class="fa fa-telegram"></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://github.com/BlissRoms-pine64">
+ <li>
+ <i class="fa fa-github"></i> Bliss OS for Pine64 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"> </a>
+ </ul>
+ <p></p>
+ </div>
+ <!-- End #Contact -->
+ </div>
+ <!-- break -->
+ <div id="team" class="row cover bottom text-center section">
+ <h2 class="highlight_secondary team-header">Our Team</h2>
+ <div class="container">
+ <h3> It takes alot of talent to make a team run this smoothly.<br>Here are the people that help make it Bliss </h3>
+ <div class="hr big_size_hr invisible_hr">
+ <i class="fa fa-"></i>
+ </div>
+ <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="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="fa fa-telegram"></i></a>
- <a href="https://plus.google.com/communities/109716291977795337501" 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">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="fa fa-telegram"></i></a>
- <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
- </div>
- <!-- /.family-links-list -->
- </div>
- <!-- /.family-links -->
- </div>
- <!-- /.family-image -->
- <div class="family-content text-center">
- <div class="family-name">Xtremis Project</div>
- <div class="family-role">
- <h4>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/question-mark.png">
- <div class="family-links ">
- <div class="family-links-list">
- <a href="https://plus.google.com/u/0/107610198397215674589" target="_blank"><i class="fa 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="col-lg-4">
- <div class="family">
- <div class="family-image text-center">
- <img class="img-circle img-responsive" src="images/question-mark.png">
- <div class="family-links ">
- <div class="family-links-list">
- <a href="#" target="_blank"><i class="fa fa-telegram"></i></a>
- <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
- </div>
- <!-- /.family-links-list -->
- </div>
- <!-- /.family-links -->
- </div>
- <!-- /.family-image -->
- <div class="family-content text-center">
- <div class="family-name">Your Project</div>
- <div class="family-role">
- <h4>Submit your application now!</h4>
- </div>
- <h4 class="family-description">
- Follow the link and fill out an application for your project!<br><br /><a class="btn btn-rounded family-projects--btn" role="button" href="https://goo.gl/kAb7ti">Join Bliss Family</a></h4>
- </div>
- <!-- /.family-content -->
- </div>
- <!-- /.family -->
- </div>
+ <div 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</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://lh3.googleusercontent.com/-uy5NeO8ggi8/AAAAAAAAAAI/AAAAAAAAxFk/WzlekY-mrOk/s1280-p-rw-no-il/photo.jpg" 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 id="family" class="row cover">
+ <div class="container">
+ <div class="family-header text-center">
+ <h2 class="text-center">About Team Bliss</h2>
+ </div>
+ <div class="row">
+ <div class="col-xs-12 text-center about-tools">
+ <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 to, but also help provide unique business opportunities for new and already existing projects as well.</p>
+ <p class="text-center">If you are interested in joining our ROM team, please fill out the form found here:</p>
+ <a class="btn btn-rounded family-projects--btn" href="https://goo.gl/forms/PdiaAj1PojosmehK2">Join Team Bliss</a>
+ <p></p>
+ <p class="text-center">Or if you represent an already existing project and would like to join the <a href="#family">Bliss Family</a>, please fill out a form by clicking the Join Bliss Family button below</p>
+ <p></p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div id="family-lt" class="row cover bottom text-center section">
+ <div class="container">
+ <img class="team-image" style="max-width: 36rem;width:100%" src="images/bliss_for.png">
+ <div class="container">
+ <p class="text-center">We are currently in the process of moving into a new era of Bliss. As a ROM team, we worked together to overcome some of the hardest obstacles that a ROM team could face. And in doing so, we have grown and acted as an example to other teams. This growth allowed us to 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>
+ <p></p>
+ <a class="btn btn-rounded portfolio-projects--btn" href="https://goo.gl/kAb7ti" role="button">Join Bliss Family</a>
+ <a class="btn btn-rounded portfolio-projects--btn" href="https://www.paypal.me/TeamBliss" target="_blank" role="button">Donate to Bliss Family</a>
+ </div>
+ </div>
+ <br><br>
+ <div class="family-header text-center">
+ <h2 class="text-center" style="color: #fff;">We will be opening our doors soon. Accepting applications now!</h2>
+ </div>
+ <div class="row">
+ <div class="col-xs-12 text-center about-tools">
+ <p class="text-center">We are almost ready to open our doors to the public, so we are accepting applications now for new recruits. This means we will be accepting a small handfull of people that want to learn and grow with Bliss Family of ROMs. We provide the tools and the mentorship, and all we ask in return is a minimum contribution towards Bliss ROM while you learn and grow in your strengths.</p>
+ <p class="text-center">If you are interested in applying for this unique opportunity, we are only running it for a short time, so you must act quickly. Please fill out the form below, and we will be in touch with you soon. </p>
+ <a class="btn btn-rounded portfolio-projects--btn" href="https://goo.gl/forms/PdiaAj1PojosmehK2">Join Team Bliss</a>
+ <p></p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="family" class="row">
+ <div class="container">
+ <div class="family-header text-center">
+ <h2 class="text-center"> <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="fa fa-telegram"></i></a>
+ <a href="https://plus.google.com/communities/109716291977795337501" target="_blank"><i class="fa fa-google-plus"></i></a>
+ </div>
+ <!-- /.family-links-list -->
+ </div>
+ <!-- /.family-links -->
</div>
- <!-- End #About -->
- <footer class="footer">
- <div class="footer container-fluid ">
- <div class="container-fluid">
- <div class="row ">
- <div class="col-xs-6 col-sm-3 column footer-header">
- <h4 class="footer-header">Information</h4>
- <ul class="list-unstyled">
- <li class="portfolio-projects--desc">
- <a href="#portfolio">Downloads</a>
- </li>
- <li class="portfolio-projects--desc">
- <a href="#contact">Links</a>
- </li>
- <li class="portfolio-projects--desc">
- <a href="#team">Team</a>
- </li>
- </ul>
- </div>
- <div class="col-xs-6 col-sm-3 column footer-header">
- <h4 class="footer-header">About</h4>
- <ul class="list-unstyled">
- <li class="portfolio-projects--desc">
- <a href="#about">About</a>
- </li>
- <li class="portfolio-projects--desc">
- <a href="#family">Family</a>
- </li>
- <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="fa fa-telegram fa-4x"></i></a>
- </li>
- <li class="">
- <a rel="nofollow" href="https://www.facebook.com/BlissRoms/" title="Facebook"><i class="fa fa-facebook fa-4x"></i></a>
- </li>
- <li class="">
- <a rel="nofollow" href="https://plus.google.com/communities/118265887490106132524" title="Google+"><i class="fa fa-google-plus fa-4x"></i></a>
- </li>
- <li class="">
- <a rel="nofollow" href="https://twitter.com/Bliss_Roms" title="Twitter"><i class="fa fa-twitter fa-4x"></i></a>
- </li>
- </ul>
- </div>
- </div>
- <br />
- <span class="pull-right text-muted small"><a href="https://blissroms.github.io">Bliss Site by Team Bliss</a> ©2017 Team Bliss</span>
- </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="fa fa-telegram"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
</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>
+ <!-- /.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/question-mark.png">
+ <div class="family-links ">
+ <div class="family-links-list">
+ <a href="https://plus.google.com/u/0/107610198397215674589" target="_blank"><i class="fa 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="col-lg-4">
+ <div class="family">
+ <div class="family-image text-center">
+ <img class="img-circle img-responsive" src="images/question-mark.png">
+ <div class="family-links ">
+ <div class="family-links-list">
+ <a href="#" target="_blank"><i class="fa fa-telegram"></i></a>
+ <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
+ </div>
+ <!-- /.family-links-list -->
+ </div>
+ <!-- /.family-links -->
+ </div>
+ <!-- /.family-image -->
+ <div class="family-content text-center">
+ <div class="family-name">Your Project</div>
+ <div class="family-role">
+ <h4>Submit your application now!</h4>
+ </div>
+ <h4 class="family-description"> Follow the link and fill out an application for your project!<br><br><a class="btn btn-rounded family-projects--btn" role="button" href="https://goo.gl/kAb7ti">Join Bliss Family</a></h4>
+ </div>
+ <!-- /.family-content -->
+ </div>
+ <!-- /.family -->
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End #About -->
+ <footer class="footer">
+ <div class="footer container-fluid ">
+ <div class="container-fluid">
+ <div class="row ">
+ <div class="col-xs-6 col-sm-3 column footer-header">
+ <h4 class="footer-header">Information</h4>
+ <ul class="list-unstyled">
+ <li class="portfolio-projects--desc">
+ <a href="#portfolio">Downloads</a>
+ </li>
+ <li class="portfolio-projects--desc">
+ <a href="#contact">Links</a>
+ </li>
+ <li class="portfolio-projects--desc">
+ <a href="#team">Team</a>
+ </li>
+ </ul>
+ </div>
+ <div class="col-xs-6 col-sm-3 column footer-header">
+ <h4 class="footer-header">About</h4>
+ <ul class="list-unstyled">
+ <li class="portfolio-projects--desc">
+ <a href="#about">About</a>
+ </li>
+ <li class="portfolio-projects--desc">
+ <a href="#family">Family</a>
+ </li>
+ <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="fa fa-telegram fa-4x"></i></a> </li>
+ <li class="">
+ <a rel="nofollow" href="https://www.facebook.com/BlissRoms/" title="Facebook"><i class="fa fa-facebook fa-4x"></i></a> </li>
+ <li class="">
+ <a rel="nofollow" href="https://plus.google.com/communities/118265887490106132524" title="Google+"><i class="fa fa-google-plus fa-4x"></i></a>
+ </li>
+ <li class="">
+ <a rel="nofollow" href="https://twitter.com/Bliss_Roms" title="Twitter"><i class="fa fa-twitter fa-4x"></i></a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <br>
+ <span class="pull-right text-muted small"><a href="https://blissroms.github.io">Bliss Site by Team Bliss</a> ©2017 Team Bliss</span>
+ </div>
+ </div>
+ </footer>
+ <div class="py-5">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12"><a class="btn btn-primary" href="#">Button </a></div>
+ </div>
+ </div>
+ </div>
+ <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>
\ No newline at end of file