<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="./images/Onsky.png">
    <title>OnSky Solution</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <link rel="icon" href="./images/image.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
    <script src="./js/main.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <header class="header">
        <a href="#" class="logo"><img src="./images/image.png" alt=""></a>
        <div class="fas fa-bars"></div>
        <nav class="navbar">
            <ul>
                <li><a href="#home">home</a></li>
                <li><a href="#about">about</a></li>
                <li><a href="#service">services</a></li>
                <li><a href="#portfolio">portfolio</a></li>
                <li><a href="#contact">contact</a></li>
                <li><a href="#faq">FAQ</a></li>
            </ul>
        </nav>
    </header>

  <section id="home" class="home">
    <h1>OnSky Solution</h1>
    <h2><span>Expand Beyond Limits, Empower Your Business</span></h2>
    <div class="wave wave1"></div>
    <div class="wave wave2"></div>
    <div class="wave wave3"></div>
  </section>

    <section id="about" class="about">
        <h1 class="heading">about us</h1>
        <div class="row">
            <div class="content">
                <h3>Partnering for Your Brand’s Success</h3>
                <p>
                    We believe in the power of collaboration to bring your ideas to life in the most impactful way.  
                    Our team works alongside you at every stage, from brainstorming to execution, creating tailored solutions that perfectly align with your brand’s goals.  
                    Whether it’s building a strong digital presence or launching a new product, we focus on delivering results that make a real difference for your business.
                </p>
            </div>
        </div>
    </section>

    <div class="pt-5 pb-5" style="background-color: #f2f2f2;">
        <div class="container">
            <!-- Section Header -->
            <div class="section-head col-sm-12" id="service">
                <h1>Our Services</h1>
                <p>
                    We deliver high-quality digital solutions tailored to your business needs.  
                    From development to hosting, our expertise ensures you achieve your goals efficiently and effectively.
                </p>
            </div>

            <!-- Carousel -->
            <div id="servicesCarousel" class="carousel slide" data-bs-ride="carousel">
                <!-- Indicators -->
                <div class="carousel-indicators">
                    <button type="button" data-bs-target="#servicesCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                    <button type="button" data-bs-target="#servicesCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
                    <button type="button" data-bs-target="#servicesCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
                    <button type="button" data-bs-target="#servicesCarousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
                    <button type="button" data-bs-target="#servicesCarousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
                    <button type="button" data-bs-target="#servicesCarousel" data-bs-slide-to="5" aria-label="Slide 6"></button>
                    <button type="button" data-bs-target="#servicesCarousel" data-bs-slide-to="6" aria-label="Slide 7"></button>
                </div>
                
                <div class="carousel-inner">
                    <!-- Web Hosting -->
                    <div class="carousel-item active">
                        <div class="item text-center">
                            <span class="icon feature_box_col_one"><i class="fa fa-server"></i></span>
                            <h6>Web Hosting</h6>
                            <p>
                                Web hosting services that allow individuals and businesses to make their websites accessible on the internet. We ensure reliability, fast load times, and security for all your online needs.
                            </p>
                        </div>
                    </div>

                    <!-- Game Hosting -->
                    <div class="carousel-item">
                        <div class="item text-center">
                            <span class="icon feature_box_col_two"><i class="fa fa-gamepad"></i></span>
                            <h6>Game Hosting</h6>
                            <p>
                                Provide specialized servers optimized for running multiplayer games. We ensure a lag-free, high-performance environment with easy management, perfect for both casual and professional gaming.
                            </p>
                        </div>
                    </div>

                    <!-- Forex Hosting -->
                    <div class="carousel-item">
                        <div class="item text-center">
                            <span class="icon feature_box_col_three"><i class="fa fa-chart-line"></i></span>
                            <h6>Forex Hosting</h6>
                            <p>
                                A specialized hosting solution designed for Forex traders. It ensures low latency, high uptime, and secure performance, allowing you to trade with speed and reliability.
                            </p>
                        </div>
                    </div>

                    <!-- Web Developer Support -->
                    <div class="carousel-item">
                        <div class="item text-center">
                            <span class="icon feature_box_col_four"><i class="fa fa-code"></i></span>
                            <h6>Web Developer Support</h6>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">Custom Website Design</li>
                                <li class="list-group-item">Full-Stack Web Development</li>
                                <li class="list-group-item">E-commerce Development</li>
                                <li class="list-group-item">CMS Development</li>
                                <li class="list-group-item">Web Application Development</li>
                            </ul>
                        </div>
                    </div>

                    <!-- Technical Support Services -->
                    <div class="carousel-item">
                        <div class="item text-center">
                            <span class="icon feature_box_col_four"><i class="fa fa-code"></i></span>
                            <h6>Technical Support Services</h6>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">Website Maintenance</li>
                                <li class="list-group-item">Bug Fixing and Debugging</li>
                                <li class="list-group-item">Hosting Setup & Migration</li>
                                <li class="list-group-item">Server Configuration and Management</li>
                                <li class="list-group-item">Backup & Recovery Solutions</li>
                            </ul>
                        </div>
                    </div>                   
                </div>

                <!-- Carousel Controls -->
                <button class="carousel-control-prev" type="button" data-bs-target="#servicesCarousel" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#servicesCarousel" data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>

            <!-- Order Here Button -->
            <div class="row pt-4">
                <div class="col-sm-12 text-center">
                    <a href="https://discord.gg/Mgyp4hyMs6" target="_blank" class="btn">Get Started</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Custom CSS for Dark Indicators and Controls -->
    <style>
        .carousel-indicators button {
            background-color: #333; /* Dark color for the indicators */
        }
        
        .carousel-indicators .active {
            background-color: #fff; /* Light color for the active indicator */
        }

        .carousel-control-prev-icon, .carousel-control-next-icon {
            background-color: #333; /* Dark color for control icons */
        }

        .carousel-control-prev, .carousel-control-next {
            color: #fff; /* Light color for the control buttons' text */
        }
    </style>


    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

    <section class="counters">
        <!-- <div class="container">
            <div>
                <i class="far fa-clock fa-4x"></i>
                <div class="counter" data-target="24/hrs">0</div>
                <h3>Working Hours</h3>
            </div>
            <div>
                <i class="fas fa-gift fa-4x"></i>
                <div class="counter" data-target="720">0</div>
                <h3>Completed Projects</h3>
            </div>
            <div>
                <i class="fas fa-users fa-4x"></i>
                <div class="counter" data-target="20">0</div>
                <h3>Happy Clients</h3>
            </div>
            <div>
                <i class="fas fa-award fa-4x"></i>
                <div class="counter" data-target="120">0</div>
                <h3>Awards Received</h3>
            </div>
        </div> -->
    </section>

    <div class="pt-5 pb-5">
        <div class="container">
            <div class="row">
                <div class="section-head-1 col-sm-12" style="text-align: center;">
                    <h4 style="margin-top: -5rem;" id="portfolio"><span>Our</span> Projects</h4>
                    <p>
                        The objective of our hosting company is to provide businesses and individuals with reliable, fast, and secure hosting solutions tailored to their needs.
                        Whether you're looking to host a website, run a game server, or manage trading platforms, we have the infrastructure and expertise to support your goals.
                    </p>
                </div>
    
                <!-- Web Hosting Project -->
                <div class="col-lg-4 col-sm-6">
                    <div class="item">
                        <span class="icon feature_box_col_four"><i class="fa fa-server"></i></span> <!-- Updated icon for Web Hosting -->
                        <h6>Web Hosting Solutions</h6>
                        <p>
                            We helped multiple small businesses launch and scale their websites with our fast and secure web hosting solutions. Our platform provides 99.9% uptime, scalability, and enhanced security to ensure your website runs smoothly at all times.
                        </p>
                    </div>
                </div>
    
                <!-- Game Hosting Project -->
                <div class="col-lg-4 col-sm-6">
                    <div class="item">
                        <span class="icon feature_box_col_five"><i class="fa fa-gamepad"></i></span> <!-- Updated icon for Game Hosting -->
                        <h6>Game Server Hosting</h6>
                        <p>
                            We provide optimized game server hosting solutions for various multiplayer games. Our hosting services are designed to provide low latency and smooth performance, ensuring that gamers have a lag-free experience while managing and running their servers.
                        </p>
                    </div>
                </div>
    
                <!-- Forex Hosting Project -->
                <div class="col-lg-4 col-sm-6">
                    <div class="item">
                        <span class="icon feature_box_col_six"><i class="fa fa-chart-line"></i></span> <!-- Updated icon for Forex Hosting -->
                        <h6>Forex Trading Hosting</h6>
                        <p>
                            We specialize in Forex hosting solutions tailored for traders who require low latency, 24/7 uptime, and maximum security. Our Forex hosting services allow traders to run automated trading systems and execute trades with speed and precision, without downtime.
                        </p>
                    </div>
                </div>
    
            </div>
        </div>
    </div>
    

    <div class="communicate">
        <h2>Join Our Discord Server</h2>
        <p>
            For more information about our services, support, or if you have any questions, 
            feel free to join our community on Discord. Our team is ready to assist you and you can connect with other users for shared experiences.
        </p>
        <a href="https://discord.gg/Mgyp4hyMs6" target="_blank" class="btn">Join Our Discord</a>
    </div>

    <!-- <div class="testimonials mt-100">
        <div class="container">
            <div class="section-header" style="text-align: center;">
                <h2 style="margin-top: -15rem;">Testimonials</h2>
                <p style="font-size: 2rem;">
                    See what people have to say about us
                </p>
            </div>

            <div class="owl-carousel testimonials-carousel">
                <div class="testimonial-item row align-items-center">
                    <div class="testimonial-img">
                        <img src="./images/testimonial-1.jpg" alt="Testimonial image">
                    </div>
                    <div class="testimonial-text">
                        <h3>Person-1</h3>
                        <h4>Designation</h4>
                        <p>
                            Testimonial

                        </p>
                    </div>
                </div>
                <div class="testimonial-item row align-items-center">
                    <div class="testimonial-img">
                        <img src="./images/testimonial-2.jpg" alt="Testimonial image">
                    </div>
                    <div class="testimonial-text">
                        <h3>Person-2</h3>
                        <h4>Designation</h4>
                        <p>
                            Testimonial

                        </p>
                    </div>
                </div>
                <div class="testimonial-item row align-items-center">
                    <div class="testimonial-img">
                        <img src="./images/testimonial-3.jpg" alt="Testimonial image">
                    </div>
                    <div class="testimonial-text">
                        <h3>Person-3</h3>
                        <h4>Designation</h4>
                        <p>
                            Testimonial

                        </p>
                    </div>
                </div>
                <div class="testimonial-item row align-items-center">
                    <div class="testimonial-img">
                        <img src="./images/testimonial-4.jpg" alt="Testimonial image">
                    </div>
                    <div class="testimonial-text">
                        <h3>Person-4</h3>
                        <h4>Designation</h4>
                        <p>
                            Testimonial

                        </p>
                    </div>
                </div>
                <div class="testimonial-item row align-items-center">
                    <div class="testimonial-img">
                        <img src="./images/testimonial-5.jpg" alt="Testimonial image">
                    </div>
                    <div class="testimonial-text">
                        <h3>Person-5</h3>
                        <h4>Designation</h4>
                        <p>
                            Testimonial

                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div> -->

<!-- <div class="clients mt-100">
    <div class="container">
        <div class="section-header">
            <h2>Our Clients</h2>
            <p>
                We don't just build softwares, we build your business.
            </p>
        </div>
        <div class="owl-carousel clients-carousel">
            <img src="./images/image.png" alt="Client Logo">
            <img src="./images/image.png" alt="Client Logo">
            <img src="./images/image.png" alt="Client Logo">
            <img src="./images/image.png" alt="Client Logo">
            <img src="./images/image.png" alt="Client Logo">
            <img src="./images/image.png" alt="Client Logo">
            <img src="./images/image.png" alt="Client Logo">
            <img src="./images/image.png" alt="Client Logo">
        </div>
    </div>
</div>
<a href="#" class="back-to-top"><i class="ion-ios-arrow-up"></i></a> -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>

<!-- <section class="team" style="margin-top: 7rem;">
  <h1 class="heading" style="margin-top: -1.5rem;" id="team">our team</h1>
  <p></p>
  <div class="row">
      <div class="card">
          <div class="image">
              <img src="./images/pexels-andrea-piacquadio-845434.jpg" alt="Team member 1">
          </div>
          <div class="info">
              <h3>Schott Watkins</h3>
              <span>Web Developer</span>
              <div class="icons">
                  <a href="https://www.facebook.com/" class="fab fa-facebook-f"></a>
                  <a href="https://twitter.com/login" class="fab fa-twitter"></a>
                  <a href="https://www.instagram.com/" class="fab fa-instagram"></a>
                  <a href="https://www.linkedin.com/" class="fab fa-linkedin"></a>
              </div>
          </div>
      </div>
  </div>
  <div class="row">
      <div class="card">
          <div class="image">
              <img src="./images/pexels-vinicius-wiesehofer-1130624.jpg" alt="Team member 1">
          </div>
          <div class="info">
              <h3>Nicole Bell</h3>
              <span>Mobile Developer</span>
              <div class="icons">
                  <a href="https://www.facebook.com/" class="fab fa-facebook-f"></a>
                  <a href="https://twitter.com/login" class="fab fa-twitter"></a>
                  <a href="https://www.instagram.com/" class="fab fa-instagram"></a>
                  <a href="https://www.linkedin.com/" class="fab fa-linkedin"></a>
              </div>
          </div>
      </div>
  </div>
  <div class="row">
      <div class="card">
          <div class="image">
              <img src="./images/pexels-hussein-altameemi-2776353.jpg" alt="Team member 1">
          </div>
          <div class="info">
              <h3>John Doe</h3>
              <span>Graphic Designer</span>
              <div class="icons">
                  <a href="https://www.facebook.com/" class="fab fa-facebook-f"></a>
                  <a href="https://twitter.com/login" class="fab fa-twitter"></a>
                  <a href="https://www.instagram.com/" class="fab fa-instagram"></a>
                  <a href="https://www.linkedin.com/" class="fab fa-linkedin"></a>
              </div>
          </div>
      </div>
  </div>
  <div class="row">
      <div class="card">
          <div class="image">
              <img src="./images/pexels-andrea-piacquadio-745136.jpg" alt="Team member 1">
          </div>
          <div class="info">
              <h3>Rose Matthews</h3>
              <span>Web Designer</span>
              <div class="icons">
                  <a href="https://www.facebook.com/" class="fab fa-facebook-f"></a>
                  <a href="https://twitter.com/login" class="fab fa-twitter"></a>
                  <a href="https://www.instagram.com/" class="fab fa-instagram"></a>
                  <a href="https://www.linkedin.com/" class="fab fa-linkedin"></a>
              </div>
          </div>
      </div>
  </div>
</section> -->

    <section id="contact" class="contact">
        <h1 class="heading">get in touch</h1>
    </section>
    <div class="contact-in">
        <div class="contact-map">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14157.064178721832!2d120.9842194!3d14.5995123!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c8e6e4fc06b3%3A0x6a76da57a4cf18b9!2sManila%2C%20Metro%20Manila%2C%20Philippines!5e0!3m2!1sen!2sus!4v1672357797973!5m2!1sen!2sus" width="100%" height="auto" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
        </div>
        <!-- <div class="contact-form">
            <form action="" method="POST">
                <input type="text" name="name" placeholder="Web Support Unavailable" class="contact-form-txt" required>
                <input type="tel" id="phone" name="phone" pattern="[0-9]{10}" required placeholder="Web Support Unavailable" maxlength="10" class="contact-form-phone">
                <input type="email" name="email" placeholder="Email" class="contact-form-email" required>
                <textarea placeholder="Your Message" name="message" class="contact-form-txtarea" required></textarea>
                <input type="submit" value="Submit" name="submit" class="contact-form-btn">
            </form>
        </div> -->
    </div>

    <section class="faq">
        <h1 class="heading" style="margin-top: -2rem; color: #00bfff;" id="faq">FAQ</h1>
        <div class="row">
          <div class="accordion-container">
              <!-- Question 1 -->
              <div class="accordion">
                  <div class="accordion-header">
                      <span>+</span>
                      <h3>How much does hosting cost?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>Our hosting plans are tailored for businesses of all sizes. Pricing varies based on the type of hosting you need (e.g., VPS, dedicated, cloud).  
                         Reach out to us for a personalized quote based on your requirements, and we’ll guide you toward the best hosting solution.</p>
                  </div>
              </div>
              
              <!-- Question 2 -->
              <div class="accordion">
                  <div class="accordion-header">
                      <span>+</span>
                      <h3>How long does it take to set up my hosting?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>Most hosting setups are quick and hassle-free. VPS and dedicated hosting typically take 1-2 business days.  
                         We’ll work with you to ensure a smooth setup, including assistance with migration if needed.</p>
                  </div>
              </div>
              
              <!-- Question 3 -->
              <div class="accordion">
                  <div class="accordion-header">
                      <span>+</span>
                      <h3>How do I get started with your hosting services?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>Getting started is easy! Simply contact us via Discord, email, or our website. Let us know your hosting needs (e.g., server type, storage requirements, or expected traffic),  
                         and we’ll recommend the perfect plan for your business. Once you’ve chosen a plan, we’ll assist you every step of the way to get you up and running.</p>
                  </div>
              </div>
              
              <!-- Question 4 -->
              <div class="accordion">
                  <div class="accordion-header">
                      <span>+</span>
                      <h3>Can you migrate my existing website to your hosting?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>Yes, we offer free website migration for most hosting plans. Our expert team will handle everything for you, ensuring a seamless transition with minimal downtime.  
                         Just provide the necessary access to your current hosting provider, and we’ll take care of the rest.</p>
                  </div>
              </div>
              
              <!-- Question 5 -->
              <div class="accordion">
                  <div class="accordion-header">
                      <span>+</span>
                      <h3>When and how do I make payments?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>Payments for hosting services are typically made on a monthly, quarterly, or yearly basis, based on your preferences. We accept a variety of payment methods, including credit cards, PayPal, and bank transfers.  
                         You can select the billing cycle that best fits your budget.</p>
                  </div>
              </div>
              
              <!-- Question 6 -->
              <div class="accordion">
                  <div class="accordion-header">
                      <span>+</span>
                      <h3>Can I access your hosting services through Discord?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>Yes! Our hosting services and technical support are available directly through our Discord server. You can reach out to us for support, purchase hosting plans, and receive assistance in real time.  
                         Join our community and get the help you need on Discord!</p>
                  </div>
              </div>
              
              <!-- Question 7 -->
              <div class="accordion">
                  <div class="accordion-header">
                      <span>+</span>
                      <h3>Will your website offer functional services?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>At the moment, our website is a preview of our offerings. While you can explore our services, the full functionality and customer support will remain available on our Discord server.  
                         We’re working on enhancing the website for future features!</p>
                  </div>
              </div>
      
              <!-- Question 8 -->
              <div class="accordion">
                  <div class="accordion-header">
                      <span>+</span>
                      <h3>What types of technical support do you offer?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>We provide comprehensive technical support for all our hosting services. Whether you need help with server configuration, website migration, troubleshooting, or ongoing maintenance,  
                         our team is here to assist you via Discord, email, or our support platform. We ensure your hosting experience is smooth and hassle-free.</p>
                  </div>
              </div>
          </div>        
        </div>
      </section>
      
    <div class="footer">
      <div class="footer-top">
          <div class="container">
              <div class="row">
                  <div class="col-lg-3 col-md-6 footer-links">
                      <h4>About Us</h4>
                        <ul>
                            <li><i class="ion-ios-arrow-forward"></i> <a href="#">Home</a></li>
                            <li><i class="ion-ios-arrow-forward"></i> <a href="#about">About us</a></li>
                            <li><i class="ion-ios-arrow-forward"></i> <a href="#service">Our services</a></li>
                            <li>
                                <i class="ion-ios-arrow-forward"></i> 
                                <a href="#" data-bs-toggle="modal" data-bs-target="#tosModal">Terms & Condition</a>
                            </li>
                            <!-- <li><i class="ion-ios-arrow-forward"></i> <a href="#">Privacy policy</a></li> -->
                            <li>
                                <i class="ion-ios-arrow-forward"></i> 
                                <a href="#" data-bs-toggle="modal" data-bs-target="#privacyPolicyModal">Privacy Policy</a>
                            </li>
                        </ul>
                  </div>

                  <div class="col-lg-3 col-md-6 footer-links">
                      <h4>Useful Links</h4>
                      <ul>
                          <li><i class="ion-ios-arrow-forward"></i> <a href="#portfolio">Portfolio</a></li>
                          <li><i class="ion-ios-arrow-forward"></i> <a href="#faq">FAQ</a></li>
                          <li><i class="ion-ios-arrow-forward"></i> <a href="https://discord.gg/Mgyp4hyMs6">Discord Server</a></li>
                      </ul>
                  </div>

                  <div class="col-lg-3 col-md-6 footer-newsletter">
                  </div>

                  <div class="col-lg-3 col-md-6 footer-contact" style="font-size: 1.5rem;">
                    <h4>Contact Us</h4>
                    <p>
                        <strong>Phone:</strong> +63 9561459834<br>
                        <strong>Email:</strong> solutiononsky@gmail.com<br>
                    </p>

                    <div class="social-links">
                        <a href="https://www.facebook.com/profile.php?id=61569823811522"><i class="ion-logo-facebook"></i></a>
                        <a href="https://www.instagram.com/"><i class="ion-logo-instagram"></i></a>
                        <a href="mailto:solutiononsky@gmail.com"><i class="ion-logo-googleplus"></i></a>
                    </div>

                </div>

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

      <div class="container">
          <div class="row align-items-center">
              <div class="col-md-6 copyright" style="color: #fff; font-size: 1.3rem;">
                  Copyright &copy; 2025 OnSky Solution. All Rights Reserved.
              </div>
          </div>
      </div>
  </div>

    <!-- Privacy Policy Modal -->
    <div class="modal fade" id="privacyPolicyModal" tabindex="-1" aria-labelledby="privacyPolicyModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="privacyPolicyModalLabel">Privacy Policy</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" style="overflow-y: auto; max-height: 75vh;">
                    <p><strong>Effective Date:</strong> January 2025</p>
                    <p>
                        At OnSky Solution, we are committed to protecting your privacy and ensuring the security of your personal information.
                        This Privacy Policy outlines how we collect, use, and safeguard the information you provide when using our hosting services.
                    </p>
                    <hr>
                    <h3>1. Information We Collect</h3>
                    <ul>
                        <li><strong>Personal Information:</strong> Name, email address, phone number, billing address, and payment information.</li>
                        <li><strong>Hosting Service Data:</strong> Domain names, hosting plans, server configurations, and usage statistics.</li>
                        <li><strong>Account Information:</strong> Login credentials, account preferences, and service usage data.</li>
                        <li><strong>Technical Data:</strong> IP address, browser type, operating system, server activity logs, and error reports.</li>
                        <li><strong>Cookies and Tracking Technologies:</strong> Data collected through cookies and similar technologies to enhance user experience and website performance.</li>
                    </ul>
                    <hr>
                    <h3>2. How We Use Your Information</h3>
                    <ul>
                        <li>Providing and managing our hosting services, including domain registration, server hosting, and storage.</li>
                        <li>Monitoring server performance and ensuring optimal uptime.</li>
                        <li>Processing payments and issuing invoices.</li>
                        <li>Responding to inquiries and providing customer support.</li>
                        <li>Sending service updates, promotions, and important account notifications.</li>
                        <li>Improving our hosting infrastructure, website, and user experience.</li>
                        <li>Ensuring security, detecting vulnerabilities, and preventing unauthorized access or activities.</li>
                    </ul>
                    <hr>
                    <h3>3. Data Sharing and Disclosure</h3>
                    <p>
                        We do not sell or rent your personal information to third parties. However, we may share information with trusted entities, including:
                    </p>
                    <ul>
                        <li><strong>Service Providers:</strong> Third-party companies that assist us in delivering hosting services (e.g., payment processors, data centers, and DNS providers).</li>
                        <li><strong>Legal Requirements:</strong> Authorities or agencies when required by law or to protect our legal rights.</li>
                        <li><strong>Business Transfers:</strong> In the event of a merger, acquisition, or sale of assets.</li>
                    </ul>
                    <hr>
                    <h3>4. Data Security</h3>
                    <p>
                        We implement industry-standard security measures to protect your data from unauthorized access, disclosure, or alteration.
                        These measures include encryption, firewalls, secure data centers, and regular security audits. However, no online transmission or
                        storage system is entirely secure; please use caution when sharing sensitive information.
                    </p>
                    <hr>
                    <h3>5. Your Rights</h3>
                    <ul>
                        <li>Access, update, or delete your data by contacting us.</li>
                        <li>Opt-out of marketing communications.</li>
                        <li>Restrict or object to certain data processing activities.</li>
                        <li>File a complaint with a data protection authority if applicable.</li>
                    </ul>
                    <hr>
                    <h3>6. Cookies and Tracking Technologies</h3>
                    <p>We use cookies to:</p>
                    <ul>
                        <li>Remember your preferences, account details, and hosting configurations.</li>
                        <li>Analyze website traffic and server usage patterns.</li>
                        <li>Provide targeted advertisements and promotions.</li>
                    </ul>
                    <p>
                        You can manage or disable cookies through your browser settings. Note that disabling cookies may affect the functionality
                        of our website and hosting services.
                    </p>
                    <hr>
                    <h3>7. Third-Party Links</h3>
                    <p>
                        Our website may contain links to third-party websites. We are not responsible for the privacy practices or content of these
                        external sites. Please review their privacy policies before sharing any information.
                    </p>
                    <hr>
                    <h3>8. Changes to This Privacy Policy</h3>
                    <p>
                        We may update this Privacy Policy to reflect changes in our practices or applicable laws. Any updates will be posted on our
                        website with the revised effective date. We encourage you to review this policy periodically.
                    </p>
                    <hr>
                    <h3>9. Contact Us</h3>
                    <p>
                        If you have any questions or concerns about this Privacy Policy, please contact us:<br>
                        <strong>OnSky Solution</strong><br>
                        <a href="mailto:solutiononsky@gmail.com">solutiononsky@gmail.com</a><br>
                        +63 9561459834<br>
                    </p>
                    <hr>
                    <p>
                        By using our hosting services, you agree to the terms outlined in this Privacy Policy. Thank you for trusting OnSky Solution
                        with your hosting needs.
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Privacy Policy Modal -->
    <div class="modal fade" id="tosModal" tabindex="-1" aria-labelledby="tosModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="tosModalLabel">Terms & Conditions</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" style="overflow-y: auto; max-height: 75vh;">
                    <hr>
                    <h3>1. Privacy Responsibility</h3>
                    <p>
                        As the account holder, you are solely responsible for maintaining the privacy and security of your server credentials, 
                        including IP addresses, passwords, and any sensitive data. OnSky Solution will not be liable for any issues resulting 
                        from unauthorized access due to leaked or shared credentials.
                    </p>
                    <hr>
                    <h3>2. No Refunds Policy</h3>
                    <p>
                        All payments made to OnSky Solution are final. Since we provide digital services, we do not offer refunds under any 
                        circumstances.
                    </p>
                    <hr>
                    <h3>3. Payment Requirements</h3>
                    <p>
                        Full payment is required before the initiation of any hosting service. We will not provision or activate services until 
                        payment is confirmed.
                    </p>
                    <hr>
                    <h3>4. Clear Communication</h3>
                    <p>
                        To ensure smooth and efficient service delivery, we expect all communications with OnSky Solution to be clear, 
                        professional, and concise.
                    </p>
                    <hr>
                    <h3>5. Client Data Responsibility</h3>
                    <p>
                        OnSky Solution is not responsible for the integrity or safety of client data. It is your responsibility to regularly 
                        back up your data. We are not liable for any data loss or server damage resulting from misuse or unforeseen circumstances.
                    </p>
                    <hr>
                    <h3>6. Service Renewals</h3>
                    <p>
                        To avoid service interruptions, you must renew your hosting services at least 10 days before the expiration date. 
                        OnSky Solution is not responsible for disruptions caused by late or missed renewals.
                    </p>
                    <hr>
                    <h3>7. Prohibited Activities</h3>
                    <p>
                        The following activities are strictly prohibited on our servers:
                    </p>
                    <ul>
                        <li>DDoS attacks or any form of malicious network activity.</li>
                        <li>Hosting illegal, harmful, or copyrighted content without proper authorization.</li>
                        <li>Port scanning, vulnerability testing, or other unauthorized network probing.</li>
                        <li>Excessive memory or network resource abuse.</li>
                        <li>Cryptocurrency mining or related activities.</li>
                        <p>and more...</p>
                    </ul>
                    <p>
                        Violation of these terms may result in immediate suspension of your server without prior notice.
                    </p>
                    <hr>
                    <h3>8. Server Suspension Policy</h3>
                    <p>
                        If any illegal or prohibited activity is detected on your server, OnSky Solution reserves the right to suspend your 
                        services immediately. We may report such activities to relevant authorities if necessary.
                    </p>
                    <hr>
                    <p>
                        By using OnSky Solution's services, you agree to these Terms and Conditions. We reserve the right to update or modify 
                        these terms at any time, and changes will be communicated via our website or other official channels.
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

  <a href="#" class="back-to-top"><i class="ion-ios-arrow-up"></i></a>
</body>
</html>
