index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hosting Name</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>

</head>
<body>
    <div class="scroll-up-btn">
        <i class="fas fa-angle-up"></i>
    </div>
    <nav class="navbar">
        <div class="max-width">
          <div class="logo"><a href="https://Hosting.com">Hosting <span>Name<an</a></div>
            <ul class="menu">
                <li><a href="#home" class="menu-btn">Home</a></li>
                <li><a href="#about" class="menu-btn">About</a></li>
                <li><a href="#services" class="menu-btn">Services</a></li>
                <li><a href="#skills" class="menu-btn">Skills</a></li>
                <li><a href="#teams" class="menu-btn">Teams</a></li>
                <li><a href="#contact" class="menu-btn">Contact</a></li>
            </ul>
            <div class="menu-btn">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </nav>

    <!-- home section start -->
    <section class="home" id="home">
        <div class="max-width">
            <div class="home-content">
                <div class="text-1">Hello, User We Are</div>
                <div class="text-2">Hosting Name</div>
                <a href="https://discord.gg/hosting">Know More</a>
            </div>
        </div>
    </section>

    <!-- about section start -->
    <section class="about" id="about">
        <div class="max-width">
            <h2 class="title">About Us</h2>
            <div class="about-content">
                <div class="column left">
                    <img src="images/img-about.jpg" alt="">
                </div>
                <div class="column right">
                    <div class="text">We Are Hosting Name And We Provide</div>
                    <p>Hosting Name is A Startup That Provides Minecraft Server, Discord Bot that you can host for free or very low price!</p>
                    <a href="mailto:support@hosting.com">Get In Touch</a>
                </div>
            </div>
        </div>
    </section>

    <!-- services section start -->
    <section class="services" id="services">
        <div class="max-width">
            <h2 class="title">Our Game Servers</h2>
            <div class="serv-content">
                <div class="card">
                    <div class="box">
                        <i class="fab fa-discord"></i>
                        <div class="text">Discord Bot</div>
                        <p>Host a discord bot with no downtime </p>
                    </div>
                </div>
                <div class="card">
                    <div class="box">
                        <i class="fas fa-map-pin"></i>
                        <div class="text">Minecraft Servers</div>
                        <p>Host a powerfull minecraft server with lagg free experience</p>
                    </div>
               </div>

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

    <!-- skills section start -->
    <section class="skills" id="skills">
        <div class="max-width">
            <h2 class="title">What We Provide</h2>
            <div class="skills-content">
                <div class="column left">
                    <div class="text">We Provide.</div>
                    <p>Lagg free experience</p>
                        <p> No Dataloss</p> Premium Nodes
                       <p> Fast support</p>
                       <p>24/7 customer support</p>

                </div>

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

    <!-- teams section start -->
    <section class="teams" id="teams">
        <div class="max-width">
            <h2 class="title">Our teams</h2>
            <div class="carousel owl-carousel">
                <div class="card">
                    <div class="box">
                        <img src="images/profile-1.jpeg" alt="">
                        <div class="text">Owner</div>
                        <p></p>
                    </div>
                </div>
                <div class="card">
                    <div class="box">
                        <img src="images/profile-2.jpeg" alt="">
                        <div class="text">Co-Owner</div>
                        <p></p>
                    </div>
                </div>
                <div class="card">
                    <div class="box">
                        <img src="images/profile-3.jpeg" alt="">
                        <div class="text">Developer</div>
                        <p></p>
                    </div>
                </div>
                <div class="card">
                    <div class="box">
                        <img src="images/profile-4.jpeg" alt="">
                        <div class="text">Manager</div>
                        <p></p>
                    </div>
                </div>

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

    <!-- contact section start -->
    <section class="contact" id="contact">
        <div class="max-width">
            <h2 class="title">Contact me</h2>
            <div class="contact-content">
                <div class="column left">
                    <div class="text">Get in Touch</div>
                    <p>/</p>
                    <div class="icons">
                        <div class="row">
                            <i class="fas fa-user"></i>
                            <div class="info">
                                <div class="head">Hosting Name</div>
                                <div class="sub-title">Hosting</div>
                            </div>
                        </div>
                        <div class="row">
                            <i class="fas fa-envelope"></i>
                            <div class="info">
                                <div class="head">Email</div>
                                <div class="sub-title">support@hosting.com</div>
                            </div>
                        </div>
                    </div>
                </div>

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

    <!-- footer section start -->
   <!-- footer section start -->
    <footer>
        <span> <a href="Hosting.com">Hosting Name</a> | <span class="far fa-copyright"></span> 2022 All rights reserved.</span>
        <footer>
            <div class="container py-4">
                <div class="copyright">
                  <div class="credits">
                    <!-- All the links in the footer should remain intact. -->
                    <!-- Licensing information: https://github.com/Fex-Development/Hosting-website-template/blob/main/LICENSE -->
                    Designed by <a href="https://github.com/Fex-Development/">FexHub</a>
                  </div>
                </div>
              </div>
        </footer>
    </footer>

    <script src="script.js"></script>
</body>
</html>