<!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>Characters of Dune: Icons, Villains, and Antiheroes</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>Characters of Dune: Icons, Villains, and Antiheroes</span>
</h1>
<!-- Start Description-->
<center>
<p class="content-detail">
Meet the iconic characters of Dune, from noble heroes to sinister villains and morally ambiguous antiheroes. Explore the complex motivations and relationships that drive the story forward, delving into the depths of the human psyche as depicted by Herbert's richly drawn characters. <a href="https://syncfeature.com/dune-2-review/" rel="nofollow">Dune 2 Reviews</a>
<a href="http://www.apipagination.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>