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

@ -24,41 +24,27 @@
<!--================Header Menu Area =================--> <!--================Header Menu Area =================-->
<header class="header_area"> <header class="header_area">
<div class="main_menu" id="mainNav"> <div class="main_menu" id="mainNav">
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-light">
<div class="container"> <div class="container">
<!-- Brand and toggle get grouped for better mobile display --> <!-- 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"> <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>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse offset" id="navbarSupportedContent"> <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
<ul class="nav navbar-nav menu_nav ml-auto"> <ul class="nav navbar-nav menu_nav ml-auto">
<li class="nav-item active"><a class="nav-link" href="#home">Home</a></li> <li class="nav-item active"><a class="nav-link" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#feature">FEATURES</a></li> <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="#video">VIDEO</a>
<li class="nav-item"><a class="nav-link" href="#price">PRICING</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"><a class="nav-link" href="#screen">SCREENS</a></li>
<li class="nav-item submenu dropdown"> </ul>
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages</a> </div>
<ul class="dropdown-menu"> </div>
<li class="nav-item"><a class="nav-link" href="elements.html">Elements</a></li> </nav>
</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>
</ul>
</div>
</div>
</nav>
</div> </div>
</header> </header>
<!--================Header Menu Area =================--> <!--================Header Menu Area =================-->
@ -66,408 +52,399 @@
<!--================Home Banner Area =================--> <!--================Home Banner Area =================-->
<section class="home_banner_area" id="home"> <section class="home_banner_area" id="home">
<div class="banner_inner"> <div class="banner_inner">
<div class="container"> <div class="container">
<div class="row banner_content"> <div class="row banner_content">
<div class="col-lg-9"> <div class="col-lg-9">
<h2>Truly Distruptive <br />Cryptocoin</h2> <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> <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="#">Throw money at our ICO</a> <a class="banner_btn" href="#">Buy coins (ICO)</a>
<a class="banner_btn" href="#">Download whitepaper</a> <a class="banner_btn" href="#">Download whitepaper</a>
</div> <a class="banner_btn" href="#">Download miner</a>
<div class="col-lg-3"> </div>
<div class="banner_map_img"> <div class="col-lg-3">
<img class="img-fluid" src="img/banner/right-mobile.png" alt=""> <div class="banner_map_img">
</div> <img class="img-fluid" src="img/banner/right-mobile.png" alt="">
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>
<!--================End Home Banner Area =================--> <!--================End Home Banner Area =================-->
<!--================Feature Area =================--> <!--================Feature Area =================-->
<section class="feature_area p_120" id="feature"> <section class="feature_area p_120" id="feature">
<div class="container"> <div class="container">
<div class="main_title"> <div class="main_title">
<h2>Unique Features</h2> <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>
<div class="feature_inner row"> <div class="feature_inner row">
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<div class="feature_item"> <div class="feature_item">
<img src="img/icon/f-icon-1.png" alt=""> <img src="img/icon/f-icon-1.png" alt="">
<h4>Maintenance</h4> <h4>Open Source</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> <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> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<div class="feature_item"> <div class="feature_item">
<img src="img/icon/f-icon-1.png" alt=""> <img src="img/icon/f-icon-1.png" alt="">
<h4>Maintenance</h4> <h4>Quantum proofed, ready for the future</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> <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> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<div class="feature_item"> <div class="feature_item">
<img src="img/icon/f-icon-1.png" alt=""> <img src="img/icon/f-icon-1.png" alt="">
<h4>Maintenance</h4> <h4>AI Backed</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> <p>Our team has worked hard to ensure that faces on the team list are automatically generated using an AI.</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<div class="feature_item"> <div class="feature_item">
<img src="img/icon/f-icon-1.png" alt=""> <img src="img/icon/f-icon-1.png" alt="">
<h4>Maintenance</h4> <h4>Your money goes to a good cause</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> <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> </div>
</div> </div>
</div> </div>
</section> </section>
<!--================End Feature Area =================--> <!--================End Feature Area =================-->
<!--================Interior Area =================--> <!--================Interior Area =================-->
<section class="interior_area"> <section class="interior_area">
<div class="container"> <div class="container">
<div class="interior_inner row"> <div class="interior_inner row">
<div class="col-lg-6"> <div class="col-lg-6">
<img class="img-fluid" src="img/interior-1.png" alt=""> <img class="img-fluid" src="img/interior-1.png" alt="">
</div> </div>
<div class="col-lg-5 offset-lg-1"> <div class="col-lg-5 offset-lg-1">
<div class="interior_text"> <div class="interior_text">
<h4>We Believe that Interior beautifies the Total Architecture</h4> <h4>What is a token sale?</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> <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="#">See Details</a> <a class="main_btn" href="#ico">Participate in our ICO</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!--================End Interior Area =================--> <!--================End Interior Area =================-->
<!--================Interior Area =================--> <!--================Interior Area =================-->
<section class="interior_area interior_two"> <section class="interior_area interior_two">
<div class="container"> <div class="container">
<div class="interior_inner row"> <div class="interior_inner row">
<div class="col-lg-5 offset-lg-1"> <div class="col-lg-5 offset-lg-1">
<div class="interior_text"> <div class="interior_text">
<h4>We Believe that Interior beautifies the Total Architecture</h4> <h4>Our Revolution</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> <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="#">See Details</a> <a class="main_btn" href="https://www.marxists.org/archive/marx/works/1848/communist-manifesto/ch01.htm">Learn More</a>
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<img class="img-fluid" src="img/interior-2.png" alt=""> <img class="img-fluid" src="img/interior-2.png" alt="">
</div> </div>
</div> </div>
<div class="video_area" id="video"> <div class="video_area" id="video">
<img class="img-fluid" src="img/video-1.png" alt=""> <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=""> <img src="img/icon/video-icon-1.png" alt="">
</a> </a>
</div> </div>
</div> </div>
</section> </section>
<!--================End Interior Area =================--> <!--================End Interior Area =================-->
<!--================Price Area =================--> <!--================Price Area =================-->
<section class="price_area p_120" id="price"> <section class="price_area p_120" id="price">
<div class="container"> <div class="container">
<div class="main_title"> <div class="main_title">
<h2>Pricing Table</h2> <h2>Pricing Table</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div> </div>
<div class="price_item_inner row"> <div class="price_item_inner row">
<div class="col-lg-4"> <div class="col-lg-4">
<div class="price_item"> <div class="price_item">
<div class="price_head"> <div class="price_head">
<div class="float-left"> <div class="float-left">
<h3>Standard</h3> <h3>Standard</h3>
<p>For the individuals</p> <p>For the individuals</p>
</div> </div>
<div class="float-right"> <div class="float-right">
<h2>£199</h2> <h2>£199</h2>
</div> </div>
</div> </div>
<div class="price_body"> <div class="price_body">
<ul class="list"> <ul class="list">
<li><a href="#">2.5 GB Free Photos</a></li> <li><a href="#">2.5 GB Free Photos</a></li>
<li><a href="#">Secure Online Transfer Indeed</a></li> <li><a href="#">Secure Online Transfer Indeed</a></li>
<li><a href="#">Unlimited Styles for interface</a></li> <li><a href="#">Unlimited Styles for interface</a></li>
<li><a href="#">Reliable Customer Service</a></li> <li><a href="#">Reliable Customer Service</a></li>
<li><a href="#">Manual Backup Provided</a></li> <li><a href="#">Manual Backup Provided</a></li>
</ul> </ul>
</div> </div>
<div class="price_footer"> <div class="price_footer">
<a class="main_btn2" href="#">Purchase Plan</a> <a class="main_btn2" href="#">Purchase Plan</a>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="price_item"> <div class="price_item">
<div class="price_head"> <div class="price_head">
<div class="float-left"> <div class="float-left">
<h3>Standard</h3> <h3>Standard</h3>
<p>For the individuals</p> <p>For the individuals</p>
</div> </div>
<div class="float-right"> <div class="float-right">
<h2>£199</h2> <h2>£199</h2>
</div> </div>
</div> </div>
<div class="price_body"> <div class="price_body">
<ul class="list"> <ul class="list">
<li><a href="#">2.5 GB Free Photos</a></li> <li><a href="#">2.5 GB Free Photos</a></li>
<li><a href="#">Secure Online Transfer Indeed</a></li> <li><a href="#">Secure Online Transfer Indeed</a></li>
<li><a href="#">Unlimited Styles for interface</a></li> <li><a href="#">Unlimited Styles for interface</a></li>
<li><a href="#">Reliable Customer Service</a></li> <li><a href="#">Reliable Customer Service</a></li>
<li><a href="#">Manual Backup Provided</a></li> <li><a href="#">Manual Backup Provided</a></li>
</ul> </ul>
</div> </div>
<div class="price_footer"> <div class="price_footer">
<a class="main_btn2" href="#">Purchase Plan</a> <a class="main_btn2" href="#">Purchase Plan</a>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="price_item"> <div class="price_item">
<div class="price_head"> <div class="price_head">
<div class="float-left"> <div class="float-left">
<h3>Standard</h3> <h3>Standard</h3>
<p>For the individuals</p> <p>For the individuals</p>
</div> </div>
<div class="float-right"> <div class="float-right">
<h2>£199</h2> <h2>£199</h2>
</div> </div>
</div> </div>
<div class="price_body"> <div class="price_body">
<ul class="list"> <ul class="list">
<li><a href="#">2.5 GB Free Photos</a></li> <li><a href="#">2.5 GB Free Photos</a></li>
<li><a href="#">Secure Online Transfer Indeed</a></li> <li><a href="#">Secure Online Transfer Indeed</a></li>
<li><a href="#">Unlimited Styles for interface</a></li> <li><a href="#">Unlimited Styles for interface</a></li>
<li><a href="#">Reliable Customer Service</a></li> <li><a href="#">Reliable Customer Service</a></li>
<li><a href="#">Manual Backup Provided</a></li> <li><a href="#">Manual Backup Provided</a></li>
</ul> </ul>
</div> </div>
<div class="price_footer"> <div class="price_footer">
<a class="main_btn2" href="#">Purchase Plan</a> <a class="main_btn2" href="#">Purchase Plan</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!--================End Price Area =================--> <!--================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 =================--> <!--================Testimonials Area =================-->
<section class="testimonials_area p_120"> <section class="testimonials_area p_120">
<div class="container"> <div class="container">
<div class="main_title"> <div class="main_title">
<h2>Testimonials</h2> <h2>Our Team</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 our very real team that 100% exists.</p>
</div> </div>
<div class="testi_slider owl-carousel"> <div class="testi_slider owl-carousel">
<div class="item"> <div class="item">
<div class="testi_item"> <div class="testi_item">
<div class="media"> <div class="media">
<div class="d-flex"> <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>
<div class="media-body"> <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>Giovanna Sloan</h4>
<h4>Mark Alviro Wiens</h4> <h5>CEO</h5>
<h5>CEO at Google</h5> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="item">
<div class="item"> <div class="testi_item">
<div class="testi_item"> <div class="media">
<div class="media"> <div class="d-flex">
<div class="d-flex"> <img src="img/team/techbro2.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
<img src="img/testimonials/testi-2.png" alt=""> </div>
</div> <div class="media-body">
<div class="media-body"> <h4>Yadiel Gregory</h4>
<p>Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker, projector, hardware.</p> <h5>CFO</h5>
<h4>Mark Alviro Wiens</h4> </div>
<h5>CEO at Google</h5> </div>
</div> </div>
</div> </div>
</div> <div class="item">
</div> <div class="testi_item">
</div> <div class="media">
</div> <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>
</div>
</div>
</div>
</section> </section>
<!--================End Testimonials Area =================--> <!--================End Testimonials Area =================-->
<!--================Download App Area =================--> <!--================Download App Area =================-->
<section class="download_app_area p_120"> <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>
<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>
</div>
<div class="media-body">
<a href="#"><h4>Available</h4></a>
<p>on App Store</p>
</div>
</div>
</div>
<div class="app_btn">
<div class="media">
<div class="d-flex">
<i class="fa fa-android" aria-hidden="true"></i>
</div>
<div class="media-body">
<a href="#"><h4>Available</h4></a>
<p>on App Store</p>
</div>
</div>
</div>
</div>
</div>
</div>
</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="container">
<div class="row"> <div class="app_inner">
<div class="col-lg-3 col-md-6 col-sm-6"> <h2>What are you waiting for? Take part now!</h2>
<div class="single-footer-widget tp_widgets"> <p>Did you choose to grow with us? That's great! Here's how you can take part!</p>
<h6 class="footer_title">Top Products</h6> <div class="app_btn_area">
<ul class="list"> <div class="app_btn">
<li><a href="#">Managed Website</a></li> <div class="media">
<li><a href="#">Manage Reputation</a></li> <div class="d-flex">
<li><a href="#">Power Tools</a></li> <i class="fa fa-download" aria-hidden="true"></i>
<li><a href="#">Marketing Service</a></li> </div>
</ul> <div class="media-body">
<a href="#"><h4>Download</h4></a>
<p>miner</p>
</div>
</div>
</div> </div>
</div> <div class="app_btn">
<div class="col-lg-5 col-md-6 col-sm-6"> <div class="media">
<div class="single-footer-widget news_widgets"> <div class="d-flex">
<h6 class="footer_title">Newsletter</h6> <i class="fa fa-money" aria-hidden="true"></i>
<p>You can trust us. we only send promo offers, not a single spam.</p> </div>
<div id="mc_embed_signup"> <div class="media-body">
<form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get" class="subscribe_form relative"> <a href="#"><h4>Buy</h4></a>
<div class="input-group d-flex flex-row"> <p>through our ICO</p>
<input name="EMAIL" placeholder="Your email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email"> </div>
<button class="btn sub-btn">Get Started</button> </div>
</div> </div>
<div class="mt-10 info"></div> <div class="app_btn">
</form> <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>
</div> </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>
</div>
</section>
<!--================End Download App Area =================-->
<!--================ start footer Area =================-->
<footer class="footer-area p_120">
<div class="container">
<div class="row footer-bottom d-flex justify-content-between align-items-center"> <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. --> <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> 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> <!-- 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>
</div> </div>
</footer> </footer>
<!--================ End footer Area =================--> <!--================ End footer Area =================-->

View File

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