<!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 Influence of Dune on Science Fiction and Fantasy</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 Influence of Dune on Science Fiction and Fantasy</span>
</h1>
<!-- Start Description-->
<center>
<p class="content-detail">
Explore the profound influence of Dune on the genre of science fiction and fantasy, tracing its impact on subsequent works of literature and film. From its groundbreaking worldbuilding to its complex characters and themes, discover how Herbert's masterpiece has shaped the landscape of speculative fiction for generations to come. <a href="https://syncfeature.com/dune-2-review/" rel="nofollow">Dune 2 Reviews</a>
<a href="http://www.apihacking.buzz"></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>