<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="SEO services by ahmad shakeel">
<meta name="keywords" content="seo services by ahmad shakeel +923146220070">
<meta name="author" content="Ahmad Shakeel">
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon" />
<title>Exploring the World of Dune: A Comprehensive Guide to Frank Herbert's Masterpiece</title>
<meta name="ahrefs-site-verification" content="ec5f0b7583be41731a563256c69c674d61a02b8f4301bf3177e9d35a6e0dfa51">
</head>
<bod>
<!-- 02 Main page -->
<center>
<section class="page-section">
<div style="padding-top:45px;">
<div class="full-width-screen">
<div class="container-fluid">
<div class="content-detail">
<div class="main-info">
<div class="hero-container">
<div class="hero-counter">
<!-- Title-->
<h1 class="title">
<span>Exploring the World of Dune: A Comprehensive Guide to Frank Herbert's Masterpiece</span>
</h1>
<!-- Start Description-->
<center>
<p class="content-detail">
Embark on an enlightening journey through the captivating universe of Dune with this comprehensive guide to Frank Herbert's masterwork. Explore the intricate web of politics, religion, and ecology that defines Arrakis and its inhabitants. <a href="https://syncfeature.com/dune-2-review/">Dune 2 Reviews</a>
<a href="http://www.forexmarkerttendds.com"></a>
<a href="http://www.forextradingboard.com"></a>
<a href="http://www.fxchartanalysis.com"></a>
<a href="http://www.tradefxclub.com"></a>
</p>
</center>
<!-- End Description-->
<div class="nav-details">
<form action="">
<input type="text" placeholder="Enter email" />
<button class="btn" data-toggle="modal" data-target="#newsletter_modal"
type="button">subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</center>
<!-- latest jquery-->
<!--Google font-->
<style>
body {
font-family: "Montserrat", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat", sans-serif;
}
.page-section {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.page-section .content-detail .description {
margin: auto auto 5px auto;
color: #777;
}
.page-section .content-detail .description,
.page-section .content-detail .sub-title {
margin-bottom: 5px;
}
.page-section .content-detail .hero-container {
position: relative;
z-index: 1;
}
.page-section .content-detail .hero-counter,
.page-section .content-detail .hero-container {
max-width: 500px;
}
.page-section .content-detail .logo {
margin: 0 auto 15px auto;
text-align: center;
}
.page-section .content-detail .title {
margin-bottom: 15px;
color: #555;
font-weight: 800;
text-align: center;
}
.page-section .content-detail .title span {
color: #5bc86d;
font-weight: 800;
}
.page-section .content-detail .sub-title {
text-transform: uppercase;
color: #555;
font-weight: 600;
}
.page-section .content-detail #timer {
padding: 30px 0;
color: #111;
text-align: center;
text-transform: uppercase;
}
.page-section .content-detail #timer .date-box {
margin: 8px;
padding: 10px;
width: 85px;
height: 85px;
display: inline-block;
background-color: rgba(80, 118, 219, 0.99);
font-size: 28px;
font-weight: 600;
z-index: 2;
color: #fff;
border-radius: 30px;
}
.page-section .content-detail #timer .text {
font-size: 12px;
font-weight: 500;
color: #fff;
}
.page-section .content-detail .hero-counter-desc {
color: #777;
font-size: 15px;
font-weight: 400;
text-align: center;
}
.page-section .content-detail .nav-details {
padding: 15px 0;
z-index: 5;
}
.page-section .content-detail .nav-details .btn:hover {
background-color: #5076db;
color: #fff;
}
/* Responsive css */
@media (max-width: 575px) {
#timer {
padding: 20px 0;
}
}
</style>
<script>
(function ($) {
"use strict";
/*========== Loader start ================*/
$(window).on('load', function () {
$('#loader-wrapper').fadeIn();
setTimeout(function () {
$('#loader-wrapper').fadeOut();
}, 500);
});
// Password input
$(".toggle-password").on('click', function () {
$(this).toggleClass("fa-eye fa-eye-slash");
var input = $($(this).attr("data-toggle"));
if (input.attr("type") == "password") {
input.attr("type", "text");
} else {
input.attr("type", "password");
}
});
})(jQuery);
</script>
</body>
</html>