<!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>The Mythos of Dune: Exploring the Rich Lore and Universe</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>The Mythos of Dune: Exploring the Rich Lore and Universe</span>
</h1>
<!-- Start Description-->
<center>
<p class="content-detail">
Delve into the rich mythos and lore of the Dune universe, from the ancient prophecies to the intricate political intrigues. Explore the history, religion, and customs that define Herbert's expansive world, uncovering the depth and complexity of his storytelling. <a href="https://syncfeature.com/dune-2-review/" rel="nofollow">Dune 2 Reviews</a>
<a href="https://actionforcepestcontrol.co.uk/"></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>