assignment-123/index.html
2024-12-31 11:55:05 +05:30

681 lines
30 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Digital Marketing Company</title>
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/layout.css" />
<link rel="stylesheet" href="/css/swiper.css" />
<link rel="stylesheet" href="/css/contact.css" />
<link rel="icon" href="/assets/DigiMantraLogo.png" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!-- Swiper JS -->
</head>
<body>
<!--NAVBAR AND HERO -->
<header>
<!-- NAVBAR -->
<div data-aos="fade-down" data-aos-delay="50" data-aos-duration="1000">
<nav>
<div class="logo">
<img src="/assets/DigiMantraLogo.png" alt="" />
</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div>
<button class="button"><span>Contact Us </span></button>
</div>
<div class="hamburger" onclick="toggleMenu()">
<div></div>
<div></div>
<div></div>
</div>
</nav>
</div>
<!-- NAVBAR ENDS -->
<!-- HERO -->
<div class="hero-section">
<div data-aos="fade-right" data-aos-delay="50" data-aos-duration="1000">
<div class="hero-left">
<h1>Best SEO Services Company</h1>
<p>
Would you like your website to rank highly in search engine results?
Please sit back & relax. With our tried-and-true SEO or growth
hacking methods, technologies, and data-backed decision-making
power, we have generated over $2 million in revenue for our clients.
</p>
<a href="#" class="hero-button">Get Free Consulation >></a>
</div>
</div>
<div data-aos="fade-left" data-aos-delay="50" data-aos-duration="1000">
<img src="https://techsavycrew.com/wp-content/uploads/2024/11/laptop-section-home-2.png" alt="Laptop" />
</div>
</div>
<!-- HERO ENDS -->
</header>
<!-- NAVBAR AND HERO ENDS -->
<!-- OUR PARTNERS -->
<div data-aos="fade-up-right" data-aos-delay="50" data-aos-duration="1000">
<div class="featured-section-container">
<div class="section-title">
<h2>We're <span> Featured </span> On</h2>
</div>
<div class="featured-section">
<div class="fs-row">
<img src="/assets/airtel.png" alt="airtel" />
<img src="https://techsavycrew.com/wp-content/uploads/2024/11/Forbes-india-logo.webp"
alt="Forbes India Logo" />
<img src="https://techsavycrew.com/wp-content/uploads/2024/11/source-logo__3_-removebg-preview.webp"
alt="Source Logo" />
</div>
<div class="fs-row">
<img src="/assets/jio.png" alt="jio" />
<img src="/assets/rablo.png" alt="rablo" />
</div>
</div>
</div>
</div>
<!-- OUR PARTNERS ENDS -->
<!-- SERVICES -->
<div data-aos="fade-down" data-aos-delay="50" data-aos-duration="1000">
<div class="card-container" id="services">
<div class="card-container-title">
<h2>Our Industry Level SEO Services: <span> Be the Next One </span></h2>
</div>
<div class="card-item-container">
<div data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="1000">
<div class="card-item">
<div class="card-icon"><i class="fa-solid fa-star"></i></div>
<h3>Dating SEO</h3>
<p>
By enhancing dating site search rankings and user engagement through
keyword optimisation, mobile responsiveness, fast loading times, and
high-quality content.
</p>
</div>
</div>
<div data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="1000">
<div class="card-item">
<div class="card-icon"><i class="fa-regular fa-building"></i></div>
<h3>Hotel SEO</h3>
<p>
By enhancing dating site search rankings and user engagement through
keyword optimisation, mobile responsiveness, fast loading times, and
high-quality content.
</p>
</div>
</div>
<div data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="1000">
<div class="card-item">
<div class="card-icon"><i class="fa-solid fa-headset"></i></div>
<h3>Gaming SEO</h3>
<p>
By building authority in the competitive sector through quality
inbound links, authentic content, and social sharing, we specialise
in the Gaming SEO sector.
</p>
</div>
</div>
<div data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="1000">
<div class="card-item">
<div class="card-icon"><i class="fa-solid fa-coins"></i></div>
<h3>Casino SEO</h3>
<p>
Focusing on location-specific keywords, our top SEO company in
London optimises casino websites through landing pages, original
content, and geographical search.
</p>
</div>
</div>
<div data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="1000">
<div class="card-item">
<div class="card-icon"><i class="fa-solid fa-lira-sign"></i></div>
<h3>Crypto SEO</h3>
<p>
We optimise your website for cryptocurrency and blockchain keywords,
enhancing visibility through SEO and social media and positioning
you as an expert.
</p>
</div>
</div>
<div data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="1000">
<div class="card-item">
<div class="card-icon"><i class="fa-solid fa-hotel"></i></div>
<h3>Real Estate SEO</h3>
<p>
Optimising real estate websites through SEO is crucial for
increasing traffic and leads in a competitive market, focusing on
both on-page and off-page strategies.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- SERVICES ENDS -->
<!-- WHAT WE DO -->
<div data-aos="zoom-out-right" data-aos-delay="50" data-aos-duration="1000">
<div class="swipecontainer">
<div class="section-title">
<h2><span>What </span> we do?</h2>
<p>
Empowering businesses with innovative IT solutions for seamless
digital transformation.
</p>
</div>
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/assets/Crypto.webp" alt="" />
<div class="caption">
<h1>CRYPTO</h1>
</div>
</div>
<div class="swiper-slide">
<img src="/assets/DigitalTransformation.webp" alt="" />
<div class="caption">
<h1>DIGITAL TRANSFORMATION</h1>
</div>
</div>
<div class="swiper-slide">
<img src="/assets/Fintech.webp" alt="" />
<div class="caption">
<h1>FINTECH</h1>
</div>
</div>
<div class="swiper-slide">
<img src="/assets/FitnessWearables.webp" alt="" />
<div class="caption">
<h1>FITNESS WEARABLES</h1>
</div>
</div>
<div class="swiper-slide">
<img src="/assets/Gaming.webp" alt="" />
<div class="caption">
<h1>GAMING</h1>
</div>
</div>
<div class="swiper-slide">
<img src="/assets/RetailLogistics.webp" alt="" />
<div class="caption">
<h1>RETAIL LOGISTICS</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- WHAT WE DO ENDS -->
<!-- FEATURED SLIDER -->
<div data-aos="zoom-out-down" data-aos-delay="50" data-aos-duration="1000">
<div class="project-section-title">
<h2><span>Featured </span> Projects</h2>
<p>
Learn how we are delivering cutting-edge solutions and transforming
businesses.
</p>
</div>
<div class="featured-projects-container">
<!-- Content Slider -->
<div class="content-slider">
<div class="slick-content">
<div class="slide">
<h2>Evil Genius Games</h2>
<p>
Evil Genius Games invites players to dive into captivating
tabletop RPG experiences, seamlessly blending strategic depth
with immersive gameplay. Our team led the development of their
digital platform, ensuring intuitive interfaces and dynamic
mechanics. Our collaboration has solidified Evil Genius Games as
an industry leader in immersive gaming experiences.
</p>
</div>
<div class="slide">
<h2>EarthLink Fiber Internet</h2>
<p>
Earthlink epitomizes leadership in digital innovation,
seamlessly blending advanced technology with unbeatable
connectivity. Our team led the development and design efforts
for their digital infrastructure, ensuring seamless integration
and optimal performance. Through meticulous planning,
implementation, and ongoing support, we helped Earthlink
maintain its position as a frontrunner in the digital
connectivity landscape.
</p>
</div>
<div class="slide">
<h2>Involvely Parenting Resource</h2>
<p>
Involvvely functions as a comprehensive Parent Resource and
school platform, fosteringconnections among community parents.
Our team played a pivotal role in developing and designing their
platform, ensuring seamless integration and user-friendly
interfaces. Our technical contributions streamlined Involvvely's
platform, allowing parents to get more involved in their
children's education using their innovative ideas.
</p>
</div>
<div class="slide">
<h2>Data-Driven Insights</h2>
<p>
We go beyond simply building software. We leverage data-driven
insights and analytics to continuously monitor and optimize your
solutions, maximizing performance and user experience. This
ongoing cycle of measurement, analysis, and improvement ensures
your software not only meets your initial needs but also adapts
and evolves alongside your business objectives.
</p>
</div>
<div class="slide">
<h2>Collaborative Innovative Solutions</h2>
<p>
We cultivate an environment of co-creation and open
communication to design the perfect solution tailored to your
unique needs and goals. This collaborative approach ensures the
delivery of solutions that are not only technically sound but
also meet the needs of the business and its customers.
</p>
</div>
<div class="slide">
<h2>Future Proof Technology Stack</h2>
<p>
We remain at the forefront of technological advancements,
continuously investing in and integrating the latest tools,
frameworks, and methodologies into our development process. This
commitment ensures that your solutions are built on a
future-proof foundation, adaptable to the ever-evolving digital
landscape.
</p>
</div>
</div>
</div>
<!-- Image Slider -->
<div class="image-slider">
<div class="slick-images">
<div><img src="/assets/featured/evil.webp" alt="" /></div>
<div><img src="/assets/featured/elink.webp" alt="" /></div>
<div><img src="/assets/featured/involv.webp" alt="" /></div>
<div>
<img src="/assets/featured/collaborativeInnovativeSolutions.webp" alt="" />
</div>
<div>
<img src="/assets/featured/dataDrivenInsights.webp" alt="" />
</div>
<div>
<img src="/assets/featured/futureProofTech.webp" alt="" />
</div>
</div>
</div>
</div>
</div>
<!-- FEATURED SLIDER ENDS -->
<!-- OUR TEAM -->
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-title">
<h2>Meet Our <span>Team </span></h2>
</div>
<div class="team-section">
<div class="team-item-row">
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-item">
<img src="https://digimantralabs.com/images/team/SachinKhosla.png" style="height: 300px"
alt="" />
<h2>Sachin Khosla</h2>
<p>Founder & CEO</p>
</div>
</div>
</div>
<div class="team-item-row">
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-item">
<img src="https://digimantralabs.com/images/team/BikramjitSingh.png" alt="" />
<h2>Bikramjit Singh</h2>
<p>Vice President</p>
</div>
</div>
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-item">
<img src="https://digimantralabs.com/images/team/MayankSetia.png" alt="" />
<h2>Mayank Setia</h2>
<p>Sales Head</p>
</div>
</div>
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-item">
<img src="https://digimantralabs.com/images/team/Vanshree.png" alt="" />
<h2>Vanshree Minglani</h2>
<p>Associate Director of Finance</p>
</div>
</div>
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-item">
<img src="https://digimantralabs.com/images/team/JagmeetCheema.png" alt="" />
<h2>Jagmeet Cheema</h2>
<p>Vice President Data Analytics</p>
</div>
</div>
</div>
<div class="team-item-row">
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-item">
<img src="https://digimantralabs.com/images/team/HarsimranSingh.png" alt="" />
<h2>Harsimran Singh</h2>
<p>Vice President</p>
</div>
</div>
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-item">
<img src="https://digimantralabs.com/images/team/RohitPuri.png" alt="" />
<h2>Rohit Puri</h2>
<p>Key Account Manager</p>
</div>
</div>
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-item">
<img src="https://digimantralabs.com/images/team/Manpreetkaur.png" alt="" />
<h2>Manpreet kaur</h2>
<p>Associate Director</p>
</div>
</div>
<div id="about" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="team-item">
<img src="https://digimantralabs.com/images/team/diksha-verma.png" alt="" />
<h2>Diksha Verma</h2>
<p>Senior HR Specialist</p>
</div>
</div>
</div>
</div>
</div>
<!-- OUR TEAM ENDS -->
<!-- PRICING -->
<div data-aos="zoom-in" data-aos-delay="50" data-aos-duration="1000">
<div class="price-container" id="pricing">
<div class="pricing-title">
<h2>Choose Your <span> Plan </span></h2>
</div>
<div class="price-row">
<div data-aos="fade-up-right" data-aos-delay="50" data-aos-duration="1000">
<div class="price-col">
<p>starter</p>
<h3>19$ <span>/ month </span></h3>
<ul>
<li>1 website</li>
<li>10 gb disk space</li>
<li>free email address</li>
<li>basic web builder</li>
<li>no ssl certificate</li>
</ul>
<button>Add to cart</button>
</div>
</div>
<div data-aos="fade-up-right" data-aos-delay="50" data-aos-duration="1000">
<div class="price-col">
<p>advanced</p>
<h3>19$ <span>/ month </span></h3>
<ul>
<li>1 website</li>
<li>10 gb disk space</li>
<li>free email address</li>
<li>basic web builder</li>
<li>no ssl certificate</li>
</ul>
<button>Add to cart</button>
</div>
</div>
<div data-aos="fade-up-right" data-aos-delay="50" data-aos-duration="1000">
<div class="price-col">
<p>premium</p>
<h3>19$ <span>/ month </span></h3>
<ul>
<li>1 website</li>
<li>10 gb disk space</li>
<li>free email address</li>
<li>basic web builder</li>
<li>no ssl certificate</li>
</ul>
<button>Add to cart</button>
</div>
</div>
</div>
</div>
</div>
<!-- PRICING ENDS-->
<!-- CONTACT -->
<div class="contact-container">
<form class="form-wizard">
<!-- .completed -->
<div class="completed" hidden>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg>
<h3>Registration Successful!</h3>
<p>Your account has been created.</p>
</div>
<!-- /.completed -->
<h1>REGISTERATION</h1>
<!-- .progress-container -->
<div class="progress-container">
<div class="progress"></div>
<ol>
<li class="current">Personal Details</li>
<li>Professional Details</li>
<li>Review & Submit</li>
</ol>
</div>
<!-- /.progress-container -->
<!-- .steps-container -->
<div class="steps-container">
<div class="step">
<h3>Personal Information</h3>
<div class="form-control">
<label for="fullname">Full Name</label>
<input type="text" id="fullname" name="fullname" required />
<small class="error-message"></small>
</div>
<div class="form-control">
<label for="email">Email</label>
<input type="text" id="email" name="email" required />
</div>
<div class="form-control">
<label for="phone">Phone</label>
<input type="text" id="phone" name="phone" required />
<small class="error-message"></small>
</div>
<div class="form-control">
<label><input type="radio" name="gender" value="Male" required />
Male</label>
<label><input type="radio" name="gender" value="Female" />
Female</label>
<label><input type="radio" name="gender" value="Other" /> Other</label>
</div>
<div class="form-control">
<label for="age">Age</label>
<input type="number" id="age" name="age" min="18" max="100" required />
</div>
</div>
<div class="step">
<h3>Professional Details</h3>
<div class="form-control">
<label for="education">Education</label>
<select id="education" name="education" required>
<option value="">Select Education</option>
<option value="High School">High School</option>
<option value="Bachelor's">Bachelor's</option>
<option value="Master's">Master's</option>
<option value="PhD">PhD</option>
</select>
</div>
<div class="form-control">
<label for="skills">Skills</label>
<div class="checkbox-group">
<label><input type="checkbox" name="skills" value="Programming" />
Programming</label>
<label><input type="checkbox" name="skills" value="Design" />
Design</label>
<label><input type="checkbox" name="skills" value="Management" />
Management</label>
</div>
</div>
<div class="form-control">
<label for="experience">Experience</label>
<input type="number" id="experience" name="experience" min="0" max="50" required />
</div>
<div class="form-control">
<label for="currentRole">Current Role</label>
<input type="text" id="currentRole" name="currentRole" required />
</div>
</div>
<div class="step">
<h3>Review & Submit</h3>
<div id="review"></div>
<button type="button" id="editBtn">Edit</button>
<button type="button" class="reset">Reset</button>
</div>
</div>
<!-- /.steps-container -->
<!-- .controls -->
<div class="controls">
<button type="button" class="prev-btn">Prev</button>
<button type="button" class="next-btn">Next</button>
<button type="submit" class="submit-btn">Submit</button>
</div>
<!-- /.controls -->
</form>
<div class="contact-content">
<div class="contact-title">
<h1>Build with Us.</h1>
<h1>Accelerate your Growth.</h1>
</div>
<div class="contact-para">
<p><i class="fa-solid fa-check"></i>Customized solutions and strategies</p>
<p><i class="fa-solid fa-check"></i>Faster-than-market project delivery</p>
<p><i class="fa-solid fa-check"></i>End-to-end digital transformation services</p>
</div>
</div>
</div>
<!-- CONTACT ENDS -->
<!-- FOOTER -->
<footer class="footer">
<div class="footer-container">
<div class="footer-section">
<h3>Our Top Expertise</h3>
<p>Gaming SEO</p>
<p>Hotel SEO</p>
<p>Law Firm SEO</p>
<p>Bank SEO</p>
</div>
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="#" style="text-decoration: none">Home</a></li>
<li><a href="#" style="text-decoration: none">Services</a></li>
<li><a href="#" style="text-decoration: none">Contact</a></li>
<li><a href="#" style="text-decoration: none">About</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Other Expertise</h3>
<p>Real Estate SEO</p>
<p>Roofing SEO</p>
<p>Tradies SEO</p>
</div>
<div class="footer-section">
<h3>Contact Us</h3>
<p>contact@example.com</p>
<p>+123-456-7890</p>
<p>123 Street, City, Country</p>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2024 Your Company. All rights reserved.</p>
</div>
</footer>
<!-- FOOTER ENDS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="https://kit.fontawesome.com/d06d270777.js" crossorigin="anonymous"></script>
<script src="/js/script.js"></script>
<script src="js/swiper.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>