Updates for footer, social links
and removed beer animation
diff --git a/bfor.html b/bfor.html
index 9a96ef7..025ae6f 100644
--- a/bfor.html
+++ b/bfor.html
@@ -10,6 +10,7 @@
<meta name="description" content="Open Source OS for all devices, based on AOSP">
<meta name="keywords" content="blissroms, bliss, os, x86, aosp, android, rom, teambliss">
<!-- CSS dependencies -->
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="neon.css">
<!-- Script: Make my navbar transparent when the document is scrolled to top -->
@@ -2275,31 +2276,103 @@
</div>
</div>
</div>
- <!-- Footer -->
- <div class="py-5 bg-dark">
+ <div class="py-4 text-center" style="">
<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>
- <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 class="mx-auto col-md-8">
+ <h1 class="mb-3">Bliss Family Projects</h1>
+ <p class="lead">The Bliss Family projects we currently support can be found below: </p>
</div>
</div>
<div class="row">
- <div class="col-12 my-3 text-center">
- <p class="text-muted">© Copyright 2019 Bliss Family of ROMs - All rights reserved.</p>
+ <div class="col-lg-4 p-3">
+ <div class="card">
+ <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/invictrix.jpg" width="150">
+ <h1>Invictrīx ROM</h1>
+ <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>
+ <p class="mb-0">Invictrīx ROM emphasizes performance, offering heavy optimizations along with a unique dark themed style.</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 p-3 col-md-6">
+ <div class="card">
+ <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/soap.jpg" width="150">
+ <h1>SOAP ROM</h1>
+ <a href="https://plus.google.com/u/0/107610198397215674589" target="_blank"><i class="fab fa-google-plus"></i></a>
+ <p class="mb-0">SOAP is an AOSP ROM that focuses on being a slim and clean ROM.</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 p-3 col-md-6">
+ <div class="card">
+ <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/xtremis.jpg" width="150">
+ <h1>Xtremis Project</h1>
+ <a href="#" target="_blank"><i class="fab fa-telegram"></i></a>
+ <a href="#" target="_blank"><i class="fab fa-google-plus"></i></a>
+ <p class="mb-0">Currently pre-release, this project is progressing steadily and will soon have more details to share. Please check in later.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer -->
+ <div class="py-3 bg-dark">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-3 col-6 p-3">
+ <h5> <b>Socials</b></h5>
+ <ul class="list-unstyled">
+ <li> <a href="https://t.me/Team_Bliss_Community">BlissROMs Telegram</a> </li>
+ <li> <a href="https://t.me/blissx86" contenteditable="true">Bliss OS Telegram</a> </li>
+ <li> <a href="https://www.facebook.com/BlissFamilyOfROMs/">Bliss Facebook</a> </li>
+ <li> <a href="https://twitter.com/Bliss_Roms">Bliss Twitter</a> </li>
+ <li> <a href="https://plus.google.com/communities/118265887490106132524">Bliss G+</a> </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-6 p-3">
+ <h5> <b>Sources</b></h5>
+ <ul class="list-unstyled">
+ <li> <a href="https://review.blissroms.com">BlissROMs Gerrit Review</a> </li>
+ <li> <a href="https://github.com/BlissRoms">BlissROMs GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-Devices">BlissROMs-Devices GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-Kernels">BlissROMs-Kernels GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-Vendor">BlissROMs-Vendor GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-x86">Bliss OS GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-pine64">BlissROMs-PINE64 GitHub</a> </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-6 p-3">
+ <h5>Subreddits</h5>
+ <ul class="list-unstyled">
+ <li> <a href="https://www.reddit.com/r/BlissRoms">BlissROMs</a> </li>
+ <li> <a href="https://www.reddit.com/r/BlissOS">Bliss OS</a> </li>
+ <li> <a href="https://www.reddit.com/r/TeamBliss">TeamBliss</a> </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-3 p-3">
+ <h5> <b>Follow us</b> </h5>
+ <div class="row">
+ <div class="col-md-12 d-flex align-items-center justify-content-between my-2"> <a href="https://www.facebook.com/BlissFamilyOfROMs/">
+ <i class="d-block fa fa-facebook-official text-muted fa-lg mr-2"></i>
+ </a> <a href="https://www.instagram.com/blissroms/">
+ <i class="d-block fa fa-instagram text-muted fa-lg mx-2"></i>
+ </a> <a href="https://plus.google.com/communities/118265887490106132524">
+ <i class="d-block fa fa-google-plus-official text-muted fa-lg mx-2"></i>
+ </a> <a href="https://github.com/BlissRoms">
+ <i class="d-block fa fa-github-square text-muted mx-2 fa-github-square"></i>
+ </a> <a href="https://www.reddit.com/r/BlissRoms">
+ <i class="d-block fa fa-reddit text-muted fa-lg mx-2"></i>
+ </a> <a href="https://twitter.com/Bliss_Roms">
+ <i class="d-block fa fa-twitter text-muted fa-lg ml-2"></i>
+ </a> </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12 text-center">
+ <p class="mb-0 mt-2">© 2019 Bliss Family of ROMs. All rights reserved</p>
</div>
</div>
</div>
diff --git a/images/beer.svg b/images/beer.svg
new file mode 100644
index 0000000..21a4fe5
--- /dev/null
+++ b/images/beer.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512px" height="512px" class=""><g><g>
+ <g>
+ <path d="M286,451.29c-5.52,0-10,4.48-10,10c0,5.52,4.48,10,10,10c5.52,0,10-4.48,10-10S291.52,451.29,286,451.29z" data-original="#000000" class="active-path" data-old_color="#FDF5F5" fill="#FFFFFF"/>
+ </g>
+</g><g>
+ <g>
+ <path d="M145.5,200.29c-5.523,0-10,4.477-10,10v191c0,5.523,4.477,10,10,10s10-4.477,10-10v-191 C155.5,204.767,151.023,200.29,145.5,200.29z" data-original="#000000" class="active-path" data-old_color="#FDF5F5" fill="#FFFFFF"/>
+ </g>
+</g><g>
+ <g>
+ <path d="M225.5,200.29c-5.523,0-10,4.477-10,10v191c0,5.523,4.477,10,10,10s10-4.477,10-10v-191 C235.5,204.767,231.023,200.29,225.5,200.29z" data-original="#000000" class="active-path" data-old_color="#FDF5F5" fill="#FFFFFF"/>
+ </g>
+</g><g>
+ <g>
+ <path d="M426.5,161h-50v-30.259c15.675-11.751,23.125-31.613,18.707-51.224c-4.133-18.39-19.313-33.398-37.768-37.345 c-9.811-2.105-19.692-1.36-28.695,2.063C319.716,30.002,303.862,21,286.5,21c-6.544,0-12.939,1.269-18.852,3.711 C250.91,8.922,228.843,0,206,0c-30.216,0-58.396,15.393-75.03,40.579C78.7,37.687,35.5,79.156,35.5,130.29v120 c0,16.542,13.682,30,30.5,30c3.689,0,7.224-0.671,10.5-1.893V462c0,27.57,22.43,50,50,50h200c27.57,0,50-22.43,50-50v-30h50 c27.57,0,50-22.43,50-50V211C476.5,183.43,454.07,161,426.5,161z M356.5,452h-30.51c-5.523,0-10,4.477-10,10s4.477,9.9,10,9.9 h28.79c-4.128,11.639-15.244,20.1-28.28,20.1h-200c-13.036,0-24.152-8.361-28.28-20h147.79c5.523,0,10-4.477,10-10 s-4.477-10-10-10H96.5V250.07v-70.564c22.463-3.391,41.914-17.538,52.14-38.505c2.086,0,3.924,0.722,5.309,2.081 c11.286,11.098,26.22,17.209,42.051,17.209c16.408,0,31.725-6.495,43.135-18.295c0.61-0.632,1.473-0.995,2.365-0.995 c15.567,0,25.753,3.325,30.277,9.881c3.729,5.405,3.726,12.915,3.723,18.95v40.459c0,13.036,8.361,24.152,20,28.28v162.72 c0,5.523,4.477,10,10,10s10-4.477,10-10V238.57c11.639-4.128,20-15.243,20-28.28v-70.464c7.005,1.398,14.154,1.407,21,0.007V452z M330.033,116.947c-3.1-1.577-6.796-1.43-9.762,0.389c-2.965,1.818-4.772,5.046-4.772,8.524v84.43c0,5.514-4.486,10-10,10 c-5.514,0-10-4.486-10-10v-40.452c0.003-7.876,0.008-19.779-7.261-30.315C279.759,127.232,264.034,121,241.5,121 c-6.29,0-12.396,2.589-16.749,7.099c-7.602,7.862-17.813,12.191-28.751,12.191c-10.553,0-20.507-4.073-28.035-11.477 c-5.133-5.039-11.996-7.813-19.325-7.813c-7.579,0-14.623,4.397-17.946,11.202c-8.382,17.164-25.35,27.927-44.28,28.089 c-5.489,0.047-9.915,4.51-9.915,10v79.525C76.147,255.705,71.568,260.29,66,260.29c-5.691,0-10.5-4.58-10.5-10v-120 c0-38.596,31.582-69.852,70.407-69.852c3.017,0,6.05,0.192,9.081,0.581c4.045,0.519,7.998-1.471,9.993-5.026 C157.437,33.792,180.818,20,206,20c19.73,0,38.752,8.615,52.187,23.637c3.256,3.642,8.668,4.398,12.799,1.785 C275.559,42.529,280.924,41,286.5,41c12.73,0,24.108,8.061,28.313,20.057c1.023,2.92,3.341,5.203,6.277,6.181 c2.935,0.978,6.159,0.542,8.729-1.182c6.816-4.57,15.134-6.107,23.429-4.327c10.8,2.31,20.03,11.428,22.446,22.179 C381.386,109.172,355.489,129.896,330.033,116.947z M376.5,221h40v151h-40V221z M456.5,382c0,16.542-13.458,30-30,30h-50v-20h50 c5.523,0,10-4.477,10-10V211c0-5.523-4.477-10-10-10h-50v-20h50c16.542,0,30,13.458,30,30V382z" data-original="#000000" class="active-path" data-old_color="#FDF5F5" fill="#FFFFFF"/>
+ </g>
+</g></g> </svg>
diff --git a/index.html b/index.html
index 705420b..2cdcd44 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
<meta name="description" content="Open Source OS for all devices, based on AOSP">
<meta name="keywords" content="blissroms, bliss, os, x86, aosp, android, rom, teambliss">
<!-- CSS dependencies -->
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="neon.css">
<!-- Script: Make my navbar transparent when the document is scrolled to top -->
@@ -27,9 +28,8 @@
<div class="row">
<div class="col-md-12"><a class="navbar-brand" href="#"><b><b>Bliss ROMs</b></b></a></div>
</div>
- <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">
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="true" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
+ <div class="navbar-collapse text-center justify-content-end collapse show" id="navbar2SupportedContent" style="">
<ul class="navbar-nav">
<li class="nav-item mx-2">
<a class="nav-link" href="#features"><b><b>Features</b></b></a>
@@ -60,7 +60,7 @@
</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="animation mx-auto d-inline-flex justify-content-center align-items-center" data-animation-step="3">
<div class="device mx-auto mt-5">
<div class="screen-stand"></div>
<div class="display">
@@ -106,7 +106,7 @@
</div>
<div class="col-md-7 align-self-center order-1 order-md-2 my-3 text-md-left text-center">
<h3 class="display-3">About Bliss</h3>
- <p class="my-4 text-light">We are non-profit organization that works with volunteers to maintain various development projects. We provide the training and mentorship to help our team members dreams become reality. <br>Our main focus is to provide a quality OS that can run on all your devices, preserving customizations and options by syncing across all platforms. With all the bells and whistles, you can imagine. We believe you'll soon learn why we call it Bliss.</p>
+ <p class="my-4 text-light">We are a volunteer based non-profit organization that works to maintain various development projects. We provide the training and mentorship to help our team members dreams become reality. <br>Our main focus is to provide a quality OS that can run on all your devices, preserving customizations and options by syncing across all platforms. With all the bells and whistles, you can imagine. We believe you'll soon learn why we call it Bliss.</p>
<a class="btn btn-outline-primary" href="#features">Learn more</a>
</div>
</div>
@@ -117,7 +117,7 @@
<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="row mx-auto">
<div class="align-self-center col-lg-7 text-md-left text-center">
<h3 class="display-3" contenteditable="true">Moar Bliss</h3>
<p class="my-4 text-light">Bliss comes in a few variants. On top of our traditional device builds of Bliss ROM, our GSI/Treble builds will work on most treble compatible devices (Android Pie+) And our x86 variant (Bliss OS) is made to work with the Linux kernel, and supports booting with MBR/UEFI type bootloaders. So just about any Windows/Linux PC or tablet released in the last 4 years. We are always developing with usability in mind, and supporting more and more devices each week. <br></p>
@@ -162,21 +162,14 @@
<!-- 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="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75 py-4">
<div class="row">
- <div class="px-5 col-md-6 text-center mx-auto">
+ <div class="col-md-6 text-center mx-auto px-5 pt-4">
<h3 class="my-3 highlight_secondary team-header text-white"> </h3><br>
<h2 class="my-3 highlight_secondary team-header text-white">We volunteer our time.</h2>
<p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below. </p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Beer</a>
- <p class="mt-2"></p>
</div>
- <div class="col-md-6 py-2">
- <div class="beer-animation-wrapper mt-4">
- <div class="beer" style=" transform: translateX(12em) ;">
- <div class="foam"></div>
- </div>
- </div>
- </div>
+ <div class="col-md-6 py-5"><img class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto" src="images/beer.svg" width="300"></div>
</div>
</div>
</div>
@@ -233,10 +226,17 @@
</div>
</div>
</div>
+ <div class="modal-social text-right pt-2">
+ <div class="row">
+ <div class="col-sm-6 col-md-12">
+ <a class="btn btn-block text-white btn-outline-secondary" href="https://www.paypal.me/TeamBliss" target="_blank">Donate Other Amount</a>
+ </div>
+ </div>
+ </div>
</div>
<div class="modal-footer text-center bg-dark">
<a href="http://downloads.blissroms.com" class="btn btn-link" data-dismiss="modal"><span class="glyphicon glyphicon-chevron-right"></span>
- </a><a class="btn btn-primary mt-0" href="https://downloads.blissroms.com/BlissRoms/Pie/">Download Now</a>
+ </a><a class="btn btn-primary mt-0" href="https://downloads.blissroms.com/BlissRoms/Pie/">Go To Downloads</a>
</div>
</div>
</div>
@@ -278,14 +278,19 @@
<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 class="row">
+ <div class="col-sm-6 col-md-12 pt-2">
+ <a class="btn btn-block text-white btn-outline-secondary" href="https://www.paypal.me/TeamBliss" target="_blank">Donate Other Amount</a>
+ </div>
+ </div>
</div>
</div>
<div class="modal-footer text-center bg-dark">
<a href="http://downloads.blissroms.com" class="btn btn-link" data-dismiss="modal"><span class="glyphicon glyphicon-chevron-right"></span>
</a>
<div class="btn-group pi-draggable">
- <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 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);">
+ <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Go To Downloads</button>
+ <div class="dropdown-menu" x-placement="top-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, -2px, 0px);">
<a class="dropdown-item" href="https://sourceforge.net/projects/blissos-x86/files/Official/bleeding_edge/archived">Nougat (7.x)</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://sourceforge.net/projects/blissos-x86/files/Official/bleeding_edge/archived">Oreo (10.x)</a>
@@ -319,11 +324,11 @@
<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>Extra Kernel & device 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>
+ <p class="my-3" style=""><b>*</b> Custom kernel and device 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">
@@ -427,43 +432,108 @@
</div>
</div>
</div>
- <!-- Footer -->
- <div class="py-5 bg-dark">
+ <div class="py-4 text-center">
<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>
- <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 class="mx-auto col-md-8">
+ <h1 class="mb-3" contenteditable="true">Bliss Family Projects</h1>
+ <p class="lead">The Bliss Family projects we currently support can be found below: </p>
</div>
</div>
<div class="row">
- <div class="col-12 my-3 text-center">
- <p class="text-muted">© Copyright 2019 Bliss Family of ROMs - All rights reserved.</p>
+ <div class="col-lg-4 p-3">
+ <div class="card">
+ <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/invictrix.jpg" width="150">
+ <h1>Invictrīx ROM</h1>
+ <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>
+ <p class="mb-0">Invictrīx ROM emphasizes performance, offering heavy optimizations along with a unique dark themed style.</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 p-3 col-md-6">
+ <div class="card">
+ <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/soap.jpg" width="150">
+ <h1>SOAP ROM</h1>
+ <a href="https://plus.google.com/u/0/107610198397215674589" target="_blank"><i class="fab fa-google-plus"></i></a>
+ <p class="mb-0">SOAP is an AOSP ROM that focuses on being a slim and clean ROM.</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 p-3 col-md-6">
+ <div class="card">
+ <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/xtremis.jpg" width="150">
+ <h1>Xtremis Project</h1>
+ <a href="#" target="_blank"><i class="fab fa-telegram"></i></a>
+ <a href="#" target="_blank"><i class="fab fa-google-plus"></i></a>
+ <p class="mb-0">Currently pre-release, this project is progressing steadily and will soon have more details to share. Please check in later.</p>
+ </div>
+ </div>
</div>
</div>
</div>
</div>
- <!-- JavaScript dependencies -->
- <script src="js/mainani.js" type="text/javascript"></script>
- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
- <!-- Script: Smooth scrolling between anchors in the same page -->
- <script src="js/smooth-scroll.js"></script>
-
+ <div class="py-3 bg-dark">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-3 col-6 p-3">
+ <h5> <b>Socials</b></h5>
+ <ul class="list-unstyled">
+ <li> <a href="https://t.me/Team_Bliss_Community">BlissROMs Telegram</a> </li>
+ <li> <a href="https://t.me/blissx86" contenteditable="true">Bliss OS Telegram</a> </li>
+ <li> <a href="https://www.facebook.com/BlissFamilyOfROMs/">Bliss Facebook</a> </li>
+ <li> <a href="https://twitter.com/Bliss_Roms">Bliss Twitter</a> </li>
+ <li> <a href="https://plus.google.com/communities/118265887490106132524">Bliss G+</a> </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-6 p-3">
+ <h5> <b>Sources</b></h5>
+ <ul class="list-unstyled">
+ <li> <a href="https://review.blissroms.com">BlissROMs Gerrit Review</a> </li>
+ <li> <a href="https://github.com/BlissRoms">BlissROMs GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-Devices">BlissROMs-Devices GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-Kernels">BlissROMs-Kernels GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-Vendor">BlissROMs-Vendor GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-x86">Bliss OS GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-pine64">BlissROMs-PINE64 GitHub</a> </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-6 p-3">
+ <h5>Subreddits</h5>
+ <ul class="list-unstyled">
+ <li> <a href="https://www.reddit.com/r/BlissRoms">BlissROMs</a> </li>
+ <li> <a href="https://www.reddit.com/r/BlissOS">Bliss OS</a> </li>
+ <li> <a href="https://www.reddit.com/r/TeamBliss">TeamBliss</a> </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-3 p-3">
+ <h5> <b>Follow us</b> </h5>
+ <div class="row">
+ <div class="col-md-12 d-flex align-items-center justify-content-between my-2"> <a href="https://www.facebook.com/BlissFamilyOfROMs/">
+ <i class="d-block fa fa-facebook-official text-muted fa-lg mr-2"></i>
+ </a> <a href="https://www.instagram.com/blissroms/">
+ <i class="d-block fa fa-instagram text-muted fa-lg mx-2"></i>
+ </a> <a href="https://plus.google.com/communities/118265887490106132524">
+ <i class="d-block fa fa-google-plus-official text-muted fa-lg mx-2"></i>
+ </a> <a href="https://github.com/BlissRoms">
+ <i class="d-block fa fa-github-square text-muted mx-2 fa-github-square"></i>
+ </a> <a href="https://www.reddit.com/r/BlissRoms">
+ <i class="d-block fa fa-reddit text-muted fa-lg mx-2"></i>
+ </a> <a href="https://twitter.com/Bliss_Roms">
+ <i class="d-block fa fa-twitter text-muted fa-lg ml-2"></i>
+ </a> </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12 text-center">
+ <p class="mb-0 mt-2">© 2019 Bliss Family of ROMs. All rights reserved</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer -->
+
</body>
</html>
\ No newline at end of file
