- Scan ID:
- 54c461ff-9c50-4538-86c6-9b78346c5697Finished
- Submitted URL:
- https://www.touchpay.so/
- Report Finished:
Links · 4 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://wa.me/252614266676 | |
| https://www.fb.com/touchpay.so/ | |
| https://www.tiktok.com/@touchpay.so | |
| https://www.instagram.com/touchpay.so/ |
JavaScript Variables · 8 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| $ | string |
| jQuery | string |
| Popper | string |
| bootstrap | string |
| countUp | string |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Touch Pay | Five Minutes Service</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome for Icons -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<link rel="shortcut icon" href="https://www.touchpay.so/uploads/TP/tp_icon_transp_7Vo_icon.ico">
<!-- Custom CSS -->
<style>
body {
font-family: 'Nunito', sans-serif;
padding-top: 80px;
}
/* Header */
.header {
background-color: #025081;
padding: 10px 0;
color: #fff;
position: fixed;
/* Fix the header to the top */
top: 0;
/* Align it to the top */
width: 100%;
/* Make it span the entire width */
z-index: 1000;
/* Ensure it stays above other content */
}
.header .logo img {
max-height: 60px;
margin-left: 40%;
}
.header .navbar {
padding-left: 0;
/* Remove default padding */
}
.header .navbar-nav {
margin-left: 0;
/* Remove any margin from the left */
padding-left: 0;
/* Ensure no extra padding is there */
}
.header .navbar-nav .nav-item {
margin-left: 0;
/* Ensure individual items have no extra margin */
}
.header .navbar-nav .nav-link {
color: #fff;
font-weight: 500;
padding: 0 15px;
font-size: 15px;
/* Font size for the links */
transition: transform 0.3s ease;
}
.header .navbar-nav .nav-link:hover {
transform: scale(1.1);
color: #9eb902;
}
.header .navbar-nav .nav-link.active {
color: #9eb902;
}
.header .support {
display: flex;
align-items: center;
justify-content: flex-end;
}
.header .support-info {
margin-right: 15px;
color: #fff;
font-size: 16px;
}
.header .btn-login {
background-color: #9eb902;
color: #fff;
border: none;
padding: 5px 20px;
margin-right: 10px;
}
.header .btn-register {
background-color: #025081;
color: #fff;
border: none;
padding: 5px 20px;
}
/* Hamburger Menu for Mobile */
.navbar-toggler {
display: none;
border: none;
outline: none;
position: absolute;
right: 10px;
top: 15px;
}
.navbar-toggler i {
font-size: 24px;
color: #fff;
}
/* Show Hamburger Menu on Mobile */
@media (max-width: 768px) {
.navbar-toggler {
display: inline-block;
}
.collapse.navbar-collapse {
background-color: #025081;
padding: 10px;
}
.navbar-nav .nav-item {
margin-bottom: 10px;
}
.navbar-nav .nav-link {
background-color: #9eb902;
color: #fff !important;
padding: 10px 15px;
border-radius: 5px;
text-align: center;
}
.navbar-nav .nav-link:hover {
background-color: #025081;
color: #fff !important;
}
.btn-login,
.btn-register {
width: 100%;
margin-bottom: 10px;
}
.support-info {
text-align: center;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.5;
}
.support {
flex-direction: column;
}
}
/* Section spacing */
section {
padding: 60px 0;
}
/* Smooth Scroll Animation */
html {
scroll-behavior: smooth;
}
/* Add animation to fade in sections on scroll */
.fade-in {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.visible {
opacity: 1;
transform: none;
}
/* Carousel */
.carousel-inner img {
width: 100%;
height: 400px;
object-fit: cover;
}
.carousel-caption h5 {
font-size: 2rem;
color: #fff;
}
.carousel-caption p {
font-size: 1.2rem;
color: #fff;
}
.carousel-caption .btn {
padding: 10px 20px;
font-size: 1rem;
}
.btn-buy {
background-color: #9eb902;
color: #fff;
}
.btn-sell {
background-color: #025081;
color: #fff;
}
/* Who We Are Section */
.who-we-are {
padding: 60px 0;
}
.who-we-are h2 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 20px;
}
.who-we-are p {
font-size: 1.2rem;
line-height: 1.6;
color: #555;
}
.who-we-are img {
max-width: 100%;
height: auto;
}
.divider {
width: 80px;
height: 4px;
background-color: #9eb902;
margin: 20px 0;
}
/* Why Choose Us Section */
.why-choose-us {
background-color: #f9f9f9;
padding: 60px 0;
}
.why-choose-us h2 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 40px;
}
.why-choose-us .card {
border: none;
background-color: #f1f1f1;
text-align: center;
border-radius: 10px;
padding: 30px;
transition: all 0.3s ease;
}
.why-choose-us .card:hover {
background-color: #025081;
}
.why-choose-us .card:hover h5 {
color: #9eb902;
}
.why-choose-us .card:hover p {
color: #ffffff;
}
.why-choose-us .card .icon {
font-size: 3rem;
color: #9eb902;
margin-bottom: 20px;
}
.why-choose-us .card h5 {
font-size: 1.5rem;
color: #025081;
margin-bottom: 15px;
}
.why-choose-us .card p {
font-size: 1rem;
color: #555;
}
/* Our Services Section */
.our-services {
padding: 60px 0;
}
.our-services h2 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 40px;
}
.our-services .card {
background-color: #f1f1f1;
text-align: center;
padding: 40px;
border: none;
border-radius: 10px;
transition: 0.3s;
}
.our-services .card:hover {
background-color: #025081;
color: #fff;
}
.our-services .card:hover h5 {
color: #9eb902;
}
.our-services .card:hover p {
color: #fff;
}
.our-services .card .icon {
font-size: 2.5rem;
margin-bottom: 20px;
color: #9eb902;
}
.our-services .card h5 {
font-size: 1.5rem;
color: #025081;
}
.our-services .card p {
font-size: 1rem;
color: #555;
}
/* testimonial section */
.testimonials-section {
background-color: #f9f9f9;
}
.testimonial-card {
background-color: #fff;
border-radius: 10px;
}
.testimonial-text {
font-size: 1rem;
color: #555;
}
.testimonial-stars i {
font-size: 1rem;
}
/* Statistics Section */
.statistics-section {
background-color: #9eb902;
padding: 60px 0;
color: #fff;
}
.statistics-section .stat-item {
text-align: center;
padding: 20px;
}
.statistics-section .stat-item h3 {
font-size: 3rem;
margin-bottom: 10px;
}
.statistics-section .stat-item p {
font-size: 1.2rem;
}
/* Footer Section */
.footer {
background-color: #232946;
padding: 60px 0;
color: #fff;
}
.footer .logo img {
max-height: 50px;
}
.footer h5 {
color: #9eb902;
margin-bottom: 20px;
}
.footer a {
color: #fff;
text-decoration: none;
}
.footer a:hover {
color: #9eb902;
}
.footer .btn-login,
.footer .btn-signup {
background-color: #9eb902;
color: #fff;
border: none;
padding: 5px 20px;
}
.footer .btn-signup {
background-color: #025081;
}
.footer .social-icons a {
color: #fff;
margin-right: 15px;
font-size: 1.5rem;
}
.footer .social-icons a:hover {
color: #9eb902;
}
.footer p {
color: #b1b1b1;
text-align: center;
}
.footer hr {
border-color: #4a4a4a;
}
/* Responsive adjustments for Footer */
@media (max-width: 768px) {
.footer .logo {
text-align: center;
}
.footer .logo img {
max-height: 90px;
}
.footer .btn-login,
.footer .btn-signup {
display: block;
width: 100%;
margin-bottom: 10px;
}
.footer .social-icons {
text-align: center;
margin-top: 20px;
}
.footer .list-unstyled {
text-align: center;
margin-top: 20px;
}
.footer h5 {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
}
}
.contact-us {
background-color: #f9f9f9;
padding: 60px 0;
}
/* contact-us section */
.contact-us h2 {
font-size: 2.5rem;
color: #025081;
}
.contact-us h5 {
font-size: 1.5rem;
color: #025081;
margin-bottom: 20px;
}
.contact-us .form-control {
border-radius: 5px;
border: 1px solid #ccc;
}
.contact-us .btn-primary {
background-color: #9eb902;
border: none;
}
.contact-us .btn-primary:hover {
background-color: #025081;
}
.contact-us p {
font-size: 1rem;
color: #555;
}
</style>
</head>
<body>
<!-- Header Section -->
<header class="header">
<div class="container-fluid">
<div class="row align-items-center">
<!-- Logo -->
<div class="col-md-2 logo">
<img src="https://www.touchpay.so/uploads/TP/TP logo Transp.png" alt="TouchPay Logo">
</div>
<!-- Hamburger Icon (visible on mobile) -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<!-- Navigation for larger screens -->
<div class="col-md-6">
<nav class="navbar navbar-expand-md navbar-dark">
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a href="#carouselExample" class="nav-link">Home</a></li>
<li class="nav-item"><a href="#who-we-are" class="nav-link">About us</a></li>
<li class="nav-item"><a href="#why-choose-us" class="nav-link">Why Choose</a></li>
<li class="nav-item"><a href="#our-services" class="nav-link">Services</a></li>
<li class="nav-item"><a href="#testimonials" class="nav-link">Testimonials</a></li>
<li class="nav-item"><a href="#contact-us" class="nav-link">Contact us</a></li>
</ul>
</div>
</nav>
</div>
<!-- Support Info and Login/Register Buttons -->
<div class="col-md-4 support text-right">
<span class="support-info">24/7 Support | </span>
<span class="support-info">
<a href="https://wa.me/252614266676" target="_blank" style="color: #25D366; font-size: 40px;">
<i class="fab fa-whatsapp"></i>
</a>
</span>
<a href="https://www.touchpay.so/login" class="btn btn-login">Login</a>
<a href="https://www.touchpay.so/register" class="btn btn-register">Register</a>
</div>
</div>
</div>
</header>
<!-- Carousel Section -->
<div id="carouselExample" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExample" data-slide-to="0" class="active"></li>
<li data-target="#carouselExample" data-slide-to="1"></li>
<li data-target="#carouselExample" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<!-- First Slide -->
<div class="carousel-item active">
<img src="https://www.touchpay.so/uploads/cra/banner.png" class="d-block w-100" alt="USDT">
</div>
<!-- Second Slide -->
<!-- Third Slide -->
<div class="carousel-item">
<img src="https://www.touchpay.so/uploads/cra/fast.jpg" class="d-block w-100" alt="Transaction">
</div>
<!-- Fourth Slide -->
<div class="carousel-item">
<img src="https://www.touchpay.so/uploads/cra/cover.jpg" class="d-block w-100" alt="Secure">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExample" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- Who We Are Section -->
<section id="who-we-are" class="who-we-are">
<div class="container fade-in">
<div class="row align-items-center">
<div class="col-md-6">
<h2>Who We Are</h2>
<div class="divider"></div>
<p>Established in 2022 and proudly based in Somalia, TouchPay is your trusted partner in the world
of cryptocurrency. Our mission is to empower individuals and businesses with seamless, secure,
and innovative solutions for buying, selling, and exchanging digital currencies.</p>
<p>At TouchPay, we understand that navigating the cryptocurrency landscape can be complex. That’s
why we’ve designed our platform to be user-friendly and accessible, whether you’re a seasoned
investor or new to the world of digital assets. Our team of experts is dedicated to providing
exceptional service and support, ensuring that your transactions are smooth and secure.</p>
</div>
<div class="col-md-6">
<img src="https://www.touchpay.so/uploads/cra/cover.jpg" alt="Who We Are Image">
</div>
</div>
</div>
</section>
<!-- Why Choose Us Section -->
<section id="why-choose-us" class="why-choose-us">
<div class="container fade-in">
<h2 class="text-center">Why Choose Us?</h2>
<div class="row mt-5">
<div class="col-md-6 col-lg-3">
<div class="card">
<div class="icon">
<i class="fas fa-lock"></i>
</div>
<h5>Your Fund is Secure</h5>
<p>At TouchPay, your security is our top priority. With cutting-edge encryption and robust
security protocols, we ensure that your funds and personal information are fully protected.
Trade with confidence knowing that your assets are safe with us.</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card">
<div class="icon">
<i class="fas fa-money-bill-wave"></i>
</div>
<h5>Fast Withdrawal</h5>
<p>Experience lightning-fast withdrawals with TouchPay. Our streamlined process ensures that you
can access your funds within minutes, giving you immediate control over your money, whenever
you need it.</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card">
<div class="icon">
<i class="fas fa-exchange-alt"></i>
</div>
<h5>Easy Exchange</h5>
<p>Buying and selling digital currencies has never been easier. With TouchPay’s intuitive
platform, you can exchange assets with just a few clicks. Enjoy competitive rates and
seamless transactions, all in under five minutes.</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card">
<div class="icon">
<i class="fas fa-clock"></i>
</div>
<h5>24/7 Support</h5>
<p>Our dedicated support team is available around the clock to assist you. Whether you need help
with a transaction or have a question about our services, we are here to provide you with
expert guidance and real-time solutions.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Our Services Section -->
<section id="our-services" class="our-services">
<div class="container fade-in">
<h2 class="text-center">Our Services</h2>
<div class="row mt-5">
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="icon">
<i class="fas fa-wallet"></i>
</div>
<h5>Wallet Management</h5>
<p>Manage your crypto wallets with ease. Our platform offers secure and efficient tools to
store, transfer, and manage your digital currencies without hassle.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="icon">
<i class="fas fa-chart-line"></i>
</div>
<h5>Market Insights and Analytics</h5>
<p>Stay ahead with real-time market data and analysis. Our platform provides in-depth insights
to help you make informed decisions and stay competitive in the fast-evolving world of
cryptocurrencies.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="icon">
<i class="fas fa-sync-alt"></i>
</div>
<h5>Crypto-to-Crypto Exchange</h5>
<p>Seamlessly exchange cryptocurrencies on our platform with competitive rates. We offer a wide
range of supported currencies and fast transactions to maximize your trading efficiency.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Section -->
<section id="testimonials" class="testimonials-section py-5">
<div class="container fade-in">
<h2 class="text-center mb-5">What Our Happy Clients Say About Us?</h2>
<div class="row">
<div class="col-md-4">
<div class="testimonial-card p-4 shadow-sm">
<p class="testimonial-text">I would like to thank TouchPay for making my experience seamless
and secure. Their platform is easy to use, and the support team is excellent.</p>
<div class="d-flex align-items-center mt-4">
<img src="https://www.touchpay.so/media/users/300_24.jpg" alt="Lorry Melon" class="rounded-circle" width="50" height="50">
<div class="ml-3">
<h5 class="mb-0">Abdifitah Mohamed</h5>
<div class="testimonial-stars">
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="testimonial-card p-4 shadow-sm">
<p class="testimonial-text">TouchPay offers the best rates and fast withdrawals. I'm impressed
by how reliable their services are, and I feel confident in the security of my funds.</p>
<div class="d-flex align-items-center mt-4">
<img src="https://www.touchpay.so/media/users/300_25.jpg" alt="Steve Smith" class="rounded-circle" width="50" height="50">
<div class="ml-3">
<h5 class="mb-0">Mohamed Ali</h5>
<div class="testimonial-stars">
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="testimonial-card p-4 shadow-sm">
<p class="testimonial-text">Amazing service and support! I love how fast and easy it is to
exchange cryptocurrencies on TouchPay's platform. The team is always available to assist.
</p>
<div class="d-flex align-items-center mt-4">
<img src="https://www.touchpay.so/media/users/300_10.jpg" alt="Krista" class="rounded-circle" width="50" height="50">
<div class="ml-3">
<h5 class="mb-0">Ahmed Mohamud</h5>
<div class="testimonial-stars">
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Statistics Section -->
<section class="statistics-section">
<div class="container">
<div class="row">
<div class="col-md-3 stat-item">
<h3>1,500+</h3>
<p>Happy Customers</p>
</div>
<div class="col-md-3 stat-item">
<h3>10,000+</h3>
<p>Transactions Completed</p>
</div>
<div class="col-md-3 stat-item">
<h3>50+</h3>
<p>Currencies Supported</p>
</div>
<div class="col-md-3 stat-item">
<h3>24/7</h3>
<p>Support Available</p>
</div>
</div>
</div>
</section>
<!-- Contact Us Section -->
<section id="contact-us" class="contact-us py-5">
<div class="container fade-in">
<h2 class="text-center mb-5">Get in Touch with Us</h2>
<div class="row">
<div class="col-md-6">
<h5>Contact Information</h5>
<p><strong>Email:</strong> [email protected]</p>
<p><strong>Phone:</strong> +252-615800500</p>
<p><strong>Address:</strong> 2nd Street Bakaaro Market, Mogadishu Somalia</p>
<p>If you have any questions or inquiries, feel free to reach out to us through this form or contact
us directly.</p>
</div>
<div class="col-md-6">
<h5>Send Us a Message</h5>
<form method="POST" action="https://www.touchpay.so/contact/send">
<input type="hidden" name="_token" value="XdKcwyBSeFuMoFJsh1vEKT1WkNAdeY8JGyJoNkld"> <div class="form-group">
<label for="name">Your Name</label>
<input type="text" class="form-control" id="name" name="name" required="">
</div>
<div class="form-group">
<label for="email">Your Email</label>
<input type="email" class="form-control" id="email" name="email" required="">
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" class="form-control" id="subject" name="subject" required="">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea class="form-control" id="message" name="message" rows="5" required=""></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<footer class="footer">
<div class="container">
<div class="row">
<!-- Footer Left (Logo, Address) -->
<div class="col-md-4">
<div class="logo mb-4">
<img src="https://www.touchpay.so/uploads/TP/TP logo Transp.png" alt="TouchPay Logo">
</div>
<p>2nd Street Bakaaro Market, Mogadishu Somalia</p>
<div class="d-flex">
<a href="https://www.touchpay.so/login" class="btn btn-login mr-2">Login</a>
<a href="https://www.touchpay.so/register" class="btn btn-signup">Sign Up</a>
</div>
</div>
<!-- Quick Links -->
<div class="col-md-4">
<h5>Quick Links</h5>
<ul class="list-unstyled">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Why Choose Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Testmonials</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!-- Social Media -->
<div class="col-md-4">
<h5>Social Media</h5>
<div class="social-icons">
<a href="https://www.fb.com/touchpay.so/" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.tiktok.com/@touchpay.so" target="_blank"><i class="fab fa-tiktok"></i></a>
<a href="https://www.instagram.com/touchpay.so/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://wa.me/252614266676" target="_blank"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="row mt-4">
<div class="col-12 text-center">
<hr>
<p>© 2024 TouchPay. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- Add this to handle email sending functionality -->
<!-- Bootstrap JS and dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- JavaScript for Smooth Scroll and Count Animation -->
<script>
// Smooth scroll for menu links
document.querySelectorAll('.nav-link').forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
// Smooth scroll to target section
const targetId = this.getAttribute('href').substring(1);
document.getElementById(targetId).scrollIntoView({
behavior: 'smooth',
block: 'start'
});
});
});
// Function to count up to the target number
function countUp(element, start, end, duration) {
let current = start;
const increment = Math.ceil((end - start) / (duration / 16.67));
const timer = setInterval(() => {
current += increment;
if (current >= end) {
current = end;
clearInterval(timer);
}
element.textContent = current;
}, 16.67); // Roughly 60 frames per second
}
// Count Up when the statistics section becomes visible
const statItems = document.querySelectorAll('.stat-number');
const faders = document.querySelectorAll('.fade-in');
let hasCounted = false;
const appearOnScroll = new IntersectionObserver(function(entries) {
entries.forEach(entry => {
if (!entry.isIntersecting) return;
entry.target.classList.add('visible');
if (entry.target.id === 'statistics' && !hasCounted) {
statItems.forEach(stat => {
const endValue = parseInt(stat.getAttribute('data-count'));
countUp(stat, 1, endValue, 2000); // 2 seconds duration
});
hasCounted = true; // Ensure counting happens only once
}
});
}, {
threshold: 0.3
});
// Observe the fade-in sections
faders.forEach(fader => {
appearOnScroll.observe(fader);
});
</script>
</body></html>