Assignment-123/index.html

290 lines
12 KiB
HTML
Raw Normal View History

2024-12-31 06:58:41 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Digital Marketing Agency</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/swiper.css">
<script src="js/script.js"></script>
</head>
<body>
<!-- Header Section -->
<header>
<div class="container">
<div class="logo">Digital Agency</div>
<nav>
<div class="hamburger" onclick="toggleMenu()">
<div></div>
<div></div>
<div></div>
</div>
<div class="nav-links">
<a href="#">Home</a>
<a href="#services">Services</a>
<a href="#pricing">Pricing</a>
<a href="#team">Team</a>
<a href="contact.html">Form</a>
<a href="swiper.html">Slider</a>
</div>
</nav>
</div>
</header>
<section class="hero">
<div>
<h1>Grow Your Business with Us</h1>
<p>We provide top-notch digital marketing solutions to elevate your brand.</p>
<button class="cta-button">Get Started</button>
</div>
</section>
<!-- Services Section -->
<section class="services" id="services">
<h2>Thrive's Digital Marketing Services</h2>
<p>Our full-service digital marketing agency offers affordable and effective digital marketing plans. </p>
<p>We work to deliver improved rankings, increased traffic and, in turn, more business.</p>
<div class="cards">
<div class="card">
<div><i class="fas fa-chart-line"></i></div>
<h3>SEO Optimization</h3>
<p>We help you improve your Google ranking and increase your organic (non-paid) website traffic. SEO is more than just incorporating keywords and we can help to optimize all elements.</p>
</div>
<div class="card">
<i class="fas fa-bullhorn"></i>
<h3>Search Engine Advertising / Google Ads</h3>
<p>Search engine advertising, also known as pay-per-click advertising or Google Ads, helps you reach new customers and guarantees a consistent traffic flow to your website.</p>
</div>
<div class="card">
<i class="fas fa-pencil-alt"></i>
<h3>Web Design</h3>
<p>Websites are the essence of your online presence. We will create a functional website that is customized for your business and drives results. All of our websites include SEO, and lead generation tools.</p>
</div>
<div class="card">
<i class="fas fa-users"></i>
<h3>Social Media Marketing</h3>
<p>We help you with social media advertising to help you grow your business and reach new clients.</p>
</div>
<div class="card">
<i class="fas fa-users"></i>
<h3>Content Marketing</h3>
<p>We help you with social media advertising to help you grow your business and reach new clients.</p>
</div>
<div class="card">
<i class="fas fa-users"></i>
<h3>Pay Per Click (PPC) Management</h3>
<p>Boost your business with our expert PPC campaigns! Our AdWords-certified specialists craft targeted ads, optimize bids, leverage device strategies, and track ROI. We maximize seasonal trends to drive leads and high-quality traffic.</p>
</div>
<div class="card">
<i class="fas fa-users"></i>
<h3>Digital Marketing strategy</h3>
<p>Unlock a custom digital marketing strategy designed for your business. From SEO to paid ads, we create a plan that drives results. Schedule a free consultation today and start reaching your goals.</p>
</div>
<div class="card">
<i class="fas fa-users"></i>
<h3>Email Marketing</h3>
<p>Stand out with expert email marketing! We craft personalized newsletters, grow your subscriber list, and optimize campaigns to drive action. From testing to creating curiosity, we ensure your emails make an impact.</p>
</div>
</div>
<!-- swiper slider -->
<div class="swipecontainer" id="services">
<p>Our Featured Services</p>
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="assets/affiliate.webp" alt="">
<div class="caption">
<h1>Affiliate Marketing</h1>
</div>
</div>
<div class="swiper-slide">
<img src="assets/analytics.jpg" alt="">
<div class="caption">
<h1>Analytics and Reporting</h1>
</div>
</div>
<div class="swiper-slide">
<img src="assets/content.png" alt="">
<div class="caption">
<h1>Content Marketing</h1>
</div>
</div>
<div class="swiper-slide">
<img src="assets/email.png" alt="">
<div class="caption">
<h1>Email Marketing</h1>
</div>
</div>
<div class="swiper-slide">
<img src="assets/influencer.png" alt="">
<div class="caption">
<h1>Influencer Marketing</h1>
</div>
</div>
<div class="swiper-slide">
<img src="assets/payperclick.webp" alt="">
<div class="caption">
<h1>Pay-Per-Click Advertising (PPC)</h1>
</div>
</div>
<div class="swiper-slide">
<img src="assets/social-media.jpg" alt="">
<div class="caption">
<h1>Social Media Marketing</h1>
</div>
</div>
<div class="swiper-slide">
<img src="assets/web.jpeg" alt="">
<div class="caption">
<h1>Web Design and Development</h1>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing Plan -->
<section id="pricing" class="pricing">
<p>Our Cost Effective Service Pricing</p>
<h class="desc">Empowering businesses of all sizes to grow online with affordable and effective digital marketing solutions. </h>
<br />
<h class="desc">Trusted by clients worldwide, we're here to help you thrive</h>
<div class="pricing-table">
<div class="pricing-plan">
<div class="badge">Popular</div>
<div class="secondary-badge">Save 10%</div>
<h2 class="plan-title">Basic</h2>
<p class="plan-price">$49/month</p>
<p class="plan-description">Ideal for small businesses starting out.</p>
<ul class="features">
<li>5 Social Media Posts</li>
<li>Email Support</li>
<li>Basic Analytics</li>
</ul>
<a href="#" class="btn">Get Started</a>
</div>
<div class="pricing-plan">
<div class="badge">Best Value</div>
<div class="secondary-badge">Save 15%</div>
<h2 class="plan-title">Standard</h2>
<p class="plan-price">$99/month</p>
<p class="plan-description">Perfect for growing businesses.</p>
<ul class="features">
<li>15 Social Media Posts</li>
<li>Priority Email Support</li>
<li>Advanced Analytics</li>
</ul>
<a href="#" class="btn">Get Started</a>
</div>
<div class="pricing-plan">
<div class="badge">Premium</div>
<div class="secondary-badge">Save 20%</div>
<h2 class="plan-title">Premium</h2>
<p class="plan-price">$199/month</p>
<p class="plan-description">For established businesses scaling up.</p>
<ul class="features">
<li>Unlimited Social Media Posts</li>
<li>24/7 Support</li>
<li>Comprehensive Analytics</li>
</ul>
<a href="#" class="btn">Get Started</a>
</div>
</div>
</section>
<!-- Team Section -->
<section class="team" id="team">
<h2>Meet Our Digital Marketing Experts Team</h2>
<div class="team-grid">
<div class="team-member">
<img src="assets/team1.jpg" alt="Team Member 1">
<p class="team-name">Alice Johnson</p>
</div>
<div class="team-member">
<img src="assets/team2.png" alt="Team Member 2">
<p class="team-name">Michael Smith</p>
</div>
<div class="team-member">
<img src="assets/team3.jpg" alt="Team Member 3">
<p class="team-name">Sophia Lee</p>
</div>
<div class="team-member">
<img src="assets/team4.jpeg" alt="Team Member 4">
<p class="team-name">James Brown</p>
</div>
</div>
</section>
<!-- Contact Us Form -->
<section class="contact" id="contact">
<h2>Contact Us</h2>
<form onsubmit="return validateForm()">
<input type="text" id="name" placeholder="Your Name" required>
<input type="email" id="email" placeholder="Your Email" required>
<textarea id="message" placeholder="Your Message" required></textarea>
<button type="submit" class="cta-button">Send Message</button>
</form>
</section>
<!-- footer -->
<footer class="footer">
<div class="footer-content">
<!-- Contact Info Section -->
<div class="contact-info">
<h4>Contact</h4>
<p>DigiMantra<br>Sector 74, S.A.S Nagar<br>Mohali</p>
<p>Email: <a href="mailto:info@griddigitalmarketing.com">info@digitalmarketing.com</a></p>
<p>WhatsApp: <a href="tel:+31610732535">+91234567890</a></p>
</div>
<!-- Sitemap Section -->
<div class="sitemap">
<h4>Sitemap</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- Social Media Section -->
<div class="social-media">
<h4>Follow Us</h4>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fa-brands fa-facebook"></i></a>
<a href="#" aria-label="Twitter"><i class="fa-brands fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
<div class="footer-copyright">
<p>&copy; 2024 DigiMantra. All Rights Reserved.</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="js/slider.js"></script>
</body>
</html>