Make frontpage more believable

This commit is contained in:
ave 2019-02-18 12:51:20 +03:00
parent dc2bc9c1a7
commit e6b3ad36b4
No known key found for this signature in database
GPG Key ID: 09356ABAA42C842B
16 changed files with 371 additions and 394 deletions

BIN
img/team/bread.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
img/team/techbro1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 615 KiB

BIN
img/team/techbro10.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 568 KiB

BIN
img/team/techbro2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 571 KiB

BIN
img/team/techbro3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 632 KiB

BIN
img/team/techbro4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 513 KiB

BIN
img/team/techbro5.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 513 KiB

BIN
img/team/techbro6.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 616 KiB

BIN
img/team/techbro7.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 515 KiB

BIN
img/team/techbro8.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 482 KiB

BIN
img/team/techbro9.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 594 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

View File

@ -27,7 +27,7 @@
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<a class="navbar-brand logo_h" href="index.html"><img src="img/logo.png" alt=""></a>
<a class="navbar-brand logo_h" href="index.html"><img src="img/logo.png" alt="elixirecoin, scam of the year"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@ -40,21 +40,7 @@
<li class="nav-item"><a class="nav-link" href="#feature">FEATURES</a></li>
<li class="nav-item"><a class="nav-link" href="#video">VIDEO</a>
<li class="nav-item"><a class="nav-link" href="#price">PRICING</a>
<li class="nav-item"><a class="nav-link" href="#screen">SCREENS</a>
<li class="nav-item submenu dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="elements.html">Elements</a></li>
</ul>
</li>
<li class="nav-item submenu dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="single-blog.html">Blog Details</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="#screen">SCREENS</a></li>
</ul>
</div>
</div>
@ -70,9 +56,10 @@
<div class="row banner_content">
<div class="col-lg-9">
<h2>Truly Distruptive <br />Cryptocoin</h2>
<p>Backed by our Revolutionary Image Host, we're proud to present our revolutionary coin to you. (elixirecoin is not backed or endorsed by elixi.re)</p>
<a class="banner_btn" href="#">Throw money at our ICO</a>
<p>Backed by our Revolutionary Image Host, we're proud to present our AI-based revolutionary coin to you. Grow with us. (elixirecoin is not backed or endorsed by elixi.re)</p>
<a class="banner_btn" href="#">Buy coins (ICO)</a>
<a class="banner_btn" href="#">Download whitepaper</a>
<a class="banner_btn" href="#">Download miner</a>
</div>
<div class="col-lg-3">
<div class="banner_map_img">
@ -90,35 +77,35 @@
<div class="container">
<div class="main_title">
<h2>Unique Features</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Here's why you should give your money to us instead of anyone else.</p>
</div>
<div class="feature_inner row">
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img src="img/icon/f-icon-1.png" alt="">
<h4>Maintenance</h4>
<p>inappropriate behavior is often laughed off as boys will be boys,” women face higher conduct standards especially in the workplace. Thats why.</p>
<h4>Open Source</h4>
<p>Our <a href="https://gitdab.com/ao/scam">website</a> and <a href="https://github.com/BOINC/boinc">miner</a> are all open source, and can be independently audited to verify its illegitimacy.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img src="img/icon/f-icon-1.png" alt="">
<h4>Maintenance</h4>
<p>inappropriate behavior is often laughed off as boys will be boys,” women face higher conduct standards especially in the workplace. Thats why.</p>
<h4>Quantum proofed, ready for the future</h4>
<p>Our coin and the tech behind it is ready to deal with the upcoming quantum computing age by specifically hardening the distributed ledger through the means of production.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img src="img/icon/f-icon-1.png" alt="">
<h4>Maintenance</h4>
<p>inappropriate behavior is often laughed off as boys will be boys,” women face higher conduct standards especially in the workplace. Thats why.</p>
<h4>AI Backed</h4>
<p>Our team has worked hard to ensure that faces on the team list are automatically generated using an AI.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img src="img/icon/f-icon-1.png" alt="">
<h4>Maintenance</h4>
<p>inappropriate behavior is often laughed off as boys will be boys,” women face higher conduct standards especially in the workplace. Thats why.</p>
<h4>Your money goes to a good cause</h4>
<p>This is all a big mockery of cryptobros. The miner is BOINC, which uses your CPU to do scientific tasks to improve humanity, and the ICO link is just random charities (that we are not affiliated with).</p>
</div>
</div>
</div>
@ -135,9 +122,9 @@
</div>
<div class="col-lg-5 offset-lg-1">
<div class="interior_text">
<h4>We Believe that Interior beautifies the Total Architecture</h4>
<p>inappropriate behavior is often laughed off as “boys will be boys,” women face higher conduct standards especially in the workplace. Thats why its crucial that, as women, our behavior on the job is beyond reproach. inappropriate behavior is often laughed off.</p>
<a class="main_btn" href="#">See Details</a>
<h4>What is a token sale?</h4>
<p>A token sale, sometimes referred to as an ICO, is form of crowd funding for digital currency-related projects. In token sales, purch - asers buy units of a new currency in exchange for legal tender or other digital currencies, such as Bitcoin or Ethereum.</p>
<a class="main_btn" href="#ico">Participate in our ICO</a>
</div>
</div>
</div>
@ -151,9 +138,9 @@
<div class="interior_inner row">
<div class="col-lg-5 offset-lg-1">
<div class="interior_text">
<h4>We Believe that Interior beautifies the Total Architecture</h4>
<p>inappropriate behavior is often laughed off as “boys will be boys,” women face higher conduct standards especially in the workplace. Thats why its crucial that, as women, our behavior on the job is beyond reproach. inappropriate behavior is often laughed off.</p>
<a class="main_btn" href="#">See Details</a>
<h4>Our Revolution</h4>
<p> A spectre is haunting cryptocoins — the spectre of elixirecoin. All the powers of old Cryptotwitter have entered into a coin alliance to exorcise this spectre: McAfee and Satoshi Nakamoto himself and Chinese police-spies. Where is the party in opposition that has not been decried as futuristic by its opponents in power? Where is the opposition that has not hurled back the branding reproach of elixirecoin, against the more advanced opposition parties, as well as against its reactionary adversaries? </p>
<a class="main_btn" href="https://www.marxists.org/archive/marx/works/1848/communist-manifesto/ch01.htm">Learn More</a>
</div>
</div>
<div class="col-lg-6">
@ -162,7 +149,7 @@
</div>
<div class="video_area" id="video">
<img class="img-fluid" src="img/video-1.png" alt="">
<a class="popup-youtube" href="https://www.youtube.com/watch?v=VufDd-QL1c0">
<a class="popup-youtube" href="https://www.youtube.com/watch?v=6n3pFFPSlW4">
<img src="img/icon/video-icon-1.png" alt="">
</a>
</div>
@ -258,49 +245,23 @@
</section>
<!--================End Price Area =================-->
<!--================Feature Area =================-->
<section class="screenshot_area p_120" id="screen">
<div class="container">
<div class="main_title">
<h2>Unique Screenshots</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="screenshot_inner owl-carousel">
<div class="item">
<img src="img/feature/feature-1.jpg" alt="">
</div>
<div class="item">
<img src="img/feature/feature-2.jpg" alt="">
</div>
<div class="item">
<img src="img/feature/feature-3.jpg" alt="">
</div>
<div class="item">
<img src="img/feature/feature-4.jpg" alt="">
</div>
</div>
</div>
</section>
<!--================End Feature Area =================-->
<!--================Testimonials Area =================-->
<section class="testimonials_area p_120">
<div class="container">
<div class="main_title">
<h2>Testimonials</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<h2>Our Team</h2>
<p>Here's our very real team that 100% exists.</p>
</div>
<div class="testi_slider owl-carousel">
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/testimonials/testi-1.png" alt="">
<img src="img/team/techbro1.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<p>Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker, projector, hardware.</p>
<h4>Mark Alviro Wiens</h4>
<h5>CEO at Google</h5>
<h4>Giovanna Sloan</h4>
<h5>CEO</h5>
</div>
</div>
</div>
@ -309,12 +270,115 @@
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/testimonials/testi-2.png" alt="">
<img src="img/team/techbro2.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<p>Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker, projector, hardware.</p>
<h4>Mark Alviro Wiens</h4>
<h5>CEO at Google</h5>
<h4>Yadiel Gregory</h4>
<h5>CFO</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/team/techbro3.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<h4>Ansley Stokes</h4>
<h5>Backed Developer</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/team/techbro4.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<h4>Karly Blanchard</h4> <!-- I swear I randomly generated this through https://www.randomlists.com/random-names -->
<h5>T.E.R.F. Operations Manager</h5> <!-- Then I *had* to do this -->
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/team/techbro5.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<h4>Carlee Steele</h4>
<h5>Tech Support</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/team/techbro6.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<h4>Carter Walker</h4>
<h5>R&D Operations Manager</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/team/techbro7.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<h4>Elliot Shea</h4>
<h5>Accountant</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/team/techbro8.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<h4>Lacey Maynard</h4>
<h5>Technical Operations</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/team/bread.jpg" style="height:100px;width:100px;border-radius:10%;" alt="man in a room with hundreds of slices of bread, crouched in corner, clearly intimidated by the superiority of the chad bread">
</div>
<div class="media-body">
<h4>Jaden Schmidt</h4>
<h5>Executive Bread Specialist</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/team/techbro10.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<h4>Finn Stanley</h4>
<h5>PR Manager</h5>
</div>
</div>
</div>
@ -328,28 +392,39 @@
<section class="download_app_area p_120">
<div class="container">
<div class="app_inner">
<h2>Download This App Today!</h2>
<p>It wont be a bigger problem to find one video game lover in your neighbor. Since the introduction of Virtual Game, it has been achieving great heights so far as its popularity and technological advancement are concerned.</p>
<h2>What are you waiting for? Take part now!</h2>
<p>Did you choose to grow with us? That's great! Here's how you can take part!</p>
<div class="app_btn_area">
<div class="app_btn">
<div class="media">
<div class="d-flex">
<i class="fa fa-apple" aria-hidden="true"></i>
<i class="fa fa-download" aria-hidden="true"></i>
</div>
<div class="media-body">
<a href="#"><h4>Available</h4></a>
<p>on App Store</p>
<a href="#"><h4>Download</h4></a>
<p>miner</p>
</div>
</div>
</div>
<div class="app_btn">
<div class="media">
<div class="d-flex">
<i class="fa fa-android" aria-hidden="true"></i>
<i class="fa fa-money" aria-hidden="true"></i>
</div>
<div class="media-body">
<a href="#"><h4>Available</h4></a>
<p>on App Store</p>
<a href="#"><h4>Buy</h4></a>
<p>through our ICO</p>
</div>
</div>
</div>
<div class="app_btn">
<div class="media">
<div class="d-flex">
<i class="fa fa-map" aria-hidden="true"></i>
</div>
<div class="media-body">
<a href="#"><h4>Download</h4></a>
<p>whitepaper</p>
</div>
</div>
</div>
@ -359,111 +434,13 @@
</section>
<!--================End Download App Area =================-->
<!--================Latest News Area =================-->
<section class="latest_news_area p_120">
<div class="container">
<div class="main_title">
<h2>Latest News</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="latest_news_inner row">
<div class="col-lg-4">
<div class="l_news_item">
<a class="date" href="#">10 April, 2018</a>
<a href="#"><h4>Benjamin Franklin Method Of Habit Formation</h4></a>
<p>There are many kinds of narratives and organizing principles. Science is driven by evidence gathered in experiments, and by the falsification of extant theories and their </p>
<div class="post_view">
<a href="#"><i class="fa fa-eye" aria-hidden="true"></i> 4.5k Views</a>
<a href="#"><i class="fa fa-commenting" aria-hidden="true"></i> 07</a>
<a href="#"><i class="fa fa-reply" aria-hidden="true"></i> 362</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="l_news_item">
<a class="date" href="#">10 April, 2018</a>
<a href="#"><h4>Benjamin Franklin Method Of Habit Formation</h4></a>
<p>There are many kinds of narratives and organizing principles. Science is driven by evidence gathered in experiments, and by the falsification of extant theories and their </p>
<div class="post_view">
<a href="#"><i class="fa fa-eye" aria-hidden="true"></i> 4.5k Views</a>
<a href="#"><i class="fa fa-commenting" aria-hidden="true"></i> 07</a>
<a href="#"><i class="fa fa-reply" aria-hidden="true"></i> 362</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="l_news_item">
<a class="date" href="#">10 April, 2018</a>
<a href="#"><h4>Benjamin Franklin Method Of Habit Formation</h4></a>
<p>There are many kinds of narratives and organizing principles. Science is driven by evidence gathered in experiments, and by the falsification of extant theories and their </p>
<div class="post_view">
<a href="#"><i class="fa fa-eye" aria-hidden="true"></i> 4.5k Views</a>
<a href="#"><i class="fa fa-commenting" aria-hidden="true"></i> 07</a>
<a href="#"><i class="fa fa-reply" aria-hidden="true"></i> 362</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--================End Latest News Area =================-->
<!--================ start footer Area =================-->
<footer class="footer-area p_120">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-footer-widget tp_widgets">
<h6 class="footer_title">Top Products</h6>
<ul class="list">
<li><a href="#">Managed Website</a></li>
<li><a href="#">Manage Reputation</a></li>
<li><a href="#">Power Tools</a></li>
<li><a href="#">Marketing Service</a></li>
</ul>
</div>
</div>
<div class="col-lg-5 col-md-6 col-sm-6">
<div class="single-footer-widget news_widgets">
<h6 class="footer_title">Newsletter</h6>
<p>You can trust us. we only send promo offers, not a single spam.</p>
<div id="mc_embed_signup">
<form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get" class="subscribe_form relative">
<div class="input-group d-flex flex-row">
<input name="EMAIL" placeholder="Your email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email">
<button class="btn sub-btn">Get Started</button>
</div>
<div class="mt-10 info"></div>
</form>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 offset-lg-1">
<div class="single-footer-widget instafeed">
<h6 class="footer_title">Instagram Feed</h6>
<ul class="list instafeed d-flex flex-wrap">
<li><img src="img/instagram/Image-01.jpg" alt=""></li>
<li><img src="img/instagram/Image-02.jpg" alt=""></li>
<li><img src="img/instagram/Image-03.jpg" alt=""></li>
<li><img src="img/instagram/Image-04.jpg" alt=""></li>
<li><img src="img/instagram/Image-05.jpg" alt=""></li>
<li><img src="img/instagram/Image-06.jpg" alt=""></li>
<li><img src="img/instagram/Image-07.jpg" alt=""></li>
<li><img src="img/instagram/Image-08.jpg" alt=""></li>
</ul>
</div>
</div>
</div>
<div class="row footer-bottom d-flex justify-content-between align-items-center">
<p class="col-lg-8 col-md-8 footer-text m-0"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
<div class="col-lg-4 col-md-4 footer-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-behance"></i></a>
</div>
</div>
</div>
</footer>

View File

@ -98,10 +98,10 @@
responsiveClass: true,
responsive: {
0: {
items: 1,
items: 2,
},
768: {
items: 2,
items: 3,
},
}
})