Initial site Upgrade
diff --git a/index.html b/index.html
index 1e9284b..4a5da67 100644
--- a/index.html
+++ b/index.html
@@ -4,332 +4,174 @@
<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">
+ <!-- PAGE settings -->
+ <link rel="icon" href="favicon.ico">
+ <title>Bliss ROMs</title>
+ <meta name="description" content="Open Source OS for all devices, based on AOSP">
+ <meta name="keywords" content="blissroms, bliss, os, x86, aosp, android, rom, teambliss">
+ <!-- CSS dependencies -->
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
+ <link rel="stylesheet" href="neon.css">
+ <!-- Script: Make my navbar transparent when the document is scrolled to top -->
+ <script src="js/navbar-ontop.js"></script>
+ <!-- Script: Animated entrance -->
+ <script src="js/animate-in.js"></script>
<link rel="stylesheet" href="css/animations.css">
- <script 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">
+<body class="" style="">
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="padding-right: 41px;">
<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>
+ <a class="navbar-brand" href="#"><img src="images/BlissIcon_Smal_wl.png" width="50" class="d-inline-block align-top" alt=""></a>
+ <div class="row">
+ <div class="col-md-12"><a class="navbar-brand" href="#"><b><b>Bliss ROMs</b></b></a></div>
</div>
- <div id="navbar" class="collapse navbar-collapse">
- <ul class="nav navbar-nav navbar-right">
- <li id="nav-about">
- <a href="#about">About</a>
+ <div class="row"></div>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
+ <div class="collapse navbar-collapse text-center justify-content-end" id="navbar2SupportedContent">
+ <ul class="navbar-nav">
+ <li class="nav-item mx-2">
+ <a class="nav-link" href="#features"><b><b>Features</b></b></a>
</li>
- <li id="nav-portfolio">
- <a href="#portfolio">Downloads</a>
+ <li class="nav-item mx-2">
+ <a class="nav-link" href="#reviews"><b><b>Reviews</b></b></a>
</li>
- <li id="nav-contact">
- <a href="#contact">Links</a>
+ <li class="nav-item mx-2">
+ <a class="nav-link" href="#team"><b><b>Team</b></b></a>
</li>
- <li id="nav-team">
- <a href="#team">Team</a>
- </li>
- <li id="nav-family2">
- <a href="#family2">Family</a>
- </li>
- <li id="nav-studios">
- <a href="bfor.html">Nonprofit</a>
- </li>
- <li id="donate">
- <a href="https://www.paypal.me/TeamBliss" target="_blank">Donate</a>
+ <li class="nav-item mx-2">
+ <a class="nav-link" href="bfor.html"><b><b>Non Profit</b></b></a>
</li>
</ul>
+ <a class="btn navbar-btn mx-2 btn-primary shadowed" href="#download"><b><b>Download</b></b></a>
</div>
- <!--/.nav-collapse -->
</div>
</nav>
+ <!-- Cover -->
+ <div class="section-fade-out pt-5" style="background-image: url("https://i.imgur.com/BOGKaGy.jpg"); background-position: center bottom;">
+ <div class="container pt-5">
+ <div class="row">
+ <div class="col-md-4 ">
+ <div class="col-md-12">
+ <h1 class="display-3 mb-4">Bliss</h1>
+ <p class="lead mb-4">Is a unique take on Android OS, that incorporates many customizations options and added security features. <br><br>And it is available for...</p>
+ </div>
+ </div>
+ <div class="col-md-8 d-flex justify-content-center align-items-center flex-grow-1" align="center" style="max-height: 100%;max-width: 100%;vertical-align: middle;display: inline-flex;float: none; margin-top: -8%;">
+ <div class=" d-inline-flex justify-content-center align-items-center mx-auto">
+ <div class="animation mx-auto d-inline-flex justify-content-center align-items-center" data-animation-step="2">
+ <div class="device mx-auto mt-5">
+ <div class="screen-stand"></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-md-12 d-inline-flex justify-content-center align-items-center mx-auto mt-5"><a href="#download" class="btn btn-lg btn-primary d-inline-flex justify-content-center align-items-center mx-auto">Download Now</a></div>
+ </div>
+ </div>
+ </div>
+ <!-- Article style section -->
<div class="py-5">
<div class="container">
- <div class="row">
- <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 & 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 class="row py-5" style="">
+ <div class="col-md-5 order-2 order-md-1 animate-in-left">
+ <div>
+ <img src="images/phone_front.svg" style="max-height: 65%;max-width: 50%;" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto">
<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>
+ <video style="max-width: 46%;vertical-align: middle;display: inline-flex;float: none;margin-top: -90%;z-index: 999" preload="" muted="" autoplay="autoplay" oncanplay="this.muted=true" loop="loop" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto" width="80%" height="35%">
+ <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>
- <!-- End #About -->
- <div id="portfolio" class="row cover" style="">
- <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" 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" style="">
- <!--flipped on small, unflipped on large-->
- <h4 class="portfolio-projects--title">BlissOS - for desktops and laptops</h4>
- <p class="portfolio-projects--desc">This is 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>
- </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 class="alert p-0">
- <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
- <p style="font-size:125%">Bliss OS is currently available as a development preview. These builds will not run on all machines. To help speed the process up, we have opened our source to the public. See the Our Source section of our <a href="#contact">Links</a> for more info. </p>
- </div>
- <p class="portfolio-projects--desc text-center text-uppercase">!! Before you download !! Please visit our XDA thread and make sure you fully understand the process before diving right in. This is a development preview. </p>
- <p class="portfolio-projects--desc text-center ">We currently offer an easy installer for Windows PCs (UEFI only) included in the .ISO</p>
- <div class="col-md-12 text-center">
- <a class="btn btn-rounded portfolio-projects--btn" href="https://downloads.blissroms.com/BlissOS" role="button" style=""><i class="fas fa-download"></i> Downloads</a>
- <a class="btn btn-rounded portfolio-projects--btn" href="https://forum.xda-developers.com/bliss-roms/bliss-roms-development/bliss-os-pie-beta-preview-t3855917" role="button">XDA thread</a>
- <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>
- </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 class="col-md-7 align-self-center order-1 order-md-2 my-3 text-md-left text-center">
+ <h2 class="text-white">About Bliss</h2>
+ <p class="my-4 text-light">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>
+ <a class="btn btn-outline-primary" href="#features">Learn more</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>
+ <!-- Features -->
+ <div class="py-5 text-center bg-primary">
+ <div class="d-flex justify-content-center align-items-center px-0 container-fluid mx-auto">
+ <div class="row mx-auto d-flex align-items-center justify-content-center">
+ <div class="col-md-12">
+ <div class="row mx-5">
+ <div class="align-self-center col-lg-7 text-md-left text-center">
+ <h1>Run Bliss on more devices</h1>
+ <p class="my-4 text-light">Bliss comes in a few variants. On top of our traditional device builds of Bliss ROM, our GSI/Treble builds will work on most treble compatible devices (Android Pie+) And our x86 variant (Bliss OS) is made to work with the Linux kernel, and supports booting with MBR/UEFI type bootloaders. So just about any Windows/Linux PC or tablet released in the last 4 years. We are always developing with usability in mind, and supporting more and more devices each week. <br></p>
+ <a class="btn shadowed btn-dark" href="#download">Download</a>
+ </div>
+ <div class="align-self-center mt-5 col-lg-5 animate-in-right">
+ <img class="img-fluid d-block" src="images/bliss_surface.png"> </div>
+ </div>
+ </div>
+ </div>
</div>
- <!-- 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/Team_Bliss_Community">
- <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>
- <div class="row">
+ <div class="py-5 bg-dark" id="features">
<div class="container">
<div class="row">
+ <div class="col-12 text-center">
+ <h3 class="display-3">Bliss Features</h3>
+ </div>
+ </div>
+ <div class="row">
+ <div class="align-self-center text-md-right text-center col-lg-4 col-md-6">
+ <h4 class="text-primary"><b>Focus on design</b></h4>
+ <p class="mb-5 text-white">We include many options for customization and theming throughout the OS</p>
+ <h4 class="text-primary"><b>Customized settings</b></h4>
+ <p class="mb-5 text-white">Choose settings depending on the criteria you value the most. With no limits.</p>
+ <h4 class="text-primary"><b>Connect</b></h4>
+ <p class="mb-5 text-white">In-app chat panel 24/7 active. <br>The support you need, right there.</p>
+ </div>
+ <div class="my-3 d-none d-lg-block animate-in-down col-md-4" style="">
+ <img class="img-fluid d-block" src="images/Phone_features_dark.png"> </div>
+ <div class="align-self-center text-md-left text-center col-lg-4 col-md-6">
+ <h4 class="text-primary"><b>Battery-friendly</b></h4>
+ <p class="mb-5 text-white">Extra options are provided to help tune battery consumption to the best levels</p>
+ <h4 class="text-primary"><b>Added Security</b></h4>
+ <p class="mb-5 text-white">Additional security options and features are found throughout the OS. And AOSP security updates are merged regularly</p>
+ <h4 class="text-primary"><b>Share the love</b></h4>
+ <p class="mb-5 text-white">Help us spreading the word. <br>Tell your friends with just one-click</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Features -->
+ <!-- Carousel reviews -->
+ <div class="section">
+ <div class="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75">
+ <div class="row">
<div class="px-5 col-md-6 text-center mx-auto">
<h3 class="my-3 highlight_secondary team-header text-white"> </h3><br>
<h2 class="my-3 highlight_secondary team-header text-white">We volunteer our time.</h2>
- <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below. </p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-rounded family-projects--btn">Buy Us a Beer</a>
+ <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below. </p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Beer</a>
<p class="mt-2"></p>
</div>
<div class="col-md-6 py-2">
- <div class="beer-animation-wrapper">
+ <div class="beer-animation-wrapper mt-4">
<div class="beer" style=" transform: translateX(12em) ;">
<div class="foam"></div>
</div>
@@ -338,667 +180,290 @@
</div>
</div>
</div>
- <!-- break -->
- <div id="team" class="row cover text-center col-lg-12">
- <h2 class="highlight_secondary team-header">Our Team</h2>
+ <!-- Call to action -->
+ <div class="py-5 bg-primary" id="download">
<div class="container">
- <h3> We are a team of 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">
- </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&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 id="family2" class="row" style=" background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)); background-position: top left; background-size: 100%; background-repeat: repeat;">
- <div class="container family2-header">
<div class="row">
- <div class="col-md-12 text-center">
- <h1><img class="team-image" style="max-width: 36rem;" src="images/bliss_for.png"></h1>
+ <div class="text-center col-md-12">
+ <h3 class="display-3">Download Options</h3>
+ <div class="row">
+ <div class="col-md-8">
+ <h1 class="text-center">Free</h1>
+ <hr style="border: 2px solid;">
+ </div>
+ <div class="col-md-4">
+ <h1 class="text-center">Paid</h1>
+ <hr style="border: 2px solid;">
+ </div>
+ </div>
</div>
</div>
<div class="row">
- <div class="col-md-6 p-3">
- <p class="text-center lead">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>
- </div>
- <div class="col-md-6 p-3">
- <p class="text-center lead">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>
- </div>
- </div>
- <div class="py-5">
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <p class="text-center lead">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>
- </div>
- <div class="row">
- <div class="col-md-12">
- <h2 class="text-center lead" style="color: rgb(255, 255, 255);">To learn more about our nonprofit, please click the button below</h2>
+ <div class="col-lg-4 col-md-6 p-3">
+ <div class="card bg-light">
+ <div class="card-body p-4">
+ <div class="row">
+ <div class="col-8">
+ <h3 class="mb-0"><b>Bliss ROM</b></h3>
+ </div>
+ <div class="col-4 text-right">
+ <h2 class="mb-0"> <b>$0</b> </h2>
+ </div>
+ </div>
+ <p class="text-right">Or Donation</p>
+ <p class="my-3">This is Bliss for your typical Android devices.<br>GSI/Treble options are also available</p>
+ <ul class="pl-3">
+ <li>Multiple Devices Supported</li>
+ <li>Tons of Customization Options</li>
+ <li>Device Support not Guaranteed</li>
+ </ul> <a class="btn btn-primary mt-3" href="" data-target="#popup-modal1" data-toggle="modal" style="">Download Now</a>
+ <div id="popup-modal1" class="modal fade">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-body px-3 bg-dark">
+ <h1 class="text-center"> Thanks for your interest in Bliss </h1>
+ <p class="text-center">Please consider a small donation as a way to help keep our project moving forward. </p>
+ <div class="modal-social text-right">
+ <div class="row">
+ <div class="col-sm-6">
+ <a class="btn btn-primary btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=MKDDQGLYDKGV6&source=url">Donate $5</a>
+ </div>
+ <div class="col-sm-6">
+ <a class="btn btn-info btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=99GBH7ZW77P54&source=url">Donate $10</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="modal-footer text-center bg-dark">
+ <a href="http://downloads.blissroms.com" class="btn btn-link" data-dismiss="modal"><span class="glyphicon glyphicon-chevron-right"></span>
+ </a><a class="btn btn-primary mt-0" href="https://downloads.blissroms.com/BlissRoms/Pie/">Download Now</a>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
- </div>
- <div class="py-5">
- <div class="container">
- <div class="row">
- <div class="col-md-12 text-center"><a href="bfor.html" class="btn btn-rounded family-projects--btn" style="z-index: 999; color: rgb(255, 255, 255);">Bliss Family of ROMs</a></div>
+ <div class="col-lg-4 col-md-6 p-3">
+ <div class="card bg-light">
+ <div class="card-body p-4">
+ <div class="row">
+ <div class="col-8">
+ <h3 class="mb-0"><b>Bliss OS</b></h3>
+ </div>
+ <div class="col-4 text-right">
+ <h2 class="mb-0"> <b>$0</b></h2>
+ </div>
+ </div>
+ <p class="text-right">Or Donation</p>
+ <p class="my-3">This is the free version of Bliss OS for PCs</p>
+ <ul class="pl-3">
+ <li>Limited Online Support</li>
+ <li>Limited Device Compatibility</li>
+ <li>Generic Kernel - One Size Fits All</li>
+ </ul>
+ <a class="btn btn-primary mt-3" href="" data-target="#popup-modal2" data-toggle="modal">Download Now</a>
+ <div id="popup-modal2" class="modal fade">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-body px-3 bg-dark">
+ <h1 class="text-center" contenteditable="true"> Thanks for your interest in Bliss OS</h1>
+ <p class="text-center">Please consider a small donation as a way to help keep our project moving forward. </p>
+ <div class="modal-social text-right">
+ <div class="row">
+ <div class="col-sm-6">
+ <a class="btn btn-primary btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=MKDDQGLYDKGV6&source=url">Donate $5</a>
+ </div>
+ <div class="col-sm-6">
+ <a class="btn btn-info btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=99GBH7ZW77P54&source=url">Donate $10</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="modal-footer text-center bg-dark">
+ <a href="http://downloads.blissroms.com" class="btn btn-link" data-dismiss="modal"><span class="glyphicon glyphicon-chevron-right"></span>
+ </a>
+ <div class="btn-group pi-draggable">
+ <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Download Now </button>
+ <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 38px, 0px);">
+ <a class="dropdown-item" href="https://sourceforge.net/projects/blissos-x86/files/Official/bleeding_edge/archived">Nougat</a>
+ <div class="dropdown-divider"></div>
+ <a class="dropdown-item" href="https://sourceforge.net/projects/blissos-x86/files/Official/bleeding_edge/archived">Oreo</a>
+ <div class="dropdown-divider"></div>
+ <a class="dropdown-item" href="https://downloads.blissroms.com/BlissOS/bleeding_edge/">Pie</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="btn-group">
+ </div>
+ </div>
</div>
- <div class="row">
- <div class="col-md-12"></div>
+ </div>
+ <div class="col-lg-4 p-3">
+ <div class="card bg-light">
+ <div class="card-body p-4 bg-secondary rounded border">
+ <div class="row">
+ <div class="col-7">
+ <h3 class="mb-0"><b>Bliss OS Pro/EDU</b></h3>
+ <p class="text-left"> </p>
+ </div>
+ <div class="text-right mx-0 mr-0 ml-0 col-5">
+ <p class="text-right mb-0">As low as</p>
+ <h2 class="mb-0"> <b>$10</b></h2>
+ <p class="text-right">per device</p>
+ </div>
+ </div>
+ <p class="" style="">This is the paid version of Bliss OS for businesses and educational institutions, specifically developed on a per device basis for your needs</p>
+ <ul class="pl-3">
+ <li>Tech Support Contract Included</li>
+ <li>Extra Kernel options *</li>
+ <li>Full Source Code Available</li>
+ <li contenteditable="true">Extra Tools and Options Available</li>
+ </ul>
+ <p class="my-3" style=""><b>*</b> Custom kernel development is available at hourly rates</p>
+ <a class="btn btn-primary mt-3" href="" data-target="#popup-modal3" data-toggle="modal">Contact Us</a>
+ <div id="popup-modal3" class="modal fade">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-body px-3 bg-dark">
+ <h1 class="text-center"> Thanks for your interest in Bliss OS Pro/EDU </h1>
+ <p class="text-center">Please Fill out the form below and we will be in touch. </p>
+ <form action="mailto:blissfamilyroms@gmail.com" method="GET" data-form-title="CONTACT US">
+ <div class="form-group"> <input type="email" class="form-control" id="form33" placeholder="Your Email" name="email"> </div>
+ <div class="form-group"> <input type="text" class="form-control" id="form34" placeholder="Subject" name="name"> </div>
+ <div class="form-group"> <textarea class="form-control" id="form35" rows="3" placeholder="Your message" name="message"></textarea> </div> <button type="submit" class="btn btn-outline-primary btn-block">Send</button>
+ </form>
+ <div class="modal-social text-right">
+ <div class="row">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
</div>
</div>
- <div id="family" class="row">
+ <div class="py-5" id="team" style="">
<div class="container">
- <div class="family-header text-center">
- <h2 class="text-center"> <br></h2>
- <h2 class="text-center">Bliss Family Projects</h2>
+ <div class="row">
+ <div class="mx-auto col-md-12 text-center">
+ <h1 class="mb-4">Who we are</h1>
+ </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="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 class="row">
+ <div class="col-lg-6">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/w7i8JBSfddUp88DpBjjdT_PBODfKTiFV8TKHqyZnsU3m0-ppYXsuafqDtBxakFYW3mjIahKkFYBepZIGRQ=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>Jack Eagle </b>- CEO / Founder / Developer</h4>
+ <p class="mb-0"> </p>
</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 class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/xhKBfn9HcjWayS9gQizUuh7JATtI4i-OvVv9Q6XPy5v5IyiI44lqRoxtMIyI3rlLc7OCyparEB9OqGT_Vg=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>Vaughn Newman</b> - Board Member / Admin / Developer</h4>
+ <p class="mb-0"> </p>
</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 class="col-lg-6">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/hcV4Tp81H4TJskQhpKckcDBqwnETos_ZOxXsQbiZGOT5OxMC-3pOD5i22j1tPiaubWW74tmnwB0ixvGwELQ=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>Jon West </b>- CTO / Incorporator / Developer</h4>
+ <p class="mb-0"> </p>
</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 class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/JOdHk7TYY-SLjAANLuK7t68Oz6w4fDFody-Uwj3rtH6oSZkljniUceYFQ52rbJXeBv4kDgoGhrtamLJlwZc=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4> <b>Antonio Luciano</b> - Board Member / Project Manager / App Developer</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
</div>
- <div class="center col-lg-4">
- <h2 class="text-center"> <br></h2>
- <h2 class="text-center"> <br></h2>
+ </div>
+ <div class="row">
+ <div class="col-lg-6">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/LZrBsYT1S4qQI92uCuWx34QSGDcKpwY1G2h3LXT3tEvMPuSA8d6tiY7CsLYvBCznXk4sJhgr6UFk8pg1oA=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>BitO BSessiOn</b> - Board Member / Developer</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/iu4p6sC5xbTmz7gF5eYCucSHuI_1SBJnRkfNWcNQ6Cw7oCt5ryMHaU_DXpjWEgGX43SnPRs4dSjErXU=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4> <b>Customworx </b>- Board Member / Graphic Designer </h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/eRqBEkS4_cWFEkLce4sVRmyCkAwgsGZwIg1kE12_gjBaghKQ8Omc6V2UJT6q6LwZS8l-LkutUrskyeLFrd0=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>Evan Galvin</b> - Board Member / Product Technology Strategist</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mC91eukOeGZ1fU2mULqdlLqrcsYmUWGjZZMoXwMAIk=s1920-p-no-il" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4> <b>Donna West</b> - Board Member / Treasurer</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
</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="#family2">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/Team_Bliss_Community" title="Telegram"><i class="fab fa-telegram fa-4x"></i></a> </li>
- <li class="">
- <a rel="nofollow" href="https://www.facebook.com/BlissFamilyOfROMs/" title="Facebook"><i class="fab fa-facebook fa-4x"></i></a> </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>
+ <!-- Footer -->
+ <div class="py-5 bg-dark">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-9">
+ <p class="lead">Sign up to our newsletter for the latest news</p>
+ <form class="form-inline">
+ <div class="form-group">
+ <input type="email" class="form-control" placeholder="Your e-mail here"> </div>
+ <button type="submit" class="btn ml-2 btn-outline-primary">Subscribe</button>
+ </form>
</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 class="col-4 col-md-1 align-self-center my-3">
+ <a href="https://www.facebook.com" target="blank"><i class="fa fa-fw fa-facebook fa-3x text-white"></i></a>
+ </div>
+ <div class="col-4 col-md-1 align-self-center my-3">
+ <a href="https://twitter.com" target="blank"><i class="fa fa-fw fa-twitter fa-3x text-white"></i></a>
+ </div>
+ <div class="col-4 col-md-1 align-self-center my-3">
+ <a href="https://www.instagram.com" target="blank"><i class="fa fa-fw fa-instagram fa-3x text-white"></i></a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-12 my-3 text-center">
+ <p class="text-muted">© Copyright 2019 Bliss Family of ROMs - All rights reserved.</p>
+ </div>
</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/waypoints/2.0.3/waypoints.min.js"></script>-->
- <script src="https://bfintal.github.io/Counter-Up/jquery.counterup.min.js"></script>
- <script src="js/counter.js"></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>
+ </div>
+ <!-- JavaScript dependencies -->
<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>
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+ <!-- Script: Smooth scrolling between anchors in the same page -->
+ <script src="js/smooth-scroll.js"></script>
+
</body>
</html>
\ No newline at end of file