Your IP : 18.118.171.154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Index</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="robots" content="index, follow">
<?php include('style.php') ?>
<style>
.services .service-card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border: thin solid blue;
}
.badge1 h2 {
font-size: 16px;
letter-spacing: 1px;
font-weight: 700;
padding: 8px 20px;
margin-bottom: 20px;
background: color-mix(in srgb, var(--accent-color), transparent 90%);
color: var(--accent-color);
display: inline-block;
border-radius: 50px;
font-family: var(--default-font);
}
.badge2 h2 {
font-size: 16px;
letter-spacing: 1px;
font-weight: 700;
padding: 8px 20px;
margin-bottom: 20px;
background: color-mix(in srgb, orange, transparent 90%);
color: orange;
display: inline-block;
border-radius: 50px;
font-family: var(--default-font);
}
.badge3 h2 {
font-size: 13px;
letter-spacing: 1px;
font-weight: 700;
padding: 8px 20px;
margin-bottom: 20px;
background: color-mix(in srgb, blue, transparent 90%);
color: blue;
display: inline-block;
border-radius: 50px;
font-family: var(--default-font);
}
</style>
</head>
<body class="index-page">
<?php include('header.php') ?>
<main class="main">
<!-- Hero Section -->
<section id="hero" class="hero section dark-background">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row d-flex justify-content-center text-center">
<div class="col-lg-8">
<h1>Contact Us</h1>
<p class="mb-0">Feel free to reach out to us</p>
</div>
</div>
</div>
</section><!-- /Hero Section -->
<!-- About Section -->
<!-- Contact Section -->
<section id="contact" class="contact section">
<!-- Section Title -->
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="contact-info">
<div class="contact-card">
<h3>Contact Information</h3>
<p>Feel free to reach out with any questions about the book, speaking engagements, or media inquiries.</p>
<div class="contact-details">
<div class="contact-item">
<i class="bi bi-envelope"></i>
<div>
<h4>Email:</h4>
<p><a href="" class="__cf_email__" data-cfemail="">[email protected]</a></p>
</div>
</div>
<div class="contact-item">
<i class="bi bi-telephone"></i>
<div>
<h4>Phone:</h4>
<p>+1 (555) 123-4567</p>
</div>
</div>
<div class="contact-item">
<i class="bi bi-geo-alt"></i>
<div>
<h4>Address:</h4>
<p>123 Book Street, Literary Lane</p>
<p>Wordsmith City, NY 10001</p>
</div>
</div>
</div>
<div class="social-links">
<a href="#"><i class="bi bi-twitter"></i></a>
<a href="#"><i class="bi bi-facebook"></i></a>
<a href="#"><i class="bi bi-instagram"></i></a>
<a href="#"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="contact-form-wrapper">
<form action="forms/contact.php" method="post" class="php-email-form">
<div class="row">
<div class="col-md-6 form-group">
<label for="name">Your Name</label>
<input type="text" name="name" class="form-control" id="name" placeholder="John Doe" required="">
</div>
<div class="col-md-6 form-group mt-3 mt-md-0">
<label for="email">Your Email</label>
<input type="email" class="form-control" name="email" id="email" placeholder="john@example.com" required="">
</div>
</div>
<div class="form-group mt-3">
<label for="subject">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" placeholder="I loved your book!" required="">
</div>
<div class="form-group mt-3">
<label for="message">Message</label>
<textarea class="form-control" name="message" rows="7" placeholder="Your message here..." required=""></textarea>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center">
<button type="submit">Send Message</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section><!-- /Contact Section -->
</main>
<?php include('footer.php') ?>
<!-- Vendor JS Files -->
<!-- <script data-cfasync="false" src="assets/email-decode.min.js"></script> -->
<script src="assets/bootstrap.bundle.min.js"></script>
<!-- <script src="assets/validate.js"></script>
<script src="assets/aos.js"></script>-->
<script src="assets/purecounter_vanilla.js"></script>
<script src="assets/swiper-bundle.min.js"></script>
<!-- Main JS File -->
<script src="assets/main.js"></script>
</body>
</html>