Blog 1
<section class="py-3">
<div class="container">
<div class="row">
<div class="col-lg-6 mx-auto">
<div class="p-3 text-center mb-5">
<div class="icon icon-shape icon-lg bg-gradient-primary shadow mx-auto">
<i class="ni ni-album-2 text-white opacity-10 mt-2"></i>
</div>
<h2 class="mt-3">Check out what's new</h2>
<p>We get insulted by others, lose trust for those others. We get back freezes every winter</p>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-4 col-md-6">
<div class="card card-background align-items-start h-100">
<div class="full-background" style="background-image: url(../../assets/img/project18.jpg)"></div>
<div class="card-body z-index-3">
<div class="icon">
<i class="ni ni-atom h3 text-white"></i>
</div>
</div>
<div class="card-footer pb-3 pt-2 z-index-3">
<h4 class="text-white mb-1">Nature's Light</h4>
<p class="text-white text-xs font-weight-bolder text-uppercase opacity-7">450 spots</p>
</div>
<span class="mask bg-gradient-primary border-radius-lg z-index-2 opacity-5"></span>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex flex-column">
<div class="card h-100 card-background align-items-start">
<div class="full-background" style="background-image: url('../../assets/img/project17.jpg')"></div>
<div class="card-body z-index-3">
<div class="icon">
<i class="ni ni-app h3 text-white"></i>
</div>
</div>
<div class="card-footer pb-3 pt-2 z-index-3">
<h4 class="text-white mb-1">Cultural</h4>
<p class="text-white text-xs font-weight-bolder text-uppercase opacity-7">257 spots</p>
</div>
<span class="mask bg-gradient-info border-radius-lg z-index-2 opacity-5"></span>
</div>
<div class="card h-100 card-background mt-4 align-items-start">
<div class="full-background" style="background-image: url('../../assets/img/project16.jpg')"></div>
<div class="card-body z-index-3">
<div class="icon">
<i class="ni ni-books h3 text-white"></i>
</div>
</div>
<div class="card-footer pb-3 pt-2 z-index-3">
<h4 class="text-white mb-1">Popularity</h4>
<p class="text-white text-xs font-weight-bolder text-uppercase opacity-7">363 spots</p>
</div>
<span class="mask bg-gradient-primary border-radius-lg z-index-2 opacity-5"></span>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex flex-column">
<div class="card card-background align-items-start">
<div class="full-background" style="background-image: url('../../assets/img/project13.jpg')"></div>
<div class="card-body z-index-3">
<div class="icon">
<i class="ni ni-books h3 text-white"></i>
</div>
</div>
<div class="card-footer pb-3 pt-5 z-index-3">
<h4 class="text-white mb-1">Modern Life</h4>
<p class="text-white text-xs font-weight-bolder text-uppercase opacity-7">117 spots</p>
</div>
<span class="mask bg-gradient-info border-radius-lg z-index-2 opacity-5"></span>
</div>
<div class="card card-background mt-4 align-items-start">
<div class="full-background" style="background-image: url('../../assets/img/project14.jpg')"></div>
<div class="card-body z-index-3">
<div class="icon">
<i class="ni ni-cart h3 text-white"></i>
</div>
</div>
<div class="card-footer pb-3 pt-2 z-index-3">
<h4 class="text-white mb-1">Good Vibes</h4>
<p class="text-white text-xs font-weight-bolder text-uppercase opacity-7">215 spots</p>
</div>
<span class="mask bg-gradient-primary border-radius-lg z-index-2 opacity-5"></span>
</div>
</div>
</div>
</div>
</section>Blog 2
<!-- START Blogs w/ 3 images & quote & text -->
<section class="py-5">
<div class="container">
<div class="row mt-5">
<div class="col-md-6 position-relative">
<div class="position-relative ms-md-5 me-md-n5">
<img class="image-left shadow rounded-3 img-fluid position-relative top-0 end-0 bg-cover" src="../../assets/img/bg28.jpg" alt="image">
</div>
<p class="blockquote border border-primary rounded w-50 p-3 text-sm text-primary float-md-end mt-4 me-md-n2 mx-auto">"Over the span of the satellite record, Arctic sea ice has been declining significantly, while sea ice in the Antarctichas increased very slightly"
<br>
<br>
<small>-NOAA</small>
</p>
<!-- Second image on the left side of the article -->
<div class="position-absolute bottom-0 mb-5 ms-n2 me-3 start-0 end-2 d-md-block d-none">
<img class="image-container shadow rounded-3 img-fluid position-relative bg-cover" src="../../assets/img/bg40.jpg" alt="image">
</div>
</div>
<div class="col-md-5">
<!-- First image on the right side, above the article -->
<div class="position-relative ms-n4 mb-5 mt-8 d-md-block d-none">
<img class="image-right shadow rounded-3 img-fluid position-relative bg-cover" src="../../assets/img/bg29.jpg" alt="image">
</div>
<h3 class="mb-4">So what does the new record for the lowest level of winter ice actually mean</h3>
<p>The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever happens with climate change. Even if the Arctic continues to be one of the fastest-warming regions of the world, it will always be plunged into bitterly cold polar dark every winter. And year-by-year, for all kinds of natural reasons, there’s huge variety of the state of the ice.
</p>
<p>
For a start, it does not automatically follow that a record amount of ice will melt this summer. More important for determining the size of the annual thaw is the state of the weather as the midnight sun approaches and temperatures rise. But over the more than 30 years of satellite records, scientists have observed a clear pattern of decline, decade-by-decade.
</p>
<p>The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever happens with climate change. Even if the Arctic continues to be one of the fastest-warming regions of the world, it will always be plunged into bitterly cold polar dark every winter. And year-by-year, for all kinds of natural reasons, there’s huge variety of the state of the ice.
</p>
</div>
</div>
</div>
</section>
<!-- END Blogs w/ 3 images & quote & text -->Blog 3
<section class="py-5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6 justify-content-center d-flex flex-column">
<div class="card rounded-3">
<div class="d-block blur-shadow-image">
<img src="../../assets/img/project23.jpg" alt="img-blur-shadow-blog-2" class="img-fluid shadow rounded-3">
</div>
</div>
</div>
<div class="col-lg-6 justify-content-center d-flex flex-column ps-lg-5 pt-lg-0 pt-3">
<h6 class="category text-info mt-3">Coworking</h6>
<h3>
<a href="javascript:;" class="text-dark text-decoration-underline-hover">Warner Music Group buys concert discovery service Songkick</a>
</h3>
<p>
Warner Music Group announced today it’s acquiring the selected assets of the music platform Songkick, including its app for finding concerts and the company’s trademark. Songkick has been involved in a lawsuit against the major… <a href="javascript:;" class="text-dark text-sm text-decoration-underline-hover">Read More
</a>
</p>
<p class="author">
by <a href="javascript:;" class="ms-1"><span class="font-weight-bold text-info">Sarah Perez</span></a>, 2 days ago
</p>
</div>
</div>
</div>
<div class="col-lg-12 mt-5">
<div class="row flex-row-reverse">
<div class="col-lg-6 justify-content-center d-flex flex-column">
<div class="card rounded-3">
<div class="blur-shadow-image">
<img src="../../assets/img/project24.jpg" alt="img-blur-shadow-blog-2" class="img-fluid shadow rounded-3">
</div>
</div>
</div>
<div class="col-lg-6 pe-lg-5 justify-content-center d-flex flex-column pt-lg-0 pt-3">
<h6 class="category text-info mt-3">House</h6>
<h3>
<a href="javascript:;" class="text-dark text-decoration-underline-hover">Warner Music Group buys concert discovery service Songkick</a>
</h3>
<p>
Warner Music Group announced today it’s acquiring the selected assets of the music platform Songkick, including its app for finding concerts and the company’s trademark. Songkick has been involved in a lawsuit against the major… <a href="javascript:;" class="text-dark text-decoration-underline-hover text-sm">Read More
</a>
</p>
<p class="author">
by <a href="javascript:;" class="ms-1"><span class="font-weight-bold text-info">Millie Borough</span></a>, 10 days ago
</p>
</div>
</div>
</div>
</div>
</div>
</section>Blog 4
<section class="pt-5 pb-0">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block">
<img src="../../assets/img/house.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg">
</a>
</div>
<div class="card-body px-1 pt-3">
<p class="text-gradient text-dark mb-2 text-sm">Maui, Hawaii</p>
<a href="javascript:;">
<h5>
Scuba diving
</h5>
</a>
<p>
Siri's latest trick is offering a hands-free TV viewing experience, that will allow consumers to turn on or off their television, change inputs, fast forward.
</p>
<button type="button" class="btn btn-outline-primary btn-sm">Book Now</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block">
<img src="../../assets/img/pool.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg">
</a>
</div>
<div class="card-body px-1 pt-3">
<p class="text-gradient text-dark mb-2 text-sm">Fuerteventura, Canary Islands</p>
<a href="javascript:;">
<h5>
Wellness in the coast
</h5>
</a>
<p>
As Uber works through a huge amount of internal management turmoil, the company is also consolidating and rationalizing more of its international business.
</p>
<button type="button" class="btn btn-outline-primary btn-sm">Book Now</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block">
<img src="../../assets/img/antalya.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg">
</a>
</div>
<div class="card-body px-1 pt-3">
<p class="text-gradient text-dark mb-2 text-sm">Tayrona National Park, Colombia</p>
<a href="javascript:;">
<h5>
Sea turtle swimming
</h5>
</a>
<p>
Music is something that every person has his or her own specific opinion about. Different people have different taste, and various types of music.
</p>
<button type="button" class="btn btn-outline-primary btn-sm">Book Now</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block">
<img src="../../assets/img/tiny-house.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg">
</a>
</div>
<div class="card-body px-1 pt-3">
<p class="text-gradient text-dark mb-2 text-sm">The Yucatan, Mexico</p>
<a href="javascript:;">
<h5>
Temple of heaven
</h5>
</a>
<p>
Fast forward, rewind and more, without having to first invoke a specific skill, or even
press a button on their remote.
</p>
<button type="button" class="btn btn-outline-primary btn-sm">Book Now</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block">
<img src="../../assets/img/air-bnb.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg">
</a>
</div>
<div class="card-body px-1 pt-3">
<p class="text-gradient text-dark mb-2 text-sm">Koh Rong Samloem, Cambodia</p>
<a href="javascript:;">
<h5>
Early morning routine
</h5>
</a>
<p>
Today, the company announced it will be combining its rides-on-demand business and UberEATS.
</p>
<button type="button" class="btn btn-outline-primary btn-sm">Book Now</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block">
<img src="../../assets/img/palm-house.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg">
</a>
</div>
<div class="card-body px-1 pt-3">
<p class="text-gradient text-dark mb-2 text-sm">Whitsunday Islands, Australia</p>
<a href="javascript:;">
<h5>
Bronze Ganesha statue
</h5>
</a>
<p>
Different people have different taste, and various types of music have many ways of leaving an impact on someone.
</p>
<button type="button" class="btn btn-outline-primary btn-sm">Book Now</button>
</div>
</div>
</div>
<div class="col-sm-7 ms-auto text-end">
<ul class="pagination pagination-primary mt-4">
<li class="page-item ms-auto">
<a class="page-link" href="javascript:;" aria-label="Previous">
<span aria-hidden="true"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>
</a>
</li>
<li class="page-item active">
<a class="page-link" href="javascript:;">1</a>
</li>
<li class="page-item">
<a class="page-link" href="javascript:;">2</a>
</li>
<li class="page-item">
<a class="page-link" href="javascript:;">3</a>
</li>
<li class="page-item">
<a class="page-link" href="javascript:;">4</a>
</li>
<li class="page-item">
<a class="page-link" href="javascript:;">5</a>
</li>
<li class="page-item">
<a class="page-link" href="javascript:;" aria-label="Next">
<span aria-hidden="true"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>Blog 5
<!-- START Blogs w/ 3 rows w/ image on left & title, text, author on end-->
<section class="py-5">
<div class="container">
<div class="row">
<div class="col-md-10 ms-auto me-auto">
<div class="card card-plain card-blog mt-5">
<div class="row">
<div class="col-md-4">
<div class="card-image position-relative border-radius-lg">
<div>
<img class="img border-radius-lg" src="../../assets/img/card-blog10.jpg">
</div>
</div>
</div>
<div class="col-md-7 my-auto ms-md-3 mt-md-auto mt-4">
<h3>
<a href="javascript:;" class="text-dark font-weight-normal text-decoration-underline-hover">Miami raised $65 million for pet sitting</a>
</h3>
<p>
Finding temporary housing for your dog should be as easy as renting an Airbnb. That’s the idea behind Rover, which raised $65 million to expand its pet sitting and dog-walking businesses.. <a href="javascript:;" class="text-dark text-decoration-underline-hover"> Read More </a>
</p>
<div class="author">
<img src="../../assets/img/james.jpg" alt="..." class="avatar avatar-sm shadow rounded-circle me-2">
<p class="my-auto">Kevin Roof</p>
</div>
</div>
</div>
</div>
<div class="card card-plain card-blog mt-5">
<div class="row">
<div class="col-md-4">
<div class="card-image position-relative border-radius-lg">
<div>
<img class="img border-radius-lg" src="../../assets/img/card-blog11.jpg">
</div>
</div>
</div>
<div class="col-md-7 my-auto ms-md-3 mt-md-auto mt-4">
<h3>
<a href="javascript:;" class="text-dark font-weight-normal text-decoration-underline-hover">MateLabs mixes machine learning</a>
</h3>
<p>
If you’ve ever wanted to train a machine learning model and integrate it with IFTTT, a new offering from MateLabs. MateVerse, a platform where novices can spin out machine... <a href="javascript:;" class="text-dark text-decoration-underline-hover"> Read More </a>
</p>
<div class="author">
<img src="../../assets/img/emily.jpg" alt="..." class="avatar avatar-sm shadow rounded-circle me-2">
<p class="my-auto">Johanna Mannes</p>
</div>
</div>
</div>
</div>
<div class="card card-plain card-blog mt-5">
<div class="row">
<div class="col-md-4">
<div class="card-image position-relative border-radius-lg">
<div>
<img class="img border-radius-lg" src="../../assets/img/card-blog12.jpg">
</div>
</div>
</div>
<div class="col-md-7 my-auto ms-md-3 mt-md-auto mt-4">
<h3>
<a href="javascript:;" class="text-dark font-weight-normal text-decoration-underline-hover">US venture investment ticks up</a>
</h3>
<p>
Venture investment in U.S. startups rose sequentially in the second quarter of 2017, boosted by large, late-stage financings and a few outsized early-stage rounds in tech and healthcare.. <a href="javascript:;" class="text-dark text-decoration-underline-hover"> Read More </a>
</p>
<div class="author">
<img src="../../assets/img/emilyz.jpg" alt="..." class="avatar avatar-sm rounded-circle shadow me-2">
<p class="my-auto">Delia Coldewey</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END Blogs w/ 3 rows w/ image on left & title, text, author on end-->Blog 6
<section class="py-5 bg-gray-100">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block blur-shadow-image">
<img src="../../assets/img/air-bnb.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg">
</a>
</div>
<div class="card-body px-0 pt-4">
<p class="text-gradient text-primary font-weight-bold text-sm text-uppercase">Enterprise</p>
<a href="javascript:;">
<h4>
Siri brings hands-free TV to more devices
</h4>
</a>
<p>
Siri's latest trick is offering a hands-free TV viewing experience, that will allow consumers to turn on or off their television, change inputs, fast forward, rewind and more, without having to first invoke a specific skill, or even
press a button on their remote.
</p>
<button type="button" class="btn bg-gradient-primary mt-3">Read more</button>
</div>
</div>
</div>
<div class="col-lg-8 mx-auto text-center mt-5">
<div class="card card-blog card-plain">
<div class="position-relative">
<a class="d-block blur-shadow-image">
<img src="../../assets/img/palm-house.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg">
</a>
</div>
<div class="card-body px-0 pt-4">
<p class="text-gradient text-warning font-weight-bold text-sm text-uppercase">Music</p>
<a href="javascript:;">
<h4>
Shark Week: How to Watch It Scientist
</h4>
</a>
<p>
As Uber works through a huge amount of internal management turmoil, the company is also consolidating and rationalizing more of its international business. Today, the company announced it will be combining its rides-on-demand business
and UberEATS.
</p>
<button type="button" class="btn bg-gradient-warning mt-3">Read more</button>
</div>
</div>
</div>
</div>
</div>
</section>Blog 7
<section class="py-6 bg-gray-100">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-lg-0 mb-4">
<div class="card">
<div class="card-header p-0 position-relative z-index-1">
<a href="javascript:;" class="d-block">
<img src="../../assets/img/bg28.jpg" class="img-fluid border-radius-md border-bottom-end-radius-0 border-bottom-start-radius-0 shadow" alt="anastasia">
</a>
</div>
<div class="card-body">
<span class="text-primary text-uppercase text-xs font-weight-bold">Reply detection</span>
<a href="javascript:;" class="card-title mt-3 h5 d-block text-dark text-decoration-underline-hover">
Shared Coworking
</a>
<p class="card-description mb-4">
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons.
</p>
<div class="author align-items-center">
<img src="../../assets/img/emily.jpg" alt="..." class="avatar rounded-circle shadow">
<div class="name ps-2">
<span>Emily Glove</span>
<div class="stats">
<small>Posted on 28 February</small>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mb-lg-0 mb-4">
<div class="card">
<div class="card-header p-0 position-relative z-index-1">
<a href="javascript:;" class="d-block">
<img src="../../assets/img/bg26.jpg" class="img-fluid border-radius-md border-bottom-end-radius-0 border-bottom-start-radius-0 shadow" alt="nastuh">
</a>
</div>
<div class="card-body">
<span class="text-info text-uppercase text-xs font-weight-bold">Cold email</span>
<a href="javascript:;" class="text-dark card-title mt-3 h5 d-block text-decoration-underline-hover">
Really Housekeeping
</a>
<p class="card-description mb-4">
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons.
</p>
<div class="author align-items-center">
<img src="../../assets/img/emilyz.jpg" alt="ivana" class="avatar rounded-circle shadow">
<div class="name ps-2">
<span>Erica Brianna</span>
<div class="stats">
<small>Posted on 28 February</small>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mb-lg-0 mb-4">
<div class="card">
<div class="card-header p-0 position-relative z-index-1">
<a href="javascript:;" class="d-block">
<img src="../../assets/img/bg29.jpg" class="img-fluid border-radius-md border-bottom-end-radius-0 border-bottom-start-radius-0 shadow" alt="annie">
</a>
</div>
<div class="card-body">
<span class="text-warning text-uppercase text-xs font-weight-bold">Teamwork</span>
<a href="javascript:;" class="text-dark card-title mt-3 h5 d-block text-decoration-underline-hover">
Shared Coworking
</a>
<p class="card-description mb-4">
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons.
</p>
<div class="author align-items-center">
<img src="../../assets/img/james.jpg" alt="marie" class="avatar rounded-circle shadow">
<div class="name ps-2">
<span>James Arthur</span>
<div class="stats">
<small>Posted on 28 February</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Blog 8
<!-- START Blogs w/ 4 cards w/ image & text & link -->
<section class="py-5">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="card card-plain card-blog mt-4">
<div class="card-image border-radius-lg position-relative">
<a href="javascript:;">
<div>
<img class="img border-radius-lg" src="../../assets/img/card-blog7.jpg">
</div>
</a>
</div>
<div class="card-body px-0">
<h5>
<a href="javascript:;" class="text-dark text-decoration-underline-hover font-weight-bold">Rover raised $65 million for pet sitting</a>
</h5>
<p>
Finding temporary housing for your dog should be as easy as
renting an Airbnb. That’s the idea behind Rover ...
</p>
<a href="javascript:;" class="text-info text-decoration-underline-hover">Read More</a>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="card card-plain card-blog mt-4">
<div class="card-image border-radius-lg position-relative">
<a href="javascript:;">
<div>
<img class="img border-radius-lg" src="../../assets/img/card-blog9.jpg">
</div>
</a>
</div>
<div class="card-body px-0">
<h5>
<a href="javascript:;" class="text-dark font-weight-bold text-decoration-underline-hover">MateLabs mixes machine learning with IFTTT</a>
</h5>
<p>
If you’ve ever wanted to train a machine learning model
and integrate it with IFTTT, you now can with ...
</p>
<a href="javascript:;" class="text-info text-decoration-underline-hover">Read More</a>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="card card-plain card-blog mt-4">
<div class="card-image border-radius-lg position-relative">
<a href="javascript:;">
<div>
<img class="img border-radius-lg" src="../../assets/img/card-blog15.jpg">
</div>
</a>
</div>
<div class="card-body px-0">
<h5>
<a href="javascript:;" class="text-dark font-weight-bold text-decoration-underline-hover">US venture investment ticks up</a>
</h5>
<p>
Venture investment in U.S. startups rose sequentially in
the second quarter of 2017, boosted by large, ate-stage financings
</p>
<a href="javascript:;" class="text-info text-decoration-underline-hover">Read More</a>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="card card-plain card-blog mt-4">
<div class="card-image border-radius-lg position-relative">
<a href="javascript:;">
<div>
<img class="img border-radius-lg" src="../../assets/img/card-blog16.jpg">
</div>
</a>
</div>
<div class="card-body px-0">
<h5>
<a href="javascript:;" class="text-dark font-weight-bold text-decoration-underline-hover"> Startup Insticator raises $5.2M</a>
</h5>
<p>
Insticator is announcing that it has raised $5.2 million in Series A funding.
The startup allows online publishers to add quizzes ...
</p>
<a href="javascript:;" class="text-info text-decoration-underline-hover">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END Blogs w/ 4 cards w/ image & text & link -->Blog 9
<section class="py-8 bg-dark position-relative overflow-hidden">
<div class="container">
<div class="row mb-5">
<div class="col-lg-8 mx-auto text-center">
<h3 class="text-white">Latest Blog Posts</h3>
<p class="lead text-white">The time is now for it to be okay to be great. People in this world should.</p>
</div>
</div>
<div class="row d-flex align-items-center">
<div class="col-lg-3 col-md-6 text-center">
<div class="card card-blog card-plain">
<a href="javascript:;">
<img class="w-100 shadow border-radius-md" src="../../assets/img/bg1.jpg">
</a>
<div class="card-body px-0">
<h4 class="text-white">Siri brings hands-free</h4>
<p class="text-white opacity-6">
Siri's latest trick is offering a hands-free TV viewing experience, that will allow consumers
</p>
<button type="button" class="btn btn-outline-white bg-transparent border-2 btn-rounded">Read more</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="card card-blog card-plain">
<a href="javascript:;">
<img class="w-100 shadow border-radius-md" src="../../assets/img/bg3.jpg">
</a>
<div class="card-body px-0">
<h4 class="text-white">Now UI Design System</h4>
<p class="text-white opacity-6">
Siri's latest trick is offering a hands-free TV viewing experience, that will allow consumers
</p>
<button type="button" class="btn btn-outline-white bg-transparent border-2 btn-rounded">Read more</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="card card-blog card-plain">
<a href="javascript:;">
<img class="w-100 shadow border-radius-md" src="../../assets/img/bg4.jpg">
</a>
<div class="card-body px-0">
<h4 class="text-white">Grow Your Business</h4>
<p class="text-white opacity-6">
Siri's latest trick is offering a hands-free TV viewing experience, that will allow consumers
</p>
<button type="button" class="btn btn-outline-white bg-transparent border-2 btn-rounded">Read more</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="card card-blog card-plain">
<a href="javascript:;">
<img class="w-100 shadow border-radius-md" src="../../assets/img/bg7.jpg">
</a>
<div class="card-body px-0">
<h4 class="text-white">Train Your Brain</h4>
<p class="text-white opacity-6">
Siri's latest trick is offering a hands-free TV viewing experience, that will allow consumers
</p>
<button type="button" class="btn btn-outline-white bg-transparent border-2 btn-rounded">Read more</button>
</div>
</div>
</div>
</div>
</div>
</section>Blog 10
<section class="py-5">
<div class="container">
<div class="row text-center justify-content-center">
<div class="col-lg-6">
<h3 class="mt-4">
Build something great
<br><span> with our products</span>
</h3>
<p class="lead">We're constantly trying to express ourselves and actualize our dreams. If you have the opportunity to play this game of life you need to appreciate every moment.</p>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-4">
<!-- Start Card Blog Fullbackground - text centered -->
<a href="javascript:;">
<div class="card card-background mb-4">
<div class="full-background" style="background-image: url('../../assets/img/bg28.jpg')"></div>
<div class="card-body pt-12">
<h4 class="text-white text-decoration-underline-hover">Campus 6</h4>
<p>Website visitors today demand a frictionless user expericence.</p>
</div>
</div>
</a>
<!-- End Card Blog Fullbackground - text centered -->
</div>
<div class="col-lg-4">
<!-- Start Card Blog Fullbackground - text centered -->
<a href="javascript:;">
<div class="card card-background mb-4">
<div class="full-background" style="background-image: url('../../assets/img/bg26.jpg')"></div>
<div class="card-body pt-12">
<h4 class="text-white text-decoration-underline-hover">Home Office</h4>
<p>Website visitors today demand a frictionless user expericence — especially when using search. Because of the hight standards.</p>
</div>
</div>
</a>
<!-- End Card Blog Fullbackground - text centered -->
</div>
<div class="col-lg-4">
<!-- Start Card Blog Fullbackground - text centered -->
<a href="javascript:;">
<div class="card card-background">
<div class="full-background" style="background-image: url('../../assets/img/bg27.jpg')"></div>
<div class="card-body pt-12">
<h4 class="text-white text-decoration-underline-hover">Co-working Spaces</h4>
<p>Smart money is just dumb money that's been through a crash.</p>
</div>
</div>
</a>
<!-- End Card Blog Fullbackground - text centered -->
</div>
</div>
</div>
</section>Blog 11
<!-- START Blogs w/ big image on left -->
<section class="py-5">
<div class="container-fluid">
<div class="row">
<div class="col-lg-5 col-6 mx-lg-0 mx-auto px-lg-0 px-md-0 my-auto">
<img class="w-100 border-radius-lg shadow" src="../../assets/img/ivancik.jpg">
</div>
<div class="col-lg-4 col-10 d-flex justify-content-center flex-column mx-auto text-lg-start text-center">
<h2 class="mb-0 mt-lg-0 mt-4">Read more about us</h2>
<h2 class="mb-4">And find some great partners</h2>
<p class="lead">It really matters and then like it really doesn’t matter. What matters is the people who are sparked by it. And the people who are like offended by it, it doesn’t matter. </p>
<ul class="m-lg-2 m-auto">
<li class="lead mb-2">People are so scared to lose their hope</li>
<li class="lead mb-2">That’s the main thing people </li>
<li class="lead mb-2">Thoughts- their perception of themselves!</li>
</ul>
<p class="lead">It really matters and then like it really doesn’t matter. What matters is the people who are sparked by it. And the people who are like offended by it, it doesn’t matter.</p>
<h3 class="mt-4">We will be with you forever</h3>
<p class="lead">It really matters and then like it really doesn’t matter. What matters is the people who are sparked by it. And the people who are like offended by it, it doesn’t matter.</p>
<p class="blockquote my-3 ps-2">
<span class="text-bold">“And thank you for turning my personal jean jacket into a couture piece.”</span>
<br>
<small class="blockquote-footer">
Kanye West, Producer.
</small>
</p>
</div>
</div>
</div>
</section>
<!-- END Blogs w/ big image on left -->