File: /var/www/volumes/69b4844ae61d4e92bf26ad98af552775/wordpress/robots.txt
<html lang="en"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Cw5177.makingdog.com</title>
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
<link href="assets/css/modal.css" rel="stylesheet">
<style>
/* Enhanced Color Variables */
:root {
--primary-base: #110e25;
--primary-light: #4b4a55;
--primary-dark: #9c99af;
--primary-darker: #15141a;
--text-primary: #003c4d;
--text-secondary: #636e72;
--text-light: #ffffff;
--text-accent: #fd5e13;
--text-muted: #b2bec3;
--text-dark: #2c3e50;
--bg-gradient-light: #f8f9fe;
--card-shadow: 0 10px 30px rgba(108, 92, 231, 0.15);
--hover-transform: translateY(-5px);
--transition-speed: 0.3s;
--border-radius: 12px;
--section-padding: 100px 0;
}
/* Enhanced Typography */
body {
font-family: 'Poppins', sans-serif;
line-height: 1.6;
color: var(--text-primary);
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Raleway', sans-serif;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}
/* Enhanced Header Styles */
.header {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.header.scrolled {
padding: 10px 0;
}
.navmenu ul li a {
font-weight: 500;
padding: 10px 15px;
border-radius: var(--border-radius);
transition: all var(--transition-speed) ease;
}
.navmenu ul li a:hover {
background: var(--primary-light);
color: var(--text-accent);
}
/* Enhanced Hero Section */
.hero {
padding: var(--section-padding);
background: linear-gradient(135deg, var(--primary-light), #fff);
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23d8eaa6' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
opacity: 0.1;
z-index: 0;
}
.hero h1 {
font-size: 3.5rem;
margin-bottom: 1.5rem;
color: var(--text-dark);
position: relative;
z-index: 1;
}
.hero p {
font-size: 1.25rem;
color: var(--text-secondary);
margin-bottom: 2rem;
position: relative;
z-index: 1;
}
.hero ul li {
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 1rem;
position: relative;
z-index: 1;
}
.hero ul li i {
color: var(--primary-dark);
font-size: 1.5rem;
}
/* Enhanced Section Styles */
.section {
padding: var(--section-padding);
position: relative;
overflow: hidden;
}
.section-title {
text-align: center;
margin-bottom: 4rem;
}
.section-title h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
position: relative;
display: inline-block;
}
.section-title h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, var(--primary-dark), var(--primary-base));
border-radius: 2px;
}
/* Enhanced Card Styles */
.email-card {
background: #fff;
padding: 2.5rem;
border-radius: var(--border-radius);
box-shadow: var(--card-shadow);
height: 100%;
transition: all var(--transition-speed) ease;
position: relative;
overflow: hidden;
}
.email-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, var(--primary-dark), var(--primary-base));
transform: scaleX(0);
transform-origin: left;
transition: transform var(--transition-speed) ease;
}
.email-card:hover {
transform: var(--hover-transform);
box-shadow: 0 15px 35px rgba(232, 243, 183, 0.3);
}
.email-card:hover::before {
transform: scaleX(1);
}
.email-card .card-icon {
font-size: 3rem;
color: var(--primary-dark);
margin-bottom: 1.5rem;
transition: all var(--transition-speed) ease;
}
.email-card:hover .card-icon {
transform: scale(1.1);
color: var(--primary-base);
}
/* Enhanced Stats Section */
.stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
margin-top: 3rem;
}
.stat-item {
text-align: center;
padding: 2rem;
background: #fff;
border-radius: var(--border-radius);
box-shadow: var(--card-shadow);
transition: all var(--transition-speed) ease;
}
.stat-item:hover {
transform: var(--hover-transform);
box-shadow: 0 15px 35px rgba(232, 243, 183, 0.3);
}
.stat-number {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 0.5rem;
}
/* Enhanced Benefits List */
.benefits-list li {
display: flex;
align-items: flex-start;
gap: 1.5rem;
padding: 1.5rem;
background: #fff;
border-radius: var(--border-radius);
box-shadow: var(--card-shadow);
transition: all var(--transition-speed) ease;
margin-bottom: 1.5rem;
}
.benefits-list li:hover {
transform: var(--hover-transform);
box-shadow: 0 15px 35px rgba(232, 243, 183, 0.3);
}
.benefits-list li i {
color: var(--primary-dark);
font-size: 1.8rem;
margin-top: 0.5rem;
}
/* Enhanced Button Styles */
.btn-primary {
background: linear-gradient(135deg, var(--primary-dark), var(--primary-base));
color: var(--text-dark);
border: none;
border-radius: var(--border-radius);
padding: 1rem 2rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
transition: all var(--transition-speed) ease;
box-shadow: 0 4px 15px rgba(232, 243, 183, 0.3);
}
.btn-primary:hover {
transform: var(--hover-transform);
box-shadow: 0 8px 25px rgba(232, 243, 183, 0.4);
}
/* Enhanced Form Styles */
.form-control {
border: 2px solid var(--primary-light);
border-radius: var(--border-radius);
padding: 1rem 1.5rem;
font-size: 1rem;
transition: all var(--transition-speed) ease;
}
.form-control:focus {
border-color: var(--primary-dark);
box-shadow: 0 0 0 4px rgba(232, 243, 183, 0.2);
}
/* Enhanced Modal Styles */
.modal {
backdrop-filter: blur(5px);
}
.modal-content {
color: #000;
border: none;
border-radius: var(--border-radius);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
transform: translateY(20px);
opacity: 0;
transition: all 0.3s ease;
}
.modal.show .modal-content {
transform: translateY(0);
opacity: 1;
}
.modal-header {
background: linear-gradient(135deg, var(--primary-dark), var(--primary-base));
color: var(--text-dark);
border-bottom: none;
border-radius: var(--border-radius) var(--border-radius) 0 0;
padding: 1.5rem;
}
.modal-header .modal-title {
font-weight: 600;
font-size: 1.5rem;
}
.modal-header .btn-close {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
padding: 0.5rem;
margin: -0.5rem -0.5rem -0.5rem auto;
transition: all 0.3s ease;
}
.modal-header .btn-close:hover {
background-color: rgba(255, 255, 255, 0.3);
transform: rotate(90deg);
}
.modal-body {
padding: 2rem;
}
.modal-footer {
border-top: none;
padding: 1.5rem;
background: var(--primary-light);
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
/* Enhanced Form Controls in Modals */
.modal .form-control {
border: 2px solid var(--primary-light);
border-radius: var(--border-radius);
padding: 1rem 1.5rem;
font-size: 1rem;
transition: all 0.3s ease;
}
.modal .form-control:focus {
border-color: var(--primary-dark);
box-shadow: 0 0 0 4px rgba(232, 243, 183, 0.2);
}
.modal .form-label {
font-weight: 500;
color: var(--text-dark);
margin-bottom: 0.5rem;
}
.modal .form-text {
color: var(--text-muted);
font-size: 0.875rem;
margin-top: 0.5rem;
}
/* Enhanced Modal Buttons */
.modal .btn {
padding: 0.75rem 1.5rem;
font-weight: 600;
border-radius: var(--border-radius);
transition: all 0.3s ease;
}
.modal .btn-primary {
background: linear-gradient(135deg, var(--primary-dark), var(--primary-base));
border: none;
color: var(--text-dark);
}
.modal .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(232, 243, 183, 0.3);
}
.modal .btn-outline-secondary {
border: 2px solid var(--primary-light);
color: var(--text-dark);
}
.modal .btn-outline-secondary:hover {
background: var(--primary-light);
border-color: var(--primary-light);
color: var(--text-dark);
}
/* Enhanced Modal Messages */
.modal .alert {
border-radius: var(--border-radius);
padding: 1rem;
margin-bottom: 1.5rem;
}
.modal .alert-success {
background-color: rgba(40, 167, 69, 0.1);
border-color: rgba(40, 167, 69, 0.2);
color: #28a745;
}
.modal .alert-danger {
background-color: rgba(220, 53, 69, 0.1);
border-color: rgba(220, 53, 69, 0.2);
color: #dc3545;
}
/* Enhanced Loading Spinner */
.modal .spinner-border {
width: 2rem;
height: 2rem;
border-width: 0.2em;
color: var(--primary-dark);
}
/* Responsive Modal Adjustments */
@media (max-width: 768px) {
.modal-dialog {
margin: 1rem;
}
.modal-content {
border-radius: calc(var(--border-radius) * 0.8);
}
.modal-header {
padding: 1rem;
}
.modal-body {
padding: 1.5rem;
}
.modal-footer {
padding: 1rem;
}
}
/* Enhanced Animations */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes scaleIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
/* Enhanced Preloader */
#preloader {
background: #fff;
}
#preloader div {
border-color: var(--primary-base) transparent var(--primary-base) transparent;
}
#preloader div:last-child {
border-color: transparent var(--primary-dark) transparent var(--primary-dark);
}
/* Enhanced Scroll Top Button */
#scroll-top {
background: var(--primary-base);
color: var(--text-dark);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all var(--transition-speed) ease;
}
#scroll-top:hover {
background: var(--primary-dark);
transform: translateY(-5px);
}
/* About Section Styles */
.about {
background: linear-gradient(135deg, #fff, var(--primary-light));
padding: var(--section-padding);
}
.about .content h3 {
color: var(--primary-dark);
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1rem;
}
.about .content h2 {
color: var(--text-dark);
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
}
.about .content p {
color: var(--text-secondary);
font-size: 1.1rem;
line-height: 1.8;
margin-bottom: 2rem;
}
.about .icon-box {
background: #fff;
padding: 2rem;
border-radius: var(--border-radius);
box-shadow: var(--card-shadow);
transition: all var(--transition-speed) ease;
height: 100%;
position: relative;
overflow: hidden;
}
.about .icon-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, var(--primary-dark), var(--primary-base));
transform: scaleX(0);
transform-origin: left;
transition: transform var(--transition-speed) ease;
}
.about .icon-box:hover {
transform: var(--hover-transform);
box-shadow: 0 15px 35px rgba(216, 234, 166, 0.3);
}
.about .icon-box:hover::before {
transform: scaleX(1);
}
.about .icon-box i {
font-size: 2.5rem;
color: var(--primary-dark);
margin-bottom: 1.5rem;
transition: all var(--transition-speed) ease;
}
.about .icon-box:hover i {
transform: scale(1.1);
color: var(--primary-base);
}
.about .icon-box h3 {
color: var(--text-dark);
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1rem;
}
.about .icon-box p {
color: var(--text-secondary);
margin-bottom: 0;
font-size: 1rem;
line-height: 1.6;
}
@media (max-width: 768px) {
.about .content h2 {
font-size: 2rem;
}
.about .icon-box {
padding: 1.5rem;
}
.about .icon-box i {
font-size: 2rem;
}
}
/* Footer Styles */
.footer {
background: var(--text-dark);
color: var(--text-light);
padding: 60px 0 0;
position: relative;
}
.footer-top {
padding-bottom: 40px;
}
.footer-bottom {
background: rgba(0, 0, 0, 0.2);
padding: 20px 0;
text-align: center;
}
.footer-bottom p {
margin: 0;
color: var(--text-light);
opacity: 0.8;
}
.footer-bottom a {
color: var(--text-light);
text-decoration: none;
transition: all 0.3s ease;
}
.footer-bottom a:hover {
color: var(--primary-base);
text-decoration: underline;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
:root {
--section-padding: 60px 0;
}
.hero h1 {
font-size: 2.5rem;
}
.hero p {
font-size: 1.1rem;
}
.section-title h2 {
font-size: 2rem;
}
.stats-grid {
grid-template-columns: 1fr;
}
.footer {
padding: 40px 0 0;
}
}
/* Custom Terms Modal Styling */
.terms-custom-modal .modal-content {
border: 2px solid rgba(108, 92, 231, 0.1);
}
.terms-custom-modal .modal-header {
background: linear-gradient(135deg, #a29bfe 0%, #f8f9fe 100%);
}
.terms-custom-modal .modal-title {
color: #4834b5;
font-weight: 700;
letter-spacing: 0.5px;
}
.terms-custom-modal .btn-primary {
background-color: var(--primary-base);
border-color: var(--primary-base);
}
.terms-custom-modal .btn-primary:hover {
background-color: var(--primary-dark);
border-color: var(--primary-dark);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(108, 92, 231, 0.3);
}
.terms-custom-modal .btn-outline-secondary:hover {
background-color: rgba(108, 92, 231, 0.1);
border-color: var(--primary-light);
}
@media (max-width: 768px) {
.terms-custom-modal .modal-content {
border-width: 1px;
}
}
.terms-custom-modal .modal-footer {
background: #f8f9fe;
border-top: 1px solid rgba(108, 92, 231, 0.15);
}
.terms-custom-modal .form-check-input {
border: 2px solid #6c5ce7;
}
.terms-custom-modal .form-check-input:checked {
background-color: #6c5ce7;
border-color: #6c5ce7;
}
.terms-custom-modal .form-check-label {
color: #636e72;
font-size: 0.95rem;
}
.terms-custom-modal .btn-outline-secondary {
color: #636e72;
border-color: #d1d9e6;
transition: all 0.3s ease;
}
.terms-custom-modal .btn-outline-secondary:hover {
background-color: rgba(108, 92, 231, 0.1);
color: #4834b5;
border-color: #a29bfe;
}
.terms-custom-modal .btn-primary {
background-color: #ff5722;
border-color: #ff5722;
transition: all 0.3s ease;
font-weight: 500;
}
.terms-custom-modal .btn-primary:hover {
background-color: #e64a19;
border-color: #e64a19;
box-shadow: 0 4px 10px rgba(255, 87, 34, 0.3);
transform: translateY(-2px);
}
.terms-custom-modal .btn-primary:disabled {
background-color: rgba(255, 87, 34, 0.6);
border-color: rgba(255, 87, 34, 0.6);
}
</style>
</head>
<body class="index-page scrolled" data-aos-easing="ease-in-out" data-aos-duration="600" data-aos-delay="0">
<header id="header" class="header d-flex align-items-center sticky-top">
<div class="container-fluid container-xl position-relative d-flex align-items-center">
<a href="index.html" class="logo d-flex align-items-center me-auto">
<h1 class="sitename">Cw5177.makingdog</h1>
</a>
<nav id="navmenu" class="navmenu">
<ul>
<li><a href="#hero" class="">Home</a></li>
<li><a href="#about" class="">About</a></li>
<li><a href="#email-marketing" class="">Email Marketing</a></li>
<li><a href="#services" class="">Services</a></li>
<li><a href="#team" class="">Team</a></li>
<li><a href="#subscribe">Subscribe</a></li>
<li><a href="#" data-bs-toggle="modal" data-bs-target="#unsubscribeModal">Unsubscribe</a></li>
</ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav>
</div>
</header>
<main class="main">
<!-- Hero Section -->
<section id="hero" class="hero section">
<div class="container">
<div class="row gy-4">
<div class="col-lg-6 order-lg-last" style="height: 100%;">
<img src="assets/img/email-capture-animate.svg" class="img-fluid" alt="" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h1>Supercharge Your Revenue with Strategic Email Marketing</h1>
<p>Unlock the full potential of your customer relationships with data-driven email campaigns that convert.</p>
<ul>
<li><i class="bi bi-check2"></i> Precision-targeted campaigns with up to 42% higher open rates</li>
<li><i class="bi bi-check2"></i> AI-powered automation that drives engagement while you sleep</li>
<li><i class="bi bi-check2"></i> ROI-focused strategies delivering 4200% average return</li>
</ul>
<div class="d-flex">
<!-- Add a call-to-action button here if needed -->
</div>
</div>
</div>
</div>
</section><!-- /Hero Section -->
<!-- About Section -->
<section id="about" class="about section">
<div class="container aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="row align-items-xl-center gy-5">
<div class="col-xl-5 content">
<h3>About Us</h3>
<h2>Email Marketing Architects for the Digital Age</h2>
<p>We don't just send emails—we engineer revenue-generating systems that turn subscribers into loyal customers. Our proprietary methodologies combine behavioral psychology, data science, and creative excellence to deliver email marketing that outperforms the industry by an average of 37%.</p>
</div>
<div class="col-xl-7">
<div class="row gy-4 icon-boxes">
<div class="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="icon-box">
<i class="bi bi-envelope-paper"></i>
<h3>Strategic Segmentation</h3>
<p>Micro-target your audience with hyper-personalized messaging that speaks directly to their needs and pain points.</p>
</div>
</div> <!-- End Icon Box -->
<div class="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="icon-box">
<i class="bi bi-gear-wide-connected"></i>
<h3>Conversion Automation</h3>
<p>Deploy sophisticated trigger-based sequences that nurture leads through each stage of your sales funnel.</p>
</div>
</div> <!-- End Icon Box -->
<div class="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
<div class="icon-box">
<i class="bi bi-bar-chart"></i>
<h3>Revenue Analytics</h3>
<p>Track every metric that matters with custom dashboards revealing exactly how your campaigns drive bottom-line results.</p>
</div>
</div> <!-- End Icon Box -->
<div class="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="500">
<div class="icon-box">
<i class="bi bi-megaphone"></i>
<h3>Inbox Prominence</h3>
<p>Cut through the noise with deliverability strategies that ensure your messages reach the inbox, not the spam folder.</p>
</div>
</div> <!-- End Icon Box -->
</div>
</div>
</div>
</div>
</section>
<!-- /About Section -->
<!-- Email Marketing Section -->
<section id="email-marketing" class="email-marketing section">
<div class="container">
<div class="section-title aos-init aos-animate" data-aos="fade-up">
<h2>Email Marketing Solutions</h2>
<p>Revenue-generating email strategies built for growth-focused businesses</p>
</div>
<div class="row gy-4">
<!-- Strategy Card -->
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="email-card">
<div class="card-icon">
<i class="bi bi-envelope-check"></i>
</div>
<h3>Conversion-Driven Campaigns</h3>
<p>Turn subscribers into buyers with psychologically-engineered email sequences that guide prospects through your sales funnel.</p>
<ul class="email-features">
<li><i class="bi bi-check-circle"></i> Behavior-Based Triggers</li>
<li><i class="bi bi-check-circle"></i> Split Testing Optimization</li>
<li><i class="bi bi-check-circle"></i> Conversion Path Analysis</li>
</ul>
</div>
</div>
<!-- Automation Card -->
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="email-card">
<div class="card-icon">
<i class="bi bi-gear-wide-connected"></i>
</div>
<h3>Revenue Automation</h3>
<p>Deploy sophisticated systems that sell 24/7, with intelligent workflows that adapt to customer behavior in real-time.</p>
<ul class="email-features">
<li><i class="bi bi-check-circle"></i> Intelligent Lifecycle Sequences</li>
<li><i class="bi bi-check-circle"></i> Abandoned Cart Recovery</li>
<li><i class="bi bi-check-circle"></i> Cross-Sell & Upsell Automation</li>
</ul>
</div>
</div>
<!-- Analytics Card -->
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="email-card">
<div class="card-icon">
<i class="bi bi-graph-up"></i>
</div>
<h3>Performance Intelligence</h3>
<p>Gain strategic insights with our proprietary analytics that reveal exactly what's working and the revenue impact of every campaign.</p>
<ul class="email-features">
<li><i class="bi bi-check-circle"></i> Revenue Attribution Tracking</li>
<li><i class="bi bi-check-circle"></i> Customer Lifetime Value Analysis</li>
<li><i class="bi bi-check-circle"></i> Predictive Performance Modeling</li>
</ul>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-6 aos-init aos-animate" data-aos="fade-right">
<div class="email-stats">
<h3>Why Our Email Strategies Outperform</h3>
<div class="stats-grid">
<div class="stat-item">
<span class="stat-number">99.8%</span>
<span class="stat-label">Deliverability Rate</span>
</div>
<div class="stat-item">
<span class="stat-number">52%</span>
<span class="stat-label">Average Open Rate</span>
</div>
<div class="stat-item">
<span class="stat-number">21x</span>
<span class="stat-label">Average ROI</span>
</div>
<div class="stat-item">
<span class="stat-number">24/7</span>
<span class="stat-label">Revenue Generation</span>
</div>
</div>
</div>
</div>
<div class="col-lg-6 aos-init aos-animate" data-aos="fade-left">
<div class="email-benefits">
<h3>Strategic Advantages</h3>
<ul class="benefits-list">
<li>
<i class="bi bi-check-circle-fill"></i>
<div>
<h4>Algorithmic Personalization</h4>
<p>AI-powered content customization that adapts to individual behaviors and preferences</p>
</div>
</li>
<li>
<i class="bi bi-check-circle-fill"></i>
<div>
<h4>Revenue Acceleration</h4>
<p>Systematic approach to shortening sales cycles and maximizing customer lifetime value</p>
</div>
</li>
<li>
<i class="bi bi-check-circle-fill"></i>
<div>
<h4>Competitive Advantage</h4>
<p>Proprietary methodologies that keep you several steps ahead of your industry rivals</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Why Us Section -->
<section id="why-us" class="why-us section">
<!-- Section Title -->
<div class="container section-title aos-init aos-animate" data-aos="fade-up">
<h2>Why Choose Us?</h2>
<p>Where data science meets creative strategy to deliver predictable revenue growth</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="card-item">
<span>01</span>
<h4><a class="stretched-link">Revenue-First Approach</a></h4>
<p>We're obsessed with one metric: revenue impact. Every campaign, automation, and strategy is engineered to maximize your bottom line with measurable results.</p>
</div>
</div><!-- Card Item -->
<div class="col-lg-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="card-item">
<span>02</span>
<h4><a class="stretched-link">Proprietary Methodology</a></h4>
<p>Our exclusive SCALE Framework™ combines behavioral psychology, conversion optimization, and predictive analytics to create campaigns that consistently outperform.</p>
</div>
</div><!-- Card Item -->
<div class="col-lg-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="card-item">
<span>03</span>
<h4><a class="stretched-link">Elite Industry Expertise</a></h4>
<p>Our team consists of certified email marketing specialists who've managed 500+ successful campaigns across competitive industries.</p>
</div>
</div><!-- Card Item -->
</div>
</div>
</section>
<!-- /Why Us Section -->
<!-- Stats Section -->
<section id="stats" class="stats section light-background">
<div class="container aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-4">
<div class="col-lg-3 col-md-6 d-flex flex-column align-items-center">
<i class="bi bi-envelope-check"></i>
<div class="stats-item">
<span data-purecounter-start="0" data-purecounter-end="1250+" data-purecounter-duration="0" class="purecounter">1250+</span>
<p>Revenue-Generating Campaigns</p>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6 d-flex flex-column align-items-center">
<i class="bi bi-people"></i>
<div class="stats-item">
<span data-purecounter-start="0" data-purecounter-end="425" data-purecounter-duration="0" class="purecounter">425</span>
<p>Growth-Focused Clients</p>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6 d-flex flex-column align-items-center">
<i class="bi bi-bar-chart-line"></i>
<div class="stats-item">
<span data-purecounter-start="0" data-purecounter-end="186" data-purecounter-duration="0" class="purecounter">186</span>
<p>Million in Client Revenue</p>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6 d-flex flex-column align-items-center">
<i class="bi bi-cash-stack"></i>
<div class="stats-item">
<span data-purecounter-start="0" data-purecounter-end="4200" data-purecounter-duration="0" class="purecounter">4200</span>
<p>% Average ROI</p>
</div>
</div><!-- End Stats Item -->
</div>
</div>
</section>
<!-- /Stats Section -->
<!-- Services Section -->
<section id="services" class="services section">
<div class="container section-title aos-init aos-animate" data-aos="fade-up">
<h2>Our Services</h2>
<p>Comprehensive email marketing solutions engineered for maximum revenue impact</p>
</div>
<div class="container">
<div class="row gy-4">
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="service-item item-cyan position-relative">
<div class="icon">
<i class="bi bi-envelope-check"></i>
</div>
<a class="stretched-link">
<h3>Revenue Campaign Design</h3>
</a>
<p>Strategically crafted email sequences that leverage behavioral psychology to guide prospects through your sales pipeline and maximize conversions.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="service-item item-orange position-relative">
<div class="icon">
<i class="bi bi-graph-up"></i>
</div>
<a class="stretched-link">
<h3>List Growth & Segmentation</h3>
</a>
<p>Build high-quality subscriber lists with our proprietary acquisition strategies and segmentation models that increase engagement by up to 203%.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="service-item item-teal position-relative">
<div class="icon">
<i class="bi bi-megaphone"></i>
</div>
<a class="stretched-link">
<h3>Advanced Automation Systems</h3>
</a>
<p>Deploy intelligent workflows that respond to customer behavior in real-time, delivering the right message at the perfect moment to maximize conversion potential.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
<div class="service-item item-red position-relative">
<div class="icon">
<i class="bi bi-bar-chart-line"></i>
</div>
<a class="stretched-link">
<h3>Performance Intelligence</h3>
</a>
<p>Our proprietary analytics platform reveals exactly what's working, what's not, and precisely how each campaign contributes to your bottom line.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="500">
<div class="service-item item-indigo position-relative">
<div class="icon">
<i class="bi bi-file-earmark-text"></i>
</div>
<a class="stretched-link">
<h3>Conversion Copywriting</h3>
</a>
<p>Science-backed messaging created by our team of specialized email copywriters who understand the psychological triggers that drive purchase decisions.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="600">
<div class="service-item item-pink position-relative">
<div class="icon">
<i class="bi bi-people"></i>
</div>
<a class="stretched-link">
<h3>Customer Journey Optimization</h3>
</a>
<p>Comprehensive analysis and refinement of every touchpoint in your email ecosystem to maximize engagement, conversion, and customer lifetime value.</p>
</div>
</div>
</div>
</div>
</section><!-- /Services Section -->
<!-- Features Section -->
<section id="features" class="features section">
<!-- Section Title -->
<div class="container section-title aos-init aos-animate" data-aos="fade-up">
<h2>Advanced Email Marketing Capabilities</h2>
<p>Cutting-edge features that transform subscribers into loyal customers and drive predictable revenue growth</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="features-item">
<i class="bi bi-envelope" style="color: #ffbb2c;"></i>
<h3><a class="stretched-link">Personalized Campaigns</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="features-item">
<i class="bi bi-graph-up" style="color: #5578ff;"></i>
<h3><a class="stretched-link">Advanced Analytics</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="features-item">
<i class="bi bi-megaphone" style="color: #e80368;"></i>
<h3><a class="stretched-link">Automated Sequences</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
<div class="features-item">
<i class="bi bi-people" style="color: #e361ff;"></i>
<h3><a class="stretched-link">List Segmentation</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="500">
<div class="features-item">
<i class="bi bi-lightning" style="color: #47aeff;"></i>
<h3><a class="stretched-link">High Deliverability</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="600">
<div class="features-item">
<i class="bi bi-globe" style="color: #ffa76e;"></i>
<h3><a class="stretched-link">Global Reach</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="700">
<div class="features-item">
<i class="bi bi-clock" style="color: #11dbcf;"></i>
<h3><a class="stretched-link">Scheduled Campaigns</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="800">
<div class="features-item">
<i class="bi bi-pencil" style="color: #4233ff;"></i>
<h3><a class="stretched-link">Customizable Templates</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="900">
<div class="features-item">
<i class="bi bi-check2-circle" style="color: #b2904f;"></i>
<h3><a class="stretched-link">Spam Compliance</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="1000">
<div class="features-item">
<i class="bi bi-phone" style="color: #b20969;"></i>
<h3><a class="stretched-link">Mobile Optimization</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="1100">
<div class="features-item">
<i class="bi bi-search" style="color: #ff5828;"></i>
<h3><a class="stretched-link">A/B Testing</a></h3>
</div>
</div><!-- End Feature Item -->
<div class="col-lg-3 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="1200">
<div class="features-item">
<i class="bi bi-gear" style="color: #29cc61;"></i>
<h3><a class="stretched-link">CRM Integration</a></h3>
</div>
</div><!-- End Feature Item -->
</div>
</div>
</section>
<!-- /Features Section -->
<!-- Portfolio Section -->
<!-- /Portfolio Section -->
<!-- Team Section -->
<section id="team" class="team section">
<!-- Section Title -->
<div class="container section-title aos-init aos-animate" data-aos="fade-up">
<h2>Our Email Marketing Experts</h2>
<p>Meet the strategists, data scientists, and conversion specialists behind our industry-leading results</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-3 col-md-6 d-flex align-items-stretch aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/team-1.jpg" class="img-fluid" alt="James Carter - CEO">
<div class="social">
<a><i class="bi bi-twitter-x"></i></a>
<a><i class="bi bi-facebook"></i></a>
<a><i class="bi bi-instagram"></i></a>
<a><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>James Carter</h4>
<span>Chief Email Strategist</span>
<p>Former Fortune 500 marketing executive with 15+ years crafting revenue-generating email systems.</p>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/team-2.jpg" class="img-fluid" alt="Lisa Morgan - Marketing Director">
<div class="social">
<a><i class="bi bi-twitter-x"></i></a>
<a><i class="bi bi-facebook"></i></a>
<a><i class="bi bi-instagram"></i></a>
<a><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Lisa Morgan</h4>
<span>Conversion Optimization Director</span>
<p>Email conversion specialist who's increased client revenues by $42M through data-driven optimization.</p>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/team-3.jpg" class="img-fluid" alt="Daniel Roberts - Automation Expert">
<div class="social">
<a><i class="bi bi-twitter-x"></i></a>
<a><i class="bi bi-facebook"></i></a>
<a><i class="bi bi-instagram"></i></a>
<a><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Daniel Roberts</h4>
<span>Marketing Automation Architect</span>
<p>Certified automation expert who's built revenue-generating systems for over 200 high-growth companies.</p>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/team-4.jpg" class="img-fluid" alt="Samantha Lee - Copywriting Specialist">
<div class="social">
<a><i class="bi bi-twitter-x"></i></a>
<a><i class="bi bi-facebook"></i></a>
<a><i class="bi bi-instagram"></i></a>
<a><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Samantha Lee</h4>
<span>Persuasion Copy Specialist</span>
<p>Award-winning email copywriter whose campaigns have generated $30M+ in direct sales for clients.</p>
</div>
</div>
</div><!-- End Team Member -->
</div>
</div>
</section>
<!-- /Team Section -->
<!-- Pricing Section -->
<!-- /Pricing Section -->
<!-- Faq Section -->
<!-- /Faq Section -->
<!-- Subscribe Section -->
<section id="subscribe" class="subscribe section light-background">
<div class="container section-title aos-init aos-animate" data-aos="fade-up">
<h2>Get Our Email Marketing Insights</h2>
<div class="text-center mb-4">
<p class="lead">Join 20,000+ marketing professionals who get our exclusive revenue strategies</p>
<div class="row justify-content-center mb-4">
<div class="col-md-8">
<div class="d-flex justify-content-center gap-4 mb-3">
<div class="text-center">
<i class="bi bi-gem text-accent" style="font-size: 2rem;"></i>
<p class="mt-2">Revenue Strategies</p>
</div>
<div class="text-center">
<i class="bi bi-bell text-accent" style="font-size: 2rem;"></i>
<p class="mt-2">Industry Insights</p>
</div>
<div class="text-center">
<i class="bi bi-gift text-accent" style="font-size: 2rem;"></i>
<p class="mt-2">Conversion Tips</p>
</div>
</div>
<p class="text-muted">Get the same tactics we use to generate millions in revenue for our clients.</p>
</div>
</div>
</div>
<div class="subscribe-form-container">
<form id="subscribeForm" class="subscribe-form">
<div class="form-group">
<input type="email" id="subscribeEmail" class="form-control" placeholder="Enter your business email" required>
</div>
<div class="form-check">
<input type="checkbox" id="subscribeTerms" class="form-check-input">
<label for="subscribeTerms" class="form-check-label">
I want to receive actionable revenue strategies and accept the <a href="#" data-bs-toggle="modal" data-bs-target="#termsModal" class="text-accent">terms</a>
</label>
</div>
<button type="submit" id="subscribeButton" class="btn btn-primary" disabled>Get Free Revenue Insights</button>
</form>
<!-- Success Message (Hidden by default) -->
<div id="successMessage" class="text-center mt-4" style="display: none;">
<div class="success-icon mb-3">
<i class="bi bi-check-circle-fill text-success" style="font-size: 3rem;"></i>
</div>
<h3 class="text-success mb-3">You're In! Check Your Inbox</h3>
<p class="lead">Your first revenue strategy is on its way!</p>
<p>We've sent a confirmation email to your inbox with your first tactical guide. Make sure to check your spam folder if you don't see it.</p>
<div class="mt-4">
<p class="text-muted">You'll start receiving:</p>
<ul class="list-unstyled">
<li><i class="bi bi-check text-success"></i> Revenue-generating email frameworks</li>
<li><i class="bi bi-check text-success"></i> Conversion optimization tactics</li>
<li><i class="bi bi-check text-success"></i> ROI-focused email strategies</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<style>
/* Subscribe Section Styles */
.subscribe {
background: linear-gradient(135deg, #fff, var(--primary-light));
padding: 100px 0;
position: relative;
}
.subscribe-form-container {
max-width: 600px;
margin: 0 auto;
padding: 40px;
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(232, 243, 183, 0.2);
transition: all 0.3s ease;
}
.subscribe-form-container:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
.subscribe-form {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.subscribe-form .form-group {
margin-bottom: 0;
}
.subscribe-form input[type="email"] {
width: 100%;
padding: 15px;
border: 2px solid var(--primary-light);
border-radius: 10px;
font-size: 1rem;
transition: all 0.3s ease;
}
.subscribe-form input[type="email"]:focus {
outline: none;
border-color: var(--primary-dark);
box-shadow: 0 0 0 4px rgba(232, 243, 183, 0.2);
}
.subscribe-form .form-check {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
}
.subscribe-form .form-check-input {
width: 1.2rem;
height: 1.2rem;
cursor: pointer;
border: 2px solid var(--primary-light);
}
.subscribe-form .form-check-input:checked {
background-color: var(--primary-dark);
border-color: var(--primary-dark);
}
.subscribe-form .form-check-label {
color: #2D3436;
cursor: pointer;
font-size: 0.9rem;
}
.subscribe-form button {
width: 100%;
padding: 15px;
border: none;
border-radius: 10px;
background: linear-gradient(135deg, var(--primary-dark), var(--primary-base));
color: var(--text-dark);
font-weight: 600;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(232, 243, 183, 0.3);
}
.subscribe-form button:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.subscribe-form button:not(:disabled):hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(232, 243, 183, 0.4);
}
#successMessage {
background: #fff;
padding: 30px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
animation: fadeInUp 0.5s ease-out;
}
@media (max-width: 768px) {
.subscribe {
padding: 60px 0;
}
.subscribe-form-container {
padding: 20px;
}
.subscribe-form input[type="email"] {
padding: 12px;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const form = document.getElementById('subscribeForm');
const email = document.getElementById('subscribeEmail');
const terms = document.getElementById('subscribeTerms');
const button = document.getElementById('subscribeButton');
const successMessage = document.getElementById('successMessage');
// Enable/disable submit button based on terms
terms.addEventListener('change', function() {
button.disabled = !this.checked;
});
// Form submission
form.addEventListener('submit', function(e) {
e.preventDefault();
// Hide the form
form.style.display = 'none';
// Show success message with animation
successMessage.style.display = 'block';
successMessage.style.opacity = '0';
successMessage.style.transform = 'translateY(20px)';
// Trigger animation
setTimeout(() => {
successMessage.style.transition = 'all 0.5s ease';
successMessage.style.opacity = '1';
successMessage.style.transform = 'translateY(0)';
}, 100);
});
});
</script>
</main>
<footer id="footer" class="footer">
<div class="container footer-top">
<div class="row gy-4">
<div class="col-lg-12">
<!-- Simple footer content -->
<p class="text-center">Thank you for visiting our website</p>
</div>
</div>
</div>
<footer>
<div style="background:#000000;; color: white; text-align: center; font-size: small; margin: 0; padding: 10px; display: flex; justify-content: center; align-items: center; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1000;">
<p style="margin: 0; padding: 0;">© 2022 All Rights Reserved. Cw5177.makingdog.com |
<a href="#" data-bs-toggle="modal" data-bs-target="#privacyModal" style="color: white; text-decoration: none;">Privacy Policy</a> |
<a href="#" data-bs-toggle="modal" data-bs-target="#unsubscribeModal" style="color: white; text-decoration: none;">Unsubscribe</a> |
<a href="#" data-bs-toggle="modal" data-bs-target="#disclaimerModal" style="color: white; text-decoration: none;">Disclaimer</a> |
<a href="#" data-bs-toggle="modal" data-bs-target="#contactModal" style="color: white; text-decoration: none;">Contact Us</a></p>
</div>
<!-- Modals Section Start -->
<!-- Privacy Modal -->
<div class="modal fade terms-custom-modal" id="privacyModal" tabindex="-1" aria-labelledby="privacyModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="privacyModalLabel">Privacy Policy</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-4">
<div class="mb-4">
<p class="lead">At <strong>Cw5177.makingdog.com</strong>, we are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy outlines how we collect, use, and safeguard your data.</p>
</div>
<div class="mb-4">
<h6 class="fw-bold mb-3">Information Collection and Usage</h6>
<p>We collect information that you voluntarily provide when subscribing to our newsletter or interacting with our services. This information is used exclusively to:</p>
<ul class="list-unstyled ps-3">
<li>• Deliver personalized newsletter content</li>
<li>• Improve our services and user experience</li>
<li>• Communicate important updates and announcements</li>
</ul>
</div>
<div class="mb-4">
<h6 class="fw-bold mb-3">Data Protection</h6>
<p>Your personal information is handled with the utmost care and security. We implement industry-standard security measures to protect your data and will never share your information with third parties without your explicit consent.</p>
</div>
<div class="mb-4">
<h6 class="fw-bold mb-3">Policy Updates</h6>
<p>We may update this Privacy Policy periodically to reflect changes in our practices or legal requirements. Any updates will be posted on this page with a revised effective date.</p>
</div>
<div class="mb-4">
<h6 class="fw-bold mb-3">Children's Privacy</h6>
<p>Our services are not intended for individuals under 18 years of age. We do not knowingly collect or maintain information from children without verifiable parental consent.</p>
</div>
<div>
<h6 class="fw-bold mb-3">Third-Party Links</h6>
<p>Our newsletters may contain links to external websites. We are not responsible for the privacy practices or content of these third-party sites. We encourage you to review their respective privacy policies.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Unsubscribe Modal -->
<div class="modal fade terms-custom-modal" id="unsubscribeModal" tabindex="-1" aria-labelledby="unsubscribeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="unsubscribeModalLabel">Unsubscribe from Newsletter</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-4">
<div class="text-center mb-4">
<p class="lead mb-3">We're sorry to see you go</p>
<p class="text-muted">You'll no longer receive our newsletters and updates once you unsubscribe.</p>
</div>
<form id="modal-unsubscribe-form" method="POST" class="needs-validation" novalidate>
<div class="mb-4">
<label for="modal-emailid" class="form-label">Email Address</label>
<input type="email" name="email_unsub" id="modal-emailid" class="form-control form-control-lg" placeholder="Enter your email address" required>
<div class="form-text">Please enter the email address you used to subscribe.</div>
</div>
<div class="d-grid gap-2">
<button type="submit" class="btn btn-danger btn-lg" id="modal-submit-btn">Confirm Unsubscribe</button>
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
</div>
</form>
<div id="modal-message-box" class="mt-4 text-center d-none"></div>
<div id="modal-loading-spinner" class="d-none mt-4 text-center">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function validateEmail(email) {
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
return emailRegex.test(email.trim());
}
document.getElementById("modal-unsubscribe-form").addEventListener("submit", function(e) {
e.preventDefault();
let email = document.getElementById("modal-emailid").value;
let messageBox = document.getElementById("modal-message-box");
let loadingSpinner = document.getElementById("modal-loading-spinner");
let submitButton = document.getElementById("modal-submit-btn");
// Validate email
if (!validateEmail(email)) {
messageBox.textContent = "Please enter a valid email address!";
messageBox.classList.remove("d-none", "text-success");
messageBox.classList.add("text-danger");
return;
}
// Show loading state
loadingSpinner.classList.remove("d-none");
submitButton.disabled = true;
messageBox.classList.add("d-none");
fetch("unsubscribe.html", {
method: "POST",
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: new URLSearchParams({ email: email })
})
.then(response => response.json())
.then(data => {
messageBox.textContent = data.message;
messageBox.classList.remove("d-none");
messageBox.classList.add(data.status === "success" ? "text-success" : "text-danger");
if (data.status === "success") {
document.getElementById("modal-unsubscribe-form").reset();
submitButton.disabled = true;
setTimeout(() => {
$("#unsubscribeModal").modal("hide");
}, 3000);
}
})
.catch(error => {
console.error("Error:", error);
messageBox.textContent = "An error occurred. Please try again.";
messageBox.classList.remove("d-none");
messageBox.classList.add("text-danger");
})
.finally(() => {
loadingSpinner.classList.add("d-none");
submitButton.disabled = false;
});
});
</script>
<!-- Disclaimer Modal -->
<div class="modal fade terms-custom-modal" id="disclaimerModal" tabindex="-1" aria-labelledby="disclaimerModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="disclaimerModalLabel">Disclaimer</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-4">
<div class="mb-4">
<p class="lead">This disclaimer outlines the terms and conditions governing your use of <strong>Cw5177.makingdog.com</strong>'s services and website.</p>
</div>
<div class="mb-4">
<h6 class="fw-bold mb-3">General Information</h6>
<p>The content provided on <strong>Cw5177.makingdog.com</strong> is for informational purposes only. While we strive to maintain accurate and up-to-date information, we make no representations or warranties of any kind, express or implied, regarding the completeness, accuracy, reliability, or availability of the website or its contents.</p>
</div>
<div class="mb-4">
<h6 class="fw-bold mb-3">External Links</h6>
<p>Our website may contain links to external websites. These links are provided for your convenience, but we do not endorse, control, or take responsibility for the content or privacy practices of third-party sites.</p>
</div>
<div class="mb-4">
<h6 class="fw-bold mb-3">Limitation of Liability</h6>
<p><strong>Cw5177.makingdog.com</strong> shall not be liable for any direct, indirect, incidental, consequential, or punitive damages arising from your use of our website or services. This includes, but is not limited to:</p>
<ul class="list-unstyled ps-3">
<li>• Technical errors or interruptions</li>
<li>• Loss of data or profits</li>
<li>• Unauthorized access to our systems</li>
</ul>
</div>
<div class="mb-4">
<h6 class="fw-bold mb-3">Changes and Updates</h6>
<p>We reserve the right to modify this disclaimer at any time without prior notice. Your continued use of our services following any changes constitutes acceptance of those changes.</p>
</div>
<div>
<p class="text-muted">By using our services, you acknowledge that you have read, understood, and agree to be bound by this disclaimer.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Contact Modal -->
<div class="modal fade terms-custom-modal" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="contactModalLabel">Contact Us</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-4">
<div class="text-center mb-4">
<p class="lead mb-3">Get in touch with us</p>
<p class="text-muted">Feel free to reach out to us via email:</p>
</div>
<div class="d-flex align-items-center justify-content-center gap-2 mb-3">
<div class="input-group">
<input type="text" class="form-control" id="contactEmail" value="contact@Cw5177.makingdog.com" readonly>
<button class="btn btn-outline-primary" type="button" id="copyEmailBtn" onclick="copyEmail()">
<i class="bi bi-clipboard"></i> Copy
</button>
</div>
</div>
<div class="text-center">
<a href="/cdn-cgi/l/email-protection#f5969a9b81949681b5b682c0c4c2c2db98949e9c9b92919a92db969a98" class="btn btn-primary">
<i class="bi bi-envelope"></i> Send Email
</a>
</div>
</div>
</div>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
function copyEmail() {
const emailInput = document.getElementById('contactEmail');
emailInput.select();
emailInput.setSelectionRange(0, 99999);
document.execCommand('copy');
const copyBtn = document.getElementById('copyEmailBtn');
const originalText = copyBtn.innerHTML;
copyBtn.innerHTML = '<i class="bi bi-check"></i> Copied!';
setTimeout(() => {
copyBtn.innerHTML = originalText;
}, 2000);
}
</script>
<!-- Modals Section End -->
<!-- Modal Scripts Start -->
<script>
// Initialize all modals with proper configuration
document.addEventListener('DOMContentLoaded', function() {
// Get all modals
const modals = document.querySelectorAll('.modal');
// Configure each modal
modals.forEach(modal => {
// Initialize the modal with proper options
const modalInstance = new bootstrap.Modal(modal, {
backdrop: true, // Enable backdrop click to close
keyboard: true, // Enable escape key to close
focus: true // Focus on modal when shown
});
// Add event listeners for better UX
modal.addEventListener('shown.bs.modal', function() {
// Focus on first input if exists
const firstInput = modal.querySelector('input, select, textarea');
if (firstInput) {
firstInput.focus();
}
});
modal.addEventListener('hidden.bs.modal', function() {
// Reset form if exists
const form = modal.querySelector('form');
if (form) {
form.reset();
}
// Reset any checkboxes
const checkboxes = modal.querySelectorAll('input[type="checkbox"]');
checkboxes.forEach(checkbox => {
checkbox.checked = false;
});
});
// Add click outside to close functionality
modal.addEventListener('click', function(e) {
if (e.target === modal) {
modalInstance.hide();
}
});
});
// Enhanced form validation
const forms = document.querySelectorAll('.needs-validation');
forms.forEach(form => {
form.addEventListener('submit', function(event) {
if (!form.checkValidity()) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
});
// Terms and Conditions Modal Functionality
const termsModal = document.getElementById('termsModal');
const termsAgreement = document.getElementById('termsAgreement');
const acceptTermsBtn = document.getElementById('acceptTerms');
const subscribeTerms = document.getElementById('subscribeTerms');
if (termsAgreement && acceptTermsBtn) {
termsAgreement.addEventListener('change', function() {
acceptTermsBtn.disabled = !this.checked;
});
acceptTermsBtn.addEventListener('click', function() {
if (termsAgreement.checked) {
subscribeTerms.checked = true;
const modal = bootstrap.Modal.getInstance(termsModal);
modal.hide();
}
});
}
// Enhanced email copy functionality
const copyEmailBtn = document.getElementById('copyEmailBtn');
if (copyEmailBtn) {
copyEmailBtn.addEventListener('click', function() {
const emailInput = document.getElementById('contactEmail');
emailInput.select();
emailInput.setSelectionRange(0, 99999);
document.execCommand('copy');
const originalText = this.innerHTML;
this.innerHTML = '<i class="bi bi-check"></i> Copied!';
this.classList.add('btn-success');
setTimeout(() => {
this.innerHTML = originalText;
this.classList.remove('btn-success');
}, 2000);
});
}
// Enhanced unsubscribe form handling
const unsubscribeForm = document.getElementById('modal-unsubscribe-form');
if (unsubscribeForm) {
const emailInput = document.getElementById('modal-emailid');
const messageBox = document.getElementById('modal-message-box');
const loadingSpinner = document.getElementById('modal-loading-spinner');
const submitButton = document.getElementById('modal-submit-btn');
function validateEmail(email) {
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
return emailRegex.test(email.trim());
}
function showMessage(message, type) {
messageBox.textContent = message;
messageBox.classList.remove('d-none', 'text-success', 'text-danger');
messageBox.classList.add(type === 'success' ? 'text-success' : 'text-danger');
}
function showLoading(show) {
loadingSpinner.classList.toggle('d-none', !show);
submitButton.disabled = show;
}
emailInput.addEventListener('input', function() {
const isValid = validateEmail(this.value);
this.classList.toggle('is-invalid', !isValid && this.value.trim() !== '');
this.classList.toggle('is-valid', isValid);
});
unsubscribeForm.addEventListener('submit', function(e) {
e.preventDefault();
const email = emailInput.value.trim();
if (!validateEmail(email)) {
showMessage('Please enter a valid email address', 'danger');
return;
}
showLoading(true);
fetch("unsubscribe.html", {
method: "POST",
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: new URLSearchParams({ email: email })
})
.then(response => response.json())
.then(data => {
showMessage(data.message, data.status);
if (data.status === "success") {
unsubscribeForm.reset();
setTimeout(() => {
const modal = bootstrap.Modal.getInstance(unsubscribeForm.closest('.modal'));
modal.hide();
}, 3000);
}
})
.catch(error => {
console.error("Error:", error);
showMessage("An error occurred. Please try again.", "danger");
})
.finally(() => {
showLoading(false);
});
});
}
});
</script>
<!-- Modal Scripts End -->
<!-- Terms and Conditions Modal -->
<div class="modal fade terms-custom-modal" id="termsModal" tabindex="-1" aria-labelledby="termsModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="termsModalLabel">Terms and Conditions</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-4">
<div class="terms-content">
<div class="terms-section mb-4">
<h6 class="fw-bold mb-3">1. Newsletter Subscription</h6>
<p>By subscribing to our newsletter, you agree to receive regular updates, marketing communications, and promotional content from <strong>Cw5177.makingdog.com</strong>. You can unsubscribe at any time using the link provided in our emails.</p>
</div>
<div class="terms-section mb-4">
<h6 class="fw-bold mb-3">2. Privacy Protection</h6>
<p>We are committed to protecting your privacy. Your email address and any other personal information you provide will be used solely for the purpose of sending you our newsletter and will not be shared with third parties without your explicit consent.</p>
</div>
<div class="terms-section mb-4">
<h6 class="fw-bold mb-3">3. Email Communications</h6>
<p>You will receive:</p>
<ul class="list-unstyled ps-3">
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Regular newsletter updates</li>
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Marketing communications</li>
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Special offers and promotions</li>
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Industry insights and tips</li>
</ul>
</div>
<div class="terms-section mb-4">
<h6 class="fw-bold mb-3">4. Data Usage</h6>
<p>We may use your email address to:</p>
<ul class="list-unstyled ps-3">
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Send you relevant content</li>
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Analyze engagement metrics</li>
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Improve our services</li>
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Personalize your experience</li>
</ul>
</div>
<div class="terms-section mb-4">
<h6 class="fw-bold mb-3">5. Unsubscribe Policy</h6>
<p>You can unsubscribe from our newsletter at any time by:</p>
<ul class="list-unstyled ps-3">
<li><i class="bi bi-check-circle-fill text-primary me-2"></i>Clicking the unsubscribe link in our emails</li>
<li><i class="bi bi-check-circle-fill text-primary me-2"></i>Using the unsubscribe form on our website</li>
<li><i class="bi bi-check-circle-fill text-primary me-2"></i>Contacting us directly</li>
</ul>
</div>
<div class="terms-section">
<h6 class="fw-bold mb-3">6. Changes to Terms</h6>
<p>We reserve the right to modify these terms at any time. Any changes will be effective immediately upon posting to our website. Your continued subscription after such changes constitutes your acceptance of the new terms.</p>
</div>
</div>
</div>
<div class="modal-footer">
<div class="d-flex justify-content-between w-100">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="termsAgreement">
<label class="form-check-label" for="termsAgreement">I have read and agree to the terms and conditions</label>
</div>
<div>
<button type="button" class="btn btn-outline-secondary me-2" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="acceptTerms" disabled>Accept</button>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
/* Enhanced Terms Modal Styles */
.terms-content {
max-height: 60vh;
overflow-y: auto;
padding-right: 1rem;
}
.terms-section {
background: #f8f9fe;
padding: 1.5rem;
border-radius: var(--border-radius);
margin-bottom: 1.5rem;
transition: all 0.3s ease;
border-left: 3px solid var(--primary-base);
}
.terms-section:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(108, 92, 231, 0.15);
}
.terms-section h6 {
color: var(--heading-color);
font-size: 1.1rem;
position: relative;
padding-left: 1.5rem;
}
.terms-section h6::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
background: var(--primary-base);
border-radius: 50%;
}
.terms-section p {
color: var(--text-secondary);
margin-bottom: 1rem;
}
.terms-section ul li {
margin-bottom: 0.5rem;
color: var(--text-secondary);
}
.modal-footer .form-check-input {
border: 2px solid var(--primary-base);
}
.modal-footer .form-check-input:checked {
background-color: var(--primary-base);
border-color: var(--primary-base);
}
.modal-footer .form-check-label {
color: var(--text-secondary);
font-size: 0.9rem;
}
@media (max-width: 768px) {
.terms-content {
max-height: 50vh;
}
.terms-section {
padding: 1rem;
}
.modal-footer {
flex-direction: column;
gap: 1rem;
}
.modal-footer .d-flex {
flex-direction: column;
gap: 1rem;
}
}
</style>
<script>
// Terms and Conditions Modal Functionality
document.addEventListener('DOMContentLoaded', function() {
const termsModal = document.getElementById('termsModal');
const termsAgreement = document.getElementById('termsAgreement');
const acceptTermsBtn = document.getElementById('acceptTerms');
const subscribeTerms = document.getElementById('subscribeTerms');
// Enable/disable accept button based on checkbox
termsAgreement.addEventListener('change', function() {
acceptTermsBtn.disabled = !this.checked;
});
// Handle accept button click
acceptTermsBtn.addEventListener('click', function() {
if (termsAgreement.checked) {
subscribeTerms.checked = true;
const modal = bootstrap.Modal.getInstance(termsModal);
modal.hide();
}
});
// Update subscribe form when terms are accepted
termsModal.addEventListener('hidden.bs.modal', function() {
if (termsAgreement.checked) {
subscribeTerms.checked = true;
}
});
});
</script>
</footer>
<!-- Preloader -->
<div id="preloader" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 9999; display: flex; justify-content: center; align-items: center;">
<div style="position: relative; width: 80px; height: 80px;">
<div style="position: absolute; width: 64px; height: 64px; border-radius: 50%; border: 8px solid; border-color: var(--primary-base) transparent var(--primary-base) transparent; animation: preloader-spin 1.2s linear infinite;"></div>
<div style="position: absolute; width: 50px; height: 50px; left: 7px; top: 7px; border-radius: 50%; border: 8px solid; border-color: transparent var(--primary-dark) transparent var(--primary-dark); animation: preloader-spin 1.2s linear infinite reverse;"></div>
</div>
</div>
<style>
@keyframes preloader-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#preloader {
transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}
#preloader.fade-out {
opacity: 0;
visibility: hidden;
}
</style>
<script>
window.addEventListener("load", function() {
const preloader = document.getElementById("preloader");
preloader.classList.add("fade-out");
setTimeout(() => {
preloader.style.display = "none";
}, 500);
});
</script>
<!-- Scroll Top -->
<a id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center active"><i class="bi bi-arrow-up-short"></i></a>
<!-- Preloader -->
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>