<!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>Beneath the Surface: Themes and Messages in Dune</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>Beneath the Surface: Themes and Messages in Dune</span>
</h1>
<!-- Start Description-->
<center>
<p class="content-detail">
Delve beneath the surface of Dune to uncover the underlying themes and messages that resonate throughout Herbert's work. From environmentalism to the nature of power, explore the philosophical and ethical questions raised by the story, inviting readers to contemplate the deeper meaning behind the narrative. <a href="https://syncfeature.com/dune-2-review/" rel="nofollow">Dune 2 Reviews</a>
<a href="https://namesphreak.com/"></a>
<a href="https://www.newsroom-bd.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>