One Hat Cyber Team

Edit File: index.html

<!DOCTYPE html>
<html lang="en">

<head>
  
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VW3HGX8BVM"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

gtag('config', 'G-VW3HGX8BVM');
</script>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>AladinssConnect - Digital Goods, Tools & Online Solutions</title>
  <meta name="description" content="Discover AladinssConnect, your hub for digital products, software, eBooks, online tools, and resources. Connect, explore, and access solutions for all your digital needs.">
  <meta name="keywords" content="digital goods, online tools, software resources, eBooks, digital solutions, leads, AladinssConnect, online products, digital resources, technology tools">

<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=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Montserrat: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">

<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">

<link href="assets/css/main.css" rel="stylesheet">

.modal-custom-content {
  background: #fff;
  width: 100%;
  max-width: 450px;
  padding: 30px;
  border-radius: 15px;
  position: relative;
  animation: fadeUp 0.3s ease-out;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.modal-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 28px;
  cursor: pointer;
}

.apply-title {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}

.apply-subtitle {
  font-size: 1rem;
  text-align: center;
  color: #555;
  margin-bottom: 20px;
}
</style>

</head>

</div>

</header>

<div class="col-lg-6 text-light text-start mb-5 mb-lg-0">
              <h1 class="fw-bold mb-3 text-white">Discover Everything You Need in One Digital Hub</h1>
              <p class="mb-4">
                Explore wallpapers, free PNGs, templates, ringtones, and tools all in one place.<br>
                Stay updated with news, sports info, astrology, and health tips.<br>
                Dive into entertainment — movies, TV shows, celebrities, web series, reels, and audio stories.
              </p>
              <button class="btn btn-primary btn-lg open-digitalhub-modal">Explore Now</button>
            </div>

<div class="col-lg-6 d-flex justify-content-lg-end justify-content-center">
              <div class="apply-card-wrapper">
                <div class="apply-card">
                  
                  <h2 class="apply-title">Join Your Digital Hub</h2>
                  <p class="apply-subtitle">
                    Access wallpapers, free PNGs, templates, ringtones,
                    entertainment updates & useful tools — all in one place.
                  </p>

<button type="submit" class="apply-btn w-100" id="submitBtn">
                      GET INSTANT ACCESS
                    </button>

<p class="terms mt-3 small text-center">
                    By submitting, you’ll receive updates on wallpapers, PNGs, templates,
                    entertainment & useful tools.
                  </p>

</div>
              </div>
            </div>

</div>
        </div>
      </div>

<div id="digitalHubModal" class="modal-custom">
      <div class="modal-custom-content">

<span class="modal-close">&times;</span>

<h2 class="apply-title">Join Your Digital Hub</h2>
        <p class="apply-subtitle">
          Access wallpapers, free PNGs, templates, ringtones,
          entertainment updates & useful tools — all in one place.
        </p>

<button type="submit" class="apply-btn w-100">
            GET INSTANT ACCESS
          </button>

<p class="terms mt-3 small text-center">
          By submitting, you’ll receive updates on wallpapers, PNGs, templates,
          entertainment & useful tools.
        </p>

</div>
    </div>

<section id="featured-services" class="featured-services section">
      
      <div class="container section-title" data-aos="fade-up">

<p><span> Our </span> <span class="description-title">Services</span></p>
      </div>
      <div class="container">

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-journal" title="Diary"></i></div>
              <h4><a href="#blogging" class="stretched-link">Digital Diary</a></h4>
              <p>A secure and smart digital diary to organize your thoughts, track your day, and preserve your memories
                — anytime, anywhere.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-newspaper"></i></div>
              <h4><a href="#news" class="stretched-link">News</a></h4>
              <p>Stay updated with the latest trending stories, breaking headlines, and exclusive updates from around
                the world of entertainment and beyond.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-star-fill"></i></div>
              <h4><a href="#entertainment" class="stretched-link">Celebrities</a></h4>
              <p>Discover celebrity news, lifestyle updates, interviews, and behind-the-scenes stories about your
                favorite stars.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="400">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-film"></i></div>
              <h4><a href="#entertainment" class="stretched-link">Cinemas</a></h4>
              <p>Explore the latest movie releases, reviews, trailers, and updates from the world of cinema — from
                blockbuster hits to indie gems.</p>
            </div>
          </div>

</div>
        <div class="row py-5 gy-4">

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-tv-fill"></i></div>
              <h4><a href="#entertainment" class="stretched-link">TV Shows</a></h4>
              <p>Catch up on trending TV shows, episode recaps, and updates on your favorite series from popular
                networks and streaming platforms.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-star-fill"></i></div>
              <h4><a href="#entertainment" class="stretched-link">TV stars</a></h4>
              <p>Learn more about the lives, journeys, and achievements of your favorite television personalities and
                rising stars.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-play-btn-fill"></i></div>
              <h4><a href="#entertainment" class="stretched-link">Web Series</a></h4>
              <p>Explore trending web series, exclusive previews, and must-watch recommendations from top streaming
                platforms.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="400">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-headphones"></i></div>
              <h4><a href="#entertainment" class="stretched-link">Audio Stories</a></h4>
              <p>Immerse yourself in engaging audio stories — from drama and romance to mystery and motivation — crafted
                to inspire and entertain.</p>
            </div>
          </div>

</div>
        <div class="row py-5 gy-4">

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-image"></i></div>
              <h4><a href="#blogging" class="stretched-link">Wallpaper</a></h4>
              <p>Discover a stunning collection of HD and 4K wallpapers for your desktop and mobile devices. From nature
                and art to movies and celebrities, personalize your screen with vibrant visuals that match your style.
              </p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-file-earmark-image"></i></div>
              <h4><a href="#blogging" class="stretched-link">FreePNGs</a></h4>
              <p>Discover a stunning collection of HD and 4K wallpapers for your desktop and mobile devices. From nature
                and art to movies and celebrities, personalize your screen with vibrant visuals that match your style.
              </p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-layout-text-window"></i></div>
              <h4><a href="#blogging" class="stretched-link">Templates</a></h4>
              <p>Browse a variety of ready-to-use templates for resumes, business cards, invitations, posters, and more.
                Save time and create professional-looking designs in minutes — fully editable and easy to customize.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="400">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-music-note-beamed"></i></div>
              <h4><a href="#news" class="stretched-link">Ringtone</a></h4>
              <p>Explore the latest collection of mobile ringtones — from trending tunes and classic melodies to movie
                themes and notification sounds. Download your favorite tones and make your phone truly yours.</p>
            </div>
          </div>

</div>
        <div class="row py-5 gy-4">

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-briefcase"></i></div>
              <h4><a href="#news" class="stretched-link">Jobs</a></h4>
              <p>Find the latest job openings across multiple sectors. Whether you’re a fresher or professional, explore
                opportunities, apply easily, and stay updated with career tips and industry trends.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-trophy"></i></div>
              <h4><a href="#sports" class="stretched-link">SportInfo</a></h4>
              <p>Get the latest updates, match results, player stats, and exclusive sports insights. From cricket and
                football to trending global events — stay informed and celebrate every game moment.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-moon-stars"></i></div>
              <h4><a href="#sports" class="stretched-link">Astrology</a></h4>
              <p>Unlock the secrets of your stars with daily horoscopes, zodiac predictions, and personalized astrology
                insights. Understand your future, relationships, and career with trusted guidance.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="400">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-heart-pulse"></i></div>
              <h4><a href="#sports" class="stretched-link">Health</a></h4>
              <p>Your trusted guide to healthy living — explore articles on fitness, diet, mental wellness, and
                lifestyle tips. Stay informed and inspired to lead a balanced and happier life.</p>
            </div>
          </div>

</div>
        <div class="row py-5 gy-4">

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-briefcase"></i></div>
              <h4><a href="#blogging" class="stretched-link">Tools</a></h4>
              <p>Access a wide range of smart online tools — from image converters and calculators to format generators
                and productivity apps. Simplify your tasks and save time with easy, free utilities.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-trophy"></i></div>
              <h4><a href="#news" class="stretched-link">Business Listing</a></h4>
              <p>Promote your business online and reach a wider audience. Add your company details, services, and
                contact info to our directory — build visibility, credibility, and customer trust effortlessly.</p>
            </div>
          </div>

<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300">
            <div class="service-item position-relative">
              <div class="icon"><i class="bi bi-moon-stars"></i></div>
              <h4><a href="#entertainment" class="stretched-link">Reel Download</a></h4>
              <p>Download your favorite Instagram and social media reels quickly and securely. Save trending videos for
                offline viewing or inspiration — fast, free, and watermark-free.</p>
            </div>
          </div>

</div>

</section>

<section id="about" class="about section light-background">

<div class="container section-title" data-aos="fade-up">
        <h2>About</h2>
        <p><span>Find Out More</span> <span class="description-title">About Us</span></p>
      </div>

<div class="container">
        <section class="py-5 bg-light">
          <div class="container">
            <div class="row align-items-center" id="blogging">
              
              <div class="col-lg-6 mb-4 mb-lg-0">
                <img src="./assets/img/img/about-1.png" class="img-fluid rounded shadow" alt="Blogging & Lifestyle">
              </div>
              
              <div class="col-lg-6">
                <h2 class="fw-bold mb-3">Blogging & Lifestyle</h2>
                <p class="text-muted mb-4">
                  Discover your creative space with tools designed for thinkers, designers, and storytellers.
                  Access digital diaries, customizable templates, high-quality wallpapers, and free PNGs —
                  all crafted to inspire creativity and enhance your digital projects.
                </p>

<div class="d-flex mb-4">
                  <div class="icon-box me-3">
                    <i class="bi bi-journal-text fs-3 text-primary"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Digital Diary</h5>
                    <p class="mb-0 text-muted">Write and share your stories, experiences, and ideas online.</p>
                  </div>
                </div>

<div class="d-flex mb-4">
                  <div class="icon-box me-3">
                    <i class="bi bi-file-earmark-richtext fs-3 text-primary"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Templates & Free PNGs</h5>
                    <p class="mb-0 text-muted">Access ready-made templates and PNGs for creative design projects.</p>
                  </div>
                </div>

<div class="d-flex">
                  <div class="icon-box me-3">
                    <i class="bi bi-tools fs-3 text-primary"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Tools & Wallpapers</h5>
                    <p class="mb-0 text-muted">Smart tools, digital utilities, and stunning wallpapers to inspire
                      creativity.</p>
                  </div>
                </div>
              </div>

</div>
          </div>
        </section>
        <section class="py-5">
          <div class="container">
            <div class="row align-items-center flex-lg-row-reverse" id="sports">
              
              <div class="col-lg-6 mb-4 mb-lg-0">
                <img src="./assets/img/img/about-2.png" class="img-fluid rounded shadow" alt="Sports">
              </div>
              
              <div class="col-lg-6">
                <h2 class="fw-bold mb-3">Sports & Fitness</h2>
                <p class="text-muted mb-4">
                  Stay ahead in the game with the latest sports updates, health tips, and astrology insights.
                  Get information on matches, fitness routines, and motivation that keeps you moving.
                </p>

<div class="d-flex mb-4">
                  <div class="icon-box me-3">
                    <i class="bi bi-trophy fs-3 text-success"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Sport Info</h5>
                    <p class="mb-0 text-muted">Get real-time match updates, player stats, and sports analysis.</p>
                  </div>
                </div>

<div class="d-flex mb-4">
                  <div class="icon-box me-3">
                    <i class="bi bi-heart-pulse fs-3 text-success"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Health & Fitness</h5>
                    <p class="mb-0 text-muted">Practical wellness and workout tips for a healthy lifestyle.</p>
                  </div>
                </div>

<div class="d-flex">
                  <div class="icon-box me-3">
                    <i class="bi bi-stars fs-3 text-success"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Astrology & Motivation</h5>
                    <p class="mb-0 text-muted">Discover how astrology and mindset influence sports and life goals.</p>
                  </div>
                </div>
              </div>

</div>
          </div>
        </section>
        <section class="py-5 bg-light">
          <div class="container">
            <div class="row align-items-center" id="news">
              
              <div class="col-lg-6 mb-4 mb-lg-0">
                <img src="./assets/img/img/about-3.png" class="img-fluid rounded shadow" alt="News & Information">
              </div>

<div class="col-lg-6">
                <h2 class="fw-bold mb-3">News & Information</h2>
                <p class="text-muted mb-4">
                  Stay informed with the latest updates, business listings, and useful tools.
                  Get verified news, explore digital services, and find everything you need in one place.
                </p>

<div class="d-flex mb-4">
                  <div class="icon-box me-3">
                    <i class="bi bi-newspaper fs-3 text-info"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">News Updates</h5>
                    <p class="mb-0 text-muted">Catch up with trending topics and breaking digital headlines.</p>
                  </div>
                </div>

<div class="d-flex mb-4">
                  <div class="icon-box me-3">
                    <i class="bi bi-briefcase fs-3 text-info"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Business & Listings</h5>
                    <p class="mb-0 text-muted">Explore local businesses, services, and online directories.</p>
                  </div>
                </div>

<div class="d-flex">
                  <div class="icon-box me-3">
                    <i class="bi bi-music-note-beamed fs-3 text-info"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Ringtones & Resources</h5>
                    <p class="mb-0 text-muted">Access trending ringtones and useful digital downloads.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section class="py-5">
          <div class="container">
            <div class="row align-items-center flex-lg-row-reverse" id="entertainment">
              
              <div class="col-lg-6 mb-4 mb-lg-0">
                <img src="./assets/img/img/about-4.png" class="img-fluid rounded shadow" alt="Entertainment & Media">
              </div>

<div class="col-lg-6">
                <h2 class="fw-bold mb-3">Entertainment & Media</h2>
                <p class="text-muted mb-4">
                  Dive into the world of movies, web series, and stars.
                  Discover the latest entertainment trends, celebrity updates, and digital storytelling that keeps
                  audiences inspired.
                </p>

<div class="d-flex mb-4">
                  <div class="icon-box me-3">
                    <i class="bi bi-camera-reels fs-3 text-danger"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Cinemas & Web Series</h5>
                    <p class="mb-0 text-muted">Latest movies, web releases, and streaming recommendations.</p>
                  </div>
                </div>

<div class="d-flex mb-4">
                  <div class="icon-box me-3">
                    <i class="bi bi-star fs-3 text-danger"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Celebrities & TV Stars</h5>
                    <p class="mb-0 text-muted">Get updates on celebrity stories, interviews, and spotlights.</p>
                  </div>
                </div>

<div class="d-flex">
                  <div class="icon-box me-3">
                    <i class="bi bi-headphones fs-3 text-danger"></i>
                  </div>
                  <div>
                    <h5 class="fw-semibold mb-1">Audio Stories & Shows</h5>
                    <p class="mb-0 text-muted">Listen to inspiring audio stories and discover trending TV shows.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>

</section>

<section id="clients" class="clients section light-background">

<div class="swiper init-swiper">
          <script type="application/json" class="swiper-config">
            {
              "loop": true,
              "speed": 600,
              "autoplay": {
                "delay": 5000
              },
              "slidesPerView": "auto",
              "pagination": {
                "el": ".swiper-pagination",
                "type": "bullets",
                "clickable": true
              },
              "breakpoints": {
                "320": {
                  "slidesPerView": 2,
                  "spaceBetween": 40
                },
                "480": {
                  "slidesPerView": 3,
                  "spaceBetween": 60
                },
                "640": {
                  "slidesPerView": 4,
                  "spaceBetween": 80
                },
                "992": {
                  "slidesPerView": 6,
                  "spaceBetween": 120
                }
              }
            }
          </script>
          <div class="swiper-wrapper align-items-center">
            <div class="swiper-slide"><img src="assets/img/clients/client-9.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-10.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-11.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-12.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-13.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-14.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-15.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-16.png" class="img-fluid" alt=""></div>
          </div>
        </div>

</div>

</section>

<section id="portfolio" class="portfolio section">

<div class="container section-title" data-aos="fade-up">
        <h2>Portfolio</h2>
        <p><span>Check Our&nbsp;</span> <span class="description-title">Portfolio</span></p>
      </div>

<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
              <img src="./assets/img/masonry-portfolio/port-1.png" class="img-fluid" alt="">
              
            </div>

<!-- <section id="contact" class="contact section">

<div class="container section-title" data-aos="fade-up">
        <h2>Contact</h2>
        <p><span>Need Help?</span> <span class="description-title">Contact Us</span></p>
      </div>

</div>

<div class="col-md-6">
                  <label for="email-field" class="pb-2">Your Email</label>
                  <input type="email" class="form-control" name="email" id="email-field" required="">
                </div>

<div class="col-md-12">
                  <label for="message-field" class="pb-2">Message</label>
                  <textarea class="form-control" name="message" rows="10" id="message-field" required=""></textarea>
                </div>

<div class="col-md-12 text-center">
                  <div class="loading">Loading</div>
                  <div class="error-message"></div>
                  <div class="sent-message">Your message has been sent. Thank you!</div>

<button type="submit">Send Message</button>
                </div>

</div>
            </form>
          </div>

</div>

</section> -->

<!-- <section id="login" class="login section py-5 bg-light">
      <div class="container" data-aos="fade-up">

<div class="section-title text-center mb-5">
          <h2>Login / Register</h2>
          <p><span>Access Your</span> <span class="description-title">Blog Account</span></p>
          <p class="text-muted">Sign in or create your account to explore and share stories, updates, and ideas.</p>
        </div>

<div class="mb-3">
                    <label for="phone-field" class="form-label fw-semibold">Phone Number</label>
                    <input type="tel" name="phone" id="phone-field" class="form-control"
                      placeholder="e.g. +91 98765 43210" required>
                  </div>

<div class="mb-3">
                    <label for="email-field" class="form-label fw-semibold">Email Address</label>
                    <input type="email" name="email" id="email-field" class="form-control"
                      placeholder="Enter your email" required>
                  </div>

<div class="mb-3">
                    <label for="password-field" class="form-label fw-semibold">Password</label>
                    <input type="password" name="password" id="password-field" class="form-control"
                      placeholder="Enter your password" required>
                  </div>

<div class="d-grid mt-4">
                    <button type="submit" class="btn btn-primary btn-lg rounded-3">Login / Sign Up</button>
                  </div>

<div class="text-center mt-3">
                    <small class="text-muted">Forgot Password? <a href="#" class="text-decoration-none">Click
                        Here</a></small><br>
                    <small class="text-muted">New User? <a href="#" class="text-decoration-none">Create an
                        Account</a></small>
                  </div>

</form>

</div>
            </div>
          </div>
        </div>

</div>
    </section> -->

<section id="faq" class="faq section light-background">

<div class="container section-title" data-aos="fade-up">
        <h2>F.A.Q</h2>
        <p><span>Frequently Asked</span> <span class="description-title">Questions</span></p>
      </div>

<div class="faq-item faq-active">
                <h3>What type of content can I find on this platform?</h3>
                <div class="faq-content">
                  <p>You can explore a wide variety of topics — from digital diaries, news, and celebrity updates to
                    cinemas, TV shows, and web series.
                    We also offer creative resources like wallpapers, free PNGs, templates, and ringtones, along with
                    practical tools such as business listings, job updates, and astrology insights — all in one
                    organized place.</p>
                </div>
                <i class="faq-toggle bi bi-chevron-right"></i>
              </div>

<div class="faq-item">
                <h3>Can I download wallpapers, PNGs, and templates for free?</h3>
                <div class="faq-content">
                  <p>Yes! Our Wallpaper, FreePNGs, and Templates sections provide high-quality downloadable assets that
                    you can use for personal or creative projects.
                    Each resource is categorized and updated regularly to give you the best experience.</p>
                </div>
                <i class="faq-toggle bi bi-chevron-right"></i>
              </div>

<div class="faq-item">
                <h3>How often is the news and entertainment content updated?</h3>
                <div class="faq-content">
                  <p>Our News, Celebrities, Cinemas, and TV/Web Series sections are updated daily with trending topics,
                    movie reviews, celebrity stories, and exclusive entertainment coverage — keeping you informed and
                    engaged.</p>
                </div>
                <i class="faq-toggle bi bi-chevron-right"></i>
              </div>

<div class="faq-item">
                <h3>How can I submit or share my own digital diary or audio story?</h3>
                <div class="faq-content">
                  <p>You can share your personal experiences and creative work through our Digital Diary and Audio
                    Stories sections.
                    After logging in or creating an account, you’ll be able to submit your stories easily using our
                    upload form — we review each post to maintain quality content.</p>
                </div>
                <i class="faq-toggle bi bi-chevron-right"></i>
              </div>

<div class="faq-item">
                <h3>Do you provide job updates or local business listings?</h3>
                <div class="faq-content">
                  <p>Do you provide job updates or local business listings?</p>
                </div>
                <i class="faq-toggle bi bi-chevron-right"></i>
              </div>

<div class="faq-item">
                <h3>Can I listen to or download audio stories directly from the website?</h3>
                <div class="faq-content">
                  <p>Yes, our Audio Stories section lets you stream or download engaging audio content across multiple
                    genres — from real-life experiences and motivation to entertainment and short fiction.
                    All stories are categorized for easy access, so you can enjoy them anytime, anywhere, on any device.
                  </p>
                </div>
                <i class="faq-toggle bi bi-chevron-right"></i>
              </div>

</div>

</div>

</div>

</section>

<div class="container py-5">
      <div class="container">
        <div class="rounded p-4" style="background-color: #ff7400 !important;">
          <div class="row ">
            <div class="col-lg-8 col-md-6">
              <h1 class="text-white ">Are You Ready To Get Started?</h1>
            </div>
            <div class="col-lg-4 col-md-6 text-md-end">
              <a class="btn btn-light rounded-pill py-3 px-5 fs-5 start-btn open-digitalhub-modal" role="button" href="">Get
                Started</a>
            </div>
          </div>
        </div>
      </div>
    </div>

</main>

<div class="col-lg-4 col-md-6 footer-about">
          <a href="https://aladinss.com" class="d-flex align-items-center">
            <span class="sitename">Aladinss Connect</span>
          </a>

<div class="footer-contact pt-3">
            <p>Aladinss: Search Anything Nearby | Find the right experts you need.</p>
            <p class="mt-3"><strong>Services:</strong> Local search, travel, food delivery, grocery, medicines, online shopping, tickets, movies, bus, flights, hotels, events.</p>
            <p><strong>Email:</strong> <span>support@aladinss.com</span></p>
          </div>
        </div>

<div class="col-lg-2 col-md-3 footer-links">
          <h4>Useful Links</h4>
          <ul>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/">Home</a></li>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/classifieds">Classifieds</a></li>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/marketplace">Marketplace</a></li>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/jobs">Jobs</a></li>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/properties/">Real Estate</a></li>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/classifieds/news">Live News</a></li>
          </ul>
        </div>

<div class="col-lg-2 col-md-3 footer-links">
          <h4>Business Links</h4>
          <ul>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/listings">Local Businesses</a></li>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/categories">Business Categories</a></li>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/page/terms-and-conditions">Terms & Conditions</a></li>
            <li><i class="bi bi-chevron-right"></i> <a href="https://aladinss.com/page/privacy-policy">Privacy Policy</a></li>
          </ul>
        </div>

<div class="col-lg-4 col-md-12">
          <h4>Subscribe to Our Newsletter</h4>
          <p>Get the latest updates, offers, and alerts from Aladinss.</p>

<button class="btn btn-primary rounded-pill p-3 fs-5 start-btn open-digitalhub-modal" type="submit">Click to Subscribe</button>

</div>
    </div>

<div class="container copyright text-center mt-4">
      <p>© <span>Copyright</span> <strong class="px-1 sitename">Aladinss</strong> <span>All Rights Reserved</span></p>
    </div>

</footer>

<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i
      class="bi bi-arrow-up-short"></i></a>

<div id="preloader">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>

<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
  <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>

<script src="assets/js/main.js"></script>

// Close when clicking X
  document.querySelector(".modal-close").onclick = function () {
    document.getElementById("digitalHubModal").style.display = "none";
  };

// Close when clicking outside content
  window.onclick = function (e) {
    if (e.target.id === "digitalHubModal") {
      document.getElementById("digitalHubModal").style.display = "none";
    }
  };
  </script>

</body>

</html>