2018's Most Relaxing and Affordable Vacations
At Wake, our mission has always been focused on bringing openness and transparency to the design process.
<!-- Hero Section -->
<div class="js-slick-carousel u-slick u-slick--equal-height"
data-fade="true"
data-infinite="true"
data-autoplay="true"
data-speed="10000"
data-pagi-classes="text-center u-slick__pagination u-slick__pagination--white position-absolute right-0 bottom-0 left-0 mb-4 mb-0">
<div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img7.jpg);">
<!-- Hero News -->
<div class="container d-lg-flex align-items-lg-center">
<article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
data-scroll-effect="smoothFadeToBottom"
data-scroll-effect-speed="500">
<!-- Share Social Networks -->
<div data-scs-animation-in="fadeInUp">
<ul class="list-inline mb-4">
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-facebook-f btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-google btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-twitter btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-github btn-icon__inner"></span>
</a>
</li>
</ul>
</div>
<!-- End Share Social Networks -->
<!-- Info -->
<div class="mb-4">
<h1 class="text-white font-weight-semi-bold mb-3"
data-scs-animation-in="fadeInUp">2018's Most Relaxing and Affordable Vacations</h1>
<p class="text-white-70 mb-7"
data-scs-animation-in="fadeInUp">At Wake, our mission has always been focused on bringing openness and transparency to the design process.</p>
</div>
<a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
data-scs-animation-in="fadeInUp">Read More</a>
<!-- End Info -->
</article>
</div>
<!-- End Hero News -->
</div>
<div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img6.jpg);">
<!-- Hero News -->
<div class="container d-lg-flex align-items-lg-center">
<article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
data-scroll-effect="smoothFadeToBottom"
data-scroll-effect-speed="500">
<!-- Share Social Networks -->
<div data-scs-animation-in="fadeInUp">
<ul class="list-inline mb-4">
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-facebook-f btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-google btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-twitter btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-github btn-icon__inner"></span>
</a>
</li>
</ul>
</div>
<!-- End Share Social Networks -->
<!-- Info -->
<div class="mb-4">
<h2 class="h1 text-white font-weight-semi-bold mb-3"
data-scs-animation-in="fadeInUp">Bonded by science: researchers describe their nerdy proposals</h2>
<p class="text-white-70 mb-7"
data-scs-animation-in="fadeInUp">For Valentine's Day, Nature collects tales of romance in research.</p>
</div>
<a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
data-scs-animation-in="fadeInUp">Read More</a>
<!-- End Info -->
</article>
</div>
<!-- End Hero News -->
</div>
<div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img8.jpg);">
<!-- Hero News -->
<div class="container d-lg-flex align-items-lg-center">
<article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
data-scroll-effect="smoothFadeToBottom"
data-scroll-effect-speed="500">
<!-- Share Social Networks -->
<div data-scs-animation-in="fadeInUp">
<ul class="list-inline mb-4">
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-facebook-f btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-google btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-twitter btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-github btn-icon__inner"></span>
</a>
</li>
</ul>
</div>
<!-- End Share Social Networks -->
<!-- Info -->
<div class="mb-4">
<h2 class="h1 text-white font-weight-semi-bold mb-3"
data-scs-animation-in="fadeInUp">Tree rings reveal increased fire risk for southwestern US</h2>
<p class="text-white-70 mb-7"
data-scs-animation-in="fadeInUp">Historical record points to climate patterns that could prime the region for an intense fire season.</p>
</div>
<a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
data-scs-animation-in="fadeInUp">Read More</a>
<!-- End Info -->
</article>
</div>
<!-- End Hero News -->
</div>
<div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img9.jpg);">
<!-- Hero News -->
<div class="container d-lg-flex align-items-lg-center">
<article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
data-scroll-effect="smoothFadeToBottom"
data-scroll-effect-speed="500">
<!-- Share Social Networks -->
<div data-scs-animation-in="fadeInUp">
<ul class="list-inline mb-4">
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-facebook-f btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-google btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-twitter btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
<span class="fab fa-github btn-icon__inner"></span>
</a>
</li>
</ul>
</div>
<!-- End Share Social Networks -->
<!-- Info -->
<div class="mb-4">
<h2 class="h1 text-white font-weight-semi-bold mb-3"
data-scs-animation-in="fadeInUp">The top 30 self-improvement goals we never get around to achieving</h2>
<p class="text-white-70 mb-7"
data-scs-animation-in="fadeInUp">Travelling, getting out of debt and writing will among goals most commonly deferred, according to survey</p>
</div>
<a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
data-scs-animation-in="fadeInUp">Read More</a>
<!-- End Info -->
</article>
</div>
<!-- End Hero News -->
</div>
</div>
<!-- End Hero Section -->
<link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="../../assets/vendor/fancybox/jquery.fancybox.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
<!-- JS Front -->
<script src="../../assets/js/components/hs.slick-carousel.js"></script>
<script src="../../assets/js/components/hs.scroll-effect.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
// initialization of scroll effect component
$.HSCore.components.HSScrollEffect.init('.js-scroll-effect');
});
</script>