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 class="header_area">
<div class="main_menu" id="mainNav">
<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>
<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>
</button>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
<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"><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>
</ul>
</div>
</div>
</nav>
<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="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>
<span class="icon-bar"></span>
</button>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
<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"><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>
</ul>
</div>
</div>
</nav>
</div>
</header>
<!--================Header Menu Area =================-->
@ -66,408 +52,399 @@
<!--================Home Banner Area =================-->
<section class="home_banner_area" id="home">
<div class="banner_inner">
<div class="container">
<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>
<div class="container">
<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 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>
</div>
<div class="col-lg-3">
<div class="banner_map_img">
<img class="img-fluid" src="img/banner/right-mobile.png" alt="">
</div>
</div>
</div>
</div>
<a class="banner_btn" href="#">Download miner</a>
</div>
<div class="col-lg-3">
<div class="banner_map_img">
<img class="img-fluid" src="img/banner/right-mobile.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!--================End Home Banner Area =================-->
<!--================Feature Area =================-->
<section class="feature_area p_120" id="feature">
<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>
</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>
</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>
</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>
</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>
</div>
</div>
</div>
</div>
<div class="container">
<div class="main_title">
<h2>Unique Features</h2>
<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>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>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>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>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>
</div>
</section>
<!--================End Feature Area =================-->
<!--================Interior Area =================-->
<section class="interior_area">
<div class="container">
<div class="interior_inner row">
<div class="col-lg-6">
<img class="img-fluid" src="img/interior-1.png" alt="">
</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>
</div>
</div>
</div>
</div>
<div class="container">
<div class="interior_inner row">
<div class="col-lg-6">
<img class="img-fluid" src="img/interior-1.png" alt="">
</div>
<div class="col-lg-5 offset-lg-1">
<div class="interior_text">
<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>
</div>
</section>
<!--================End Interior Area =================-->
<!--================Interior Area =================-->
<section class="interior_area interior_two">
<div class="container">
<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>
</div>
</div>
<div class="col-lg-6">
<img class="img-fluid" src="img/interior-2.png" alt="">
</div>
</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">
<img src="img/icon/video-icon-1.png" alt="">
</a>
</div>
</div>
<div class="container">
<div class="interior_inner row">
<div class="col-lg-5 offset-lg-1">
<div class="interior_text">
<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">
<img class="img-fluid" src="img/interior-2.png" alt="">
</div>
</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=6n3pFFPSlW4">
<img src="img/icon/video-icon-1.png" alt="">
</a>
</div>
</div>
</section>
<!--================End Interior Area =================-->
<!--================Price Area =================-->
<section class="price_area p_120" id="price">
<div class="container">
<div class="main_title">
<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>
</div>
<div class="price_item_inner row">
<div class="col-lg-4">
<div class="price_item">
<div class="price_head">
<div class="float-left">
<h3>Standard</h3>
<p>For the individuals</p>
</div>
<div class="float-right">
<h2>£199</h2>
</div>
</div>
<div class="price_body">
<ul class="list">
<li><a href="#">2.5 GB Free Photos</a></li>
<li><a href="#">Secure Online Transfer Indeed</a></li>
<li><a href="#">Unlimited Styles for interface</a></li>
<li><a href="#">Reliable Customer Service</a></li>
<li><a href="#">Manual Backup Provided</a></li>
</ul>
</div>
<div class="price_footer">
<a class="main_btn2" href="#">Purchase Plan</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="price_item">
<div class="price_head">
<div class="float-left">
<h3>Standard</h3>
<p>For the individuals</p>
</div>
<div class="float-right">
<h2>£199</h2>
</div>
</div>
<div class="price_body">
<ul class="list">
<li><a href="#">2.5 GB Free Photos</a></li>
<li><a href="#">Secure Online Transfer Indeed</a></li>
<li><a href="#">Unlimited Styles for interface</a></li>
<li><a href="#">Reliable Customer Service</a></li>
<li><a href="#">Manual Backup Provided</a></li>
</ul>
</div>
<div class="price_footer">
<a class="main_btn2" href="#">Purchase Plan</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="price_item">
<div class="price_head">
<div class="float-left">
<h3>Standard</h3>
<p>For the individuals</p>
</div>
<div class="float-right">
<h2>£199</h2>
</div>
</div>
<div class="price_body">
<ul class="list">
<li><a href="#">2.5 GB Free Photos</a></li>
<li><a href="#">Secure Online Transfer Indeed</a></li>
<li><a href="#">Unlimited Styles for interface</a></li>
<li><a href="#">Reliable Customer Service</a></li>
<li><a href="#">Manual Backup Provided</a></li>
</ul>
</div>
<div class="price_footer">
<a class="main_btn2" href="#">Purchase Plan</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="main_title">
<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>
</div>
<div class="price_item_inner row">
<div class="col-lg-4">
<div class="price_item">
<div class="price_head">
<div class="float-left">
<h3>Standard</h3>
<p>For the individuals</p>
</div>
<div class="float-right">
<h2>£199</h2>
</div>
</div>
<div class="price_body">
<ul class="list">
<li><a href="#">2.5 GB Free Photos</a></li>
<li><a href="#">Secure Online Transfer Indeed</a></li>
<li><a href="#">Unlimited Styles for interface</a></li>
<li><a href="#">Reliable Customer Service</a></li>
<li><a href="#">Manual Backup Provided</a></li>
</ul>
</div>
<div class="price_footer">
<a class="main_btn2" href="#">Purchase Plan</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="price_item">
<div class="price_head">
<div class="float-left">
<h3>Standard</h3>
<p>For the individuals</p>
</div>
<div class="float-right">
<h2>£199</h2>
</div>
</div>
<div class="price_body">
<ul class="list">
<li><a href="#">2.5 GB Free Photos</a></li>
<li><a href="#">Secure Online Transfer Indeed</a></li>
<li><a href="#">Unlimited Styles for interface</a></li>
<li><a href="#">Reliable Customer Service</a></li>
<li><a href="#">Manual Backup Provided</a></li>
</ul>
</div>
<div class="price_footer">
<a class="main_btn2" href="#">Purchase Plan</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="price_item">
<div class="price_head">
<div class="float-left">
<h3>Standard</h3>
<p>For the individuals</p>
</div>
<div class="float-right">
<h2>£199</h2>
</div>
</div>
<div class="price_body">
<ul class="list">
<li><a href="#">2.5 GB Free Photos</a></li>
<li><a href="#">Secure Online Transfer Indeed</a></li>
<li><a href="#">Unlimited Styles for interface</a></li>
<li><a href="#">Reliable Customer Service</a></li>
<li><a href="#">Manual Backup Provided</a></li>
</ul>
</div>
<div class="price_footer">
<a class="main_btn2" href="#">Purchase Plan</a>
</div>
</div>
</div>
</div>
</div>
</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>
</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="">
</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>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/testimonials/testi-2.png" alt="">
</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>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="main_title">
<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/team/techbro1.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<h4>Giovanna Sloan</h4>
<h5>CEO</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="img/team/techbro2.jpg" style="height:100px;width:100px;border-radius:10%;" alt="randomly generated techbro face">
</div>
<div class="media-body">
<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>
</div>
</div>
</div>
</section>
<!--================End Testimonials Area =================-->
<!--================Download App Area =================-->
<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="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 class="app_inner">
<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-download" aria-hidden="true"></i>
</div>
<div class="media-body">
<a href="#"><h4>Download</h4></a>
<p>miner</p>
</div>
</div>
</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 class="app_btn">
<div class="media">
<div class="d-flex">
<i class="fa fa-money" aria-hidden="true"></i>
</div>
<div class="media-body">
<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>
</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>
</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">
<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>
<!--================ End footer Area =================-->
<!--================ End footer Area =================-->

View File

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