http status code 200 is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: imguo.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Tecky - IT Solutions And Consulting </title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="static/css/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="static/css/css2-Poppinswght300400500600700_swap.css" rel="stylesheet"> <link rel="stylesheet" href="static/css/animate.min.css"> <!-- Favicon --> <link rel="icon" type="image/png" href="./assets/img/favicon.png"> <link rel="stylesheet" href="static/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer"> <link rel="stylesheet" href="static/css/all.min1.css"> <link rel="stylesheet" href="static/css/style.css"> <link rel="stylesheet" href="static/css/page-loader.css"> </head> <body> <nav class="navbar navbar-expand-md pt-4 pb-4 border-0"> <div class="container"> <a href=''> <img src="static/picture/logo-no-background.png" alt="logo" class="logo"> </a> <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa-solid fa-bars-staggered"></i> </button> <div class="collapse navbar-collapse nav-container" id="navbarSupportedContent"> <div class="mx-auto"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a aria-current='page' class='nav-link link' href=''>Home</a> </li> <li class="nav-item"> <a class='nav-link link' href='about.html'>About</a> </li> <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle link" href="#" id="portfolioDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Portfolio <i class="fa-solid fa-angle-down text-sm"></i> </a> <ul class="dropdown-menu w-100 menu" aria-labelledby="portfolioDropdown"> <li> <div class="container m-auto pt-4"> <div class="row"> <div class="col-lg-3 col-md-6 mb-4"> <div class="p-2" style="display: flex;"> <button class="btn btn-dark btn-lg rounded pt-3 pb-3"> <i class="fa-solid fa-basket-shopping"></i> </button> <a class='nav-link mt-2' href='project.html'>E-commerce</a> </div> <div class="p-2 mt-4" style="display: flex;"> <button class="btn btn-dark btn-lg rounded pt-3 pb-3"> <i class="fa-solid fa-mobile-button"></i> </button> <a class='nav-link mt-2' href='project.html'>App Development</a> </div> </div> <div class="col-lg-3 col-md-6 mb-4"> <div class="p-2" style="display: flex;"> <button class="btn btn-dark btn-lg rounded pt-3 pb-3"> <i class="fa-regular fa-clock"></i> </button> <a class='nav-link mt-2' href='project.html'>SAAS Integration</a> </div> <div class="p-2 mt-4" style="display: flex;"> <button class="btn btn-dark btn-lg rounded pt-3 pb-3"> <i class="fa-solid fa-vr-cardboard"></i> </button> <a class='nav-link mt-2' href='project.html'>Virtual Reality</a> </div> </div> <div class="col-lg-3 col-md-6"> <ul> <li><a class='nav-link' href='project.html'>Web Development</a></li> <li><a class='nav-link' href='project.html'>App Development</a></li> <li><a class='nav-link' href='project.html'>IT Consulting</a></li> <li><a class='nav-link' href='project.html'>Cyber Security</a></li> <li><a class='nav-link' href='project.html'>Network Solutions</a></li> <li><a class='nav-link' href='project.html'>Software Testing</a></li> </ul> </div> <div class="col-lg-3 col-md-6"> <ul> <li><a class='nav-link' href='project.html'>Digital Marketing</a></li> <li><a class='nav-link' href='project.html'>E-commerce Solutions</a></li> <li><a class='nav-link' href='project.html'>DevOps Solutions</a></li> <li><a class='nav-link' href='project.html'>Data Analytics</a></li> <li><a class='nav-link' href='project.html'>Business Intelligence</a></li> <li><a class='nav-link' href='project.html'>UI/UX Design</a></li> </ul> </div> </div> <hr> <ul class="list-inline pt-3 pb-4"> <li class="list-inline-item"> <a href="#" class="text-black"> <i class="fa-brands fa-facebook-f"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="text-black"> <i class="fa-brands fa-x-twitter"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="text-black"> <i class="fa-brands fa-linkedin-in"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="text-black"> <i class="fab fa-instagram"></i> </a> </li> </ul> </div> </li> </ul> </li> <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle link" href="#" id="servicesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Services <i class="fa-solid fa-angle-down text-sm"></i> </a> <ul class="dropdown-menu w-100 menu" aria-labelledby="servicesDropdown"> <li> <div class="container m-auto pt-4"> <div class="row"> <div class="col-lg-3 col-md-6 mb-4"> <div class="p-2" style="display: flex;"> <button class="btn btn-dark btn-lg rounded pt-3 pb-3"> <i class="fa-solid fa-brain"></i> </button> <a class='nav-link mt-2' href='service.html'>Brainstorming</a> </div> <div class="p-2 mt-4" style="display: flex;"> <button class="btn btn-dark btn-lg rounded pt-3 pb-3"> <i class="fas fa-search"></i> </button> <a class='nav-link mt-2' href='service.html'>SEO Optimization</a> </div> </div> <div class="col-lg-3 col-md-6 mb-4"> <div class="p-2" style="display: flex;"> <button class="btn btn-dark btn-lg rounded pt-3 pb-3"> <i class="fa-solid fa-pen-nib"></i> </button> <a class='nav-link mt-2' href='service.html'>Product Design</a> </div> <div class="p-2 mt-4" style="display: flex;"> <button class="btn btn-dark btn-lg rounded pt-3 pb-3"> <i class="fa-solid fa-cloud"></i> </button> <a class='nav-link mt-2' href='service.html'>Cloud Solutions</a> </div> </div> <div class="col-lg-3 col-md-6"> <ul> <li><a class='nav-link' href='service.html'>Web Development</a> </li> <li><a class='nav-link' href='service.html'>App Development</a> </li> <li><a class='nav-link' href='service.html'>IT Consulting</a></li> <li><a class='nav-link' href='service.html'>Cyber Security</a> </li> <li><a class='nav-link' href='service.html'>Network Solutions</a> </li> <li><a class='nav-link' href='service.html'>Software Testing</a> </li> </ul> </div> <div class="col-lg-3 col-md-6"> <ul> <li><a class='nav-link' href='service.html'>Digital Marketing</a> </li> <li><a class='nav-link' href='service.html'>E-commerce Solutions</a></li> <li><a class='nav-link' href='service.html'>DevOps Solutions</a> </li> <li><a class='nav-link' href='service.html'>Data Analytics</a> </li> <li><a class='nav-link' href='service.html'>Business Intelligence</a></li> <li><a class='nav-link' href='service.html'>UI/UX Design</a></li> </ul> </div> </div> <hr> <ul class="list-inline pt-3 pb-4"> <li class="list-inline-item"> <a href="#" class="text-black"> <i class="fa-brands fa-facebook-f"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="text-black"> <i class="fa-brands fa-x-twitter"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="text-black"> <i class="fa-brands fa-linkedin-in"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="text-black"> <i class="fab fa-instagram"></i> </a> </li> </ul> </div> </li> </ul> </li> <li class="nav-item"> <a class='nav-link link' href='contact.html'>Contact</a> </li> </ul> </div> </div> <a class="btn btn-dark get-started getstarted-btn" href="#">Get Started</a> </div> </nav> <div class="header custom-padding mt-4 mx-auto"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12"> <ul class="list-inline mx-auto"> <li class="list-inline-item"> <a href="#" class="text-black social-icon"><i class="fa-brands fa-facebook-f"></i></a> </li> <li class="list-inline-item"> <a href="#" class="text-black social-icon"><i class="fa-brands fa-x-twitter"></i></a> </li> <li class="list-inline-item"> <a href="#" class="text-black social-icon"><i class="fa-brands fa-linkedin-in"></i></a> </li> <li class="list-inline-item"> <a href="#" class="text-black social-icon"><i class="fab fa-instagram"></i></a> </li> </ul> <h3 class="heading">Building Your Digital Future for Today and Tommorow</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <a class="btn btn-dark btn-lg header-btn">Learn More</a> <a class="btn btn-light btn-lg header-btn">Let's Talk</a> </div> <div class="col-lg-6 col-md-6 col-sm-12 mb-lg-0"> <div class="container"> <div class="card header-box2 animate__animated animate__slideOutDown animate__infinite"> <div class="card-body"> <small>2000+ have already joined our IT company Tecky Solution</small> </div> </div> <img src="static/picture/header-img.jpg" alt="About Us" id="hover-image" class="p-4 header-img img-fluid rounded"> <div class="header-box1 card animate__animated animate__slideOutUp animate__infinite"> <div class="card-body"> <h2>+8</h2> <small>Years Experience</small> </div> </div> </div> </div> </div> </div> </div> <section id="services" class="custom-padding animate__animated bg-light" data-animation="animate__fadeInUp"> <div class="container"> <div class="mb-5 animate__animated" data-animation="animate__fadeInDown"> <h2 class="section-title">What We Do</h2> <p class="lead text-muted">We offer a wide range of IT solutions to help your<br> business grow and succeed. </p> </div> <div class="row"> <div class="col-lg-4 col-sm-12 col-md-6 mb-4 mt-4"> <div class="card h-100 shadow-sm animate__animated border" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-laptop-code fa-3x text-dark"></i> </div> <h5 class="card-title">Custom Software Development</h5> <p class="card-text">We build tailor-made software solutions that align with your business goals, ensuring efficiency and scalability.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4"> <div class="card h-100 shadow-sm animate__animated border" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-cloud fa-3x text-dark"></i> </div> <h5 class="card-title">Cloud Solutions</h5> <p class="card-text">Our cloud solutions allow you to optimize operations, improve collaboration, and scale effortlessly in the digital space.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4"> <div class="card h-100 shadow-sm animate__animated border-light" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-shield-alt fa-3x text-dark"></i> </div> <h5 class="card-title">Cybersecurity</h5> <p class="card-text">Protect your data and IT infrastructure with our advanced cybersecurity solutions designed to minimize risks.</p> </div> </div> </div> </div> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4"> <div class="card h-100 shadow-sm animate__animated" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-cogs fa-3x text-dark"></i> </div> <h5 class="card-title">DevOps Services</h5> <p class="card-text">Our DevOps services help streamline your software development process, reducing time-to-market and improving productivity.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4"> <div class="card h-100 shadow-sm animate__animated" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-network-wired fa-3x text-dark"></i> </div> <h5 class="card-title">IT Consulting</h5> <p class="card-text">Our expert consultants provide strategic guidance to help your business leverage the latest technologies for growth and efficiency.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4"> <div class="card h-100 shadow-sm animate__animated custom-border" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-server fa-3x text-dark"></i> </div> <h5 class="card-title">Managed IT Services</h5> <p class="card-text">We manage your IT infrastructure so you can focus on your core business, ensuring uptime, security, and smooth operations.</p> </div> </div> </div> </div> </div> </section> <!-- About Us --> <section id="about-us" class="bg-light custom-padding animate__animated" data-animation="animate__fadeInUp"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6 mb-4 mb-lg-0"> <div class="card"> <img src="static/picture/about1.jpg" alt="About Us" class="img-fluid animate__animated card-img" data-animation="animate__zoomIn"> </div> </div> <div class="col-lg-1"></div> <div class="col-lg-5"> <h2 class="section-title">About Us</h2> <p class="lead text-muted">We are a leading IT company with a passion for innovation and delivering cutting-edge solutions to our clients.</p> <p>With years of experience in the industry, we have built a reputation for providing comprehensive IT services tailored to meet the unique needs of our clients. </p> <ul class="list-unstyled"> <li class="mb-3"> <i class="bi bi-check-circle-fill text-dark"></i> <strong>Mission:</strong> To empower businesses through innovative technology solutions. </li> <li class="mb-3"> <i class="bi bi-check-circle-fill text-dark"></i> <strong>Vision:</strong> To be the global leader in IT services, enabling digital transformation for organizations of all sizes. </li> <li> <i class="bi bi-check-circle-fill text-dark"></i> <strong>Core Values:</strong> Innovation, Integrity, Customer-Centricity, and Collaboration. </li> </ul> <a href="./pages/contact.html" class="btn btn-dark mt-4">Get in Touch</a> </div> </div> </div> </section> <!-- Testimonials --> <section id="team" class="bg-light custom-padding animate__animated" data-animation="animate__fadeInUp"> <div class="container"> <div class="text-center mb-5"> <h2 class="section-title">Meet Our Team</h2> <p class="text-muted">Hear from our satisfied clients who trust us for their technology needs. </p> </div> <div id="teamCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="2000" data-bs-pause="hover"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="row justify-content-center"> <div class="col-lg-4 col-md-12 col-sm-12 mt-4"> <div class="card shadow-sm"> <div class="card-body"> <div class="team text-center"> <img src="static/picture/1.jpg" alt="person one" class="rounded-circle mb-4"> <h5 class="mb-1">Michael Lee</h5> <p class="text-muted">CTO, Global Enterprises</p> <p class="mb-4">"We were thoroughly impressed with the quality of the solution provided. The team's expertise made all the difference in delivering a darkful project."</p> </div> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 mt-4"> <div class="card shadow-sm"> <div class="card-body"> <div class="team text-center"> <img src="static/picture/2.jpg" class="rounded-circle mb-4" alt="person two"> <h5 class="mb-1">Jane Smith</h5> <p class="text-muted">COO, StartUp Solutions</p> <p class="mb-4">"The team delivered a top-notch product that streamlined our business operations. Their attention to detail and customer support were outstanding."</p> </div> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 mt-4"> <div class="card shadow-sm"> <div class="card-body"> <div class="team text-center"> <img src="static/picture/3.jpg" class="rounded-circle mb-4" alt="person three"> <h5 class="mb-1">Jane Smith</h5> <p class="text-muted">COO, StartUp Solutions</p> <p class="mb-4">"The team delivered a top-notch product that streamlined our business operations. Their attention to detail and customer support were outstanding."</p> </div> </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="row justify-content-center"> <div class="col-lg-4 col-md-12 col-sm-12 mt-4"> <div class="card shadow-sm"> <div class="card-body"> <div class="team text-center"> <img src="static/picture/1.jpg" class="rounded-circle mb-4" alt="person four"> <h5 class="mb-1">Michael Lee</h5> <p class="text-muted">CTO, Global Enterprises</p> <p class="mb-4">"We were thoroughly impressed with the quality of the solution provided. The team's expertise made all the difference in delivering a darkful project."</p> </div> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 mt-4"> <div class="card shadow-sm"> <div class="card-body"> <div class="team text-center"> <img src="static/picture/2.jpg" class="rounded-circle mb-4" alt="person five"> <h5 class="mb-1">Jane Smith</h5> <p class="text-muted">COO, StartUp Solutions</p> <p class="mb-4">"The team delivered a top-notch product that streamlined our business operations. Their attention to detail and customer support were outstanding."</p> </div> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 mt-4"> <div class="card shadow-sm"> <div class="card-body"> <div class="team text-center"> <img src="static/picture/3.jpg" class="rounded-circle mb-4" alt="person six"> <h5 class="mb-1">Jane Smith</h5> <p class="text-muted">COO, StartUp Solutions</p> <p class="mb-4">"The team delivered a top-notch product that streamlined our business operations. Their attention to detail and customer support were outstanding."</p> </div> </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="row justify-content-center"> <div class="col-lg-4 col-md-12 col-sm-12 mt-4"> <div class="card shadow-sm"> <div class="card-body"> <div class="team text-center"> <img src="static/picture/1.jpg" class="rounded-circle mb-4" alt="person seven"> <h5 class="mb-1">Michael Lee</h5> <p class="text-muted">CTO, Global Enterprises</p> <p class="mb-4">"We were thoroughly impressed with the quality of the solution provided. The team's expertise made all the difference in delivering a darkful project."</p> </div> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 mt-4"> <div class="card shadow-sm"> <div class="card-body"> <div class="team text-center"> <img src="static/picture/2.jpg" class="rounded-circle mb-4" alt="person eight"> <h5 class="mb-1">Jane Smith</h5> <p class="text-muted">COO, StartUp Solutions</p> <p class="mb-4">"The team delivered a top-notch product that streamlined our business operations. Their attention to detail and customer support were outstanding."</p> </div> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 mt-4"> <div class="card shadow-sm"> <div class="card-body"> <div class="team text-center"> <img src="static/picture/3.jpg" class="rounded-circle mb-4" alt="person nine"> <h5 class="mb-1">Jane Smith</h5> <p class="text-muted">COO, StartUp Solutions</p> <p class="mb-4">"The team delivered a top-notch product that streamlined our business operations. Their attention to detail and customer support were outstanding."</p> </div> </div> </div> </div> </div> </div> <button class="carousel-control-prev text-black" type="button" data-bs-target="#teamCarousel" data-bs-slide="prev"> <span class="carousel-control-prev-icon text-dark"></span> </button> <button class="carousel-control-next" type="button" data-bs-target="#teamCarousel" data-bs-slide="next"> <span class="carousel-control-next-icon"></span> </button> </div> </div> </div> </section> <div class="bg-light pt-4 pb-4 animate__animated" data-animation="animate__fadeInUp"> <div class="container"> <h2 class="text-center mb-5">Our Development Services</h2> <div class="row"> <div class="col-lg-4 col-md-12 col-sm-12 mb-4"> <div class="card h-100 shadow-sm"> <div class="card-body"> <h5 class="card-title">Web Development</h5> <p class="card-text">We create fast, secure, and scalable websites with exceptional user experiences.</p> <ul class="list-unstyled"> <li>Custom Web Applications</li> <li>E-commerce Development</li> <li>CMS Solutions</li> <li>Website Optimization</li> </ul> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 mb-4"> <div class="card h-100 shadow-sm"> <div class="card-body"> <h5 class="card-title">Mobile App Development</h5> <p class="card-text">We build native and cross-platform apps with smooth, engaging user experiences.</p> <ul class="list-unstyled"> <li>iOS & Android Development</li> <li>Cross-platform Solutions</li> <li>App UI/UX Design</li> <li>App Maintenance & Support</li> </ul> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 mb-4"> <div class="card h-100 shadow-sm"> <div class="card-body"> <h5 class="card-title">Custom Software Development</h5> <p class="card-text">Tailored software solutions to meet your unique business needs and challenges.</p> <ul class="list-unstyled"> <li>Enterprise Solutions</li> <li>CRM & ERP Integration</li> <li>Automation Tools</li> <li>API Development</li> </ul> </div> </div> </div> </div> </div> </div> <section id="WhyUs" class="custom-padding animate__animated bg-light" data-animation="animate__fadeInUp"> <div class="container"> <div class="mb-5 animate__animated" data-animation="animate__fadeInDown"> <p class="lead text-muted">Why Choose Us</p> <h2 class="section-title">Empowering Your Business with<br> Innovative IT Solutions</h2> <p>Partner with us to access cutting-edge technology and expert solutions. From custom software to<br> cloud services, we tailor our offerings to meet the unique needs of startups and established businesses,<br> ensuring scalability, security, and efficiency.</p> </div> <div class="row"> <div class="col-lg-8"> <div class="row"> <div class="col-lg-6 col-md-6 mb-4"> <div class="card h-100 animate__animated bg-transparent" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-laptop-code fa-3x text-dark"></i> </div> <h5 class="card-title">Custom Software Development</h5> <p class="card-text">We build tailor-made software solutions designed to enhance your business operations, increase productivity, and drive growth.</p> </div> </div> </div> <div class="col-lg-6 col-md-6 mb-4"> <div class="card h-100 animate__animated bg-transparent" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-cloud fa-3x text-dark"></i> </div> <h5 class="card-title">Cloud Solutions</h5> <p class="card-text">Optimize your digital infrastructure with our cloud solutions, enabling seamless collaboration, scalability, and data security.</p> </div> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 mb-4"> <div class="card h-100 animate__animated bg-transparent" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-network-wired fa-3x text-dark"></i> </div> <h5 class="card-title">IT Consulting</h5> <p class="card-text">Our expert consultants guide you in adopting the latest technologies to stay ahead in a rapidly evolving digital landscape.</p> </div> </div> </div> <div class="col-lg-6 col-md-6 mb-4"> <div class="card h-100 animate__animated bg-transparent" data-animation="animate__fadeInUp"> <div class="card-body"> <div class="icon mb-3"> <i class="fas fa-server fa-3x text-dark"></i> </div> <h5 class="card-title">Managed IT Services</h5> <p class="card-text">We take care of your IT infrastructure, ensuring uptime, security, and seamless operations, so you can focus on what matters most.</p> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div class="card shadow-sm border-0 animate__animated" data-animation="animate__zoomIn"> <img src="static/picture/why-us.jpg" alt="why us img" class="card-img"> </div> </div> </div> </div> </section> <section class="animate__animated bg-light" data-animation="animate__fadeInUp"> <div class="container"> <div class="row"> <div class="col-lg-8"> <div class="col-lg-12"> <div class="row"> <div class="col-lg-6 col-md-6"> <div class="card"> <div class="card-body"> <i class="fa-regular fa-clock display-1 text-dark pb-4"></i> <br> <h1 id="yearsExperience">20+</h1> <p>Years of experience</p> </div> </div> </div> <div class="col-lg-6 col-md-6"> <div class="card"> <div class="card-body"> <i class="fa-solid fa-shield text-dark display-1 pb-4"></i> <br> <h1 id="darkStories">390+</h1> <p>dark Stories</p> </div> </div> </div> </div> <div class="row mt-4"> <div class="col-lg-6 col-md-6"> <div class="card"> <div class="card-body"> <i class="fa-regular fa-thumbs-up display-1 text-dark pb-4"></i> <br> <h1 id="companiesTrust">6K+</h1> <p>Companies Trust Us</p> </div> </div> </div> <div class="col-lg-6 col-md-6"> <div class="card"> <div class="card-body"> <i class="fa-solid fa-database text-dark display-1 pb-4"></i> <br> <h1 id="resultsGuaranteed">100%</h1> <p>Results Guaranteed</p> </div> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div class="card border-0"> <img class="card-img" alt="experience img" src="static/picture/experience.jpg"> </div> </div> </div> </div> </section> <!-- Brands --> <div id="brands" class="custom-padding animate__animated bg-light" data-animation="animate__fadeInUp"> <div class="container-fluid"> <div class="brand-carousel"> <div class="brand-track"> <div class="brand-item"> <img src="static/picture/11.jpg" class="img-fluid grayscale" alt="Brand 1 Logo"> </div> <div class="brand-item"> <img src="static/picture/5.jpg" class="img-fluid grayscale" alt="Brand 2 Logo"> </div> <div class="brand-item"> <img src="static/picture/21.jpg" class="img-fluid grayscale" alt="Brand 3 Logo"> </div> <div class="brand-item"> <img src="static/picture/31.jpg" class="img-fluid grayscale" alt="Brand 4 Logo"> </div> <div class="brand-item"> <img src="static/picture/4.jpg" class="img-fluid grayscale" alt="Brand 5 Logo"> </div> <div class="brand-item"> <img src="static/picture/11.jpg" class="img-fluid grayscale" alt="Brand 6 Logo"> </div> <div class="brand-item"> <img src="static/picture/5.jpg" class="img-fluid grayscale" alt="Brand 1 Logo"> </div> <div class="brand-item"> <img src="static/picture/21.jpg" class="img-fluid grayscale" alt="Brand 2 Logo"> </div> <div class="brand-item"> <img src="static/picture/31.jpg" class="img-fluid grayscale" alt="Brand 5 Logo"> </div> <div class="brand-item"> <img src="static/picture/4.jpg" class="img-fluid grayscale" alt="Brand 6 Logo"> </div> <div class="brand-item"> <img src="static/picture/11.jpg" class="img-fluid grayscale" alt="Brand 6 Logo"> </div> <div class="brand-item"> <img src="static/picture/5.jpg" class="img-fluid grayscale" alt="Brand 1 Logo"> </div> <div class="brand-item"> <img src="static/picture/21.jpg" class="img-fluid grayscale" alt="Brand 2 Logo"> </div> <div class="brand-item"> <img src="static/picture/31.jpg" class="img-fluid grayscale" alt="Brand 5 Logo"> </div> <div class="brand-item"> <img src="static/picture/4.jpg" class="img-fluid grayscale" alt="Brand 6 Logo"> </div> <div class="brand-item"> <img src="static/picture/5.jpg" class="img-fluid grayscale" alt="Brand 6 Logo"> </div> <div class="brand-item"> <img src="static/picture/brand1.jpg" class="img-fluid grayscale" alt="Brand 1 Logo"> </div> <div class="brand-item"> <img src="static/picture/21.jpg" class="img-fluid grayscale" alt="Brand 2 Logo"> </div> <div class="brand-item"> <img src="static/picture/31.jpg" class="img-fluid grayscale" alt="Brand 5 Logo"> </div> <div class="brand-item"> <img src="static/picture/4.jpg" class="img-fluid grayscale" alt="Brand 6 Logo"> </div> <div class="brand-item"> <img src="static/picture/brand1.jpg" class="img-fluid grayscale" alt="Brand 6 Logo"> </div> <div class="brand-item"> <img src="static/picture/11.jpg" class="img-fluid grayscale" alt="Brand 1 Logo"> </div> <div class="brand-item"> <img src="static/picture/21.jpg" class="img-fluid grayscale" alt="Brand 2 Logo"> </div> <div class="brand-item"> <img src="static/picture/31.jpg" class="img-fluid grayscale" alt="Brand 5 Logo"> </div> <div class="brand-item"> <img src="static/picture/4.jpg" class="img-fluid grayscale" alt="Brand 6 Logo"> </div> </div> </div> </div> </div> <!-- Portfolio --> <section id="portfolio" class="bg-light custom-padding animate__animated" data-animation="animate__fadeInUp"> <div class="container"> <div class="text-center mb-5"> <h2 class="section-title">Our Portfolio</h2> <p class="text-muted">Showcasing some of our best work and darkful projects across different industries.</p> </div> <div class="row"> <div class="col-lg-4 col-md-12 mb-4"> <div class="card h-100 shadow-sm border-0 animate__animated" data-animation="animate__fadeInUp"> <img src="static/picture/project1.jpg" class="card-img" alt="Project 1"> <div class="card-body p-4"> <h5 class="card-title">Project 1</h5> <p class="card-text">A brief description of the project, highlighting the main technologies used and its business impact.</p> <a class='btn btn-outline-dark' href='project.html'>View Project</a> </div> </div> </div> <div class="col-lg-4 col-md-12 mb-4"> <div class="card h-100 shadow-sm border-0 animate__animated" data-animation="animate__fadeInUp"> <img src="static/picture/project2.jpg" class="card-img" alt="Project 2"> <div class="card-body p-4"> <h5 class="card-title">Project 2</h5> <p class="card-text">Details about the project, the client's requirements, and the innovative solutions provided.</p> <a class='btn btn-outline-dark' href='project.html'>View Project</a> </div> </div> </div> <div class="col-lg-4 col-md-12 mb-4"> <div class="card h-100 shadow-sm border-0 animate__animated" data-animation="animate__fadeInUp"> <img src="static/picture/project3.jpg" class="card-img" alt="Project 3"> <div class="card-body p-4"> <h5 class="card-title">Project 3</h5> <p class="card-text">An overview of this project, including key technologies used and the project's outcome.</p> <a class='btn btn-outline-dark' href='project.html'>View Project</a> </div> </div> </div> </div> <div class="row"> <div class="col-lg-4 col-md-12 mb-4"> <div class="card h-100 shadow-sm border-0 animate__animated" data-animation="animate__fadeInUp"> <img src="static/picture/project4.jpg" class="card-img" alt="Project 4"> <div class="card-body p-4"> <h5 class="card-title">Project 4</h5> <p class="card-text">Summary of the project, including challenges faced and how they were overcome.</p> <a class='btn btn-outline-dark' href='project.html'>View Project</a> </div> </div> </div> <div class="col-lg-4 col-md-12 mb-4"> <div class="card h-100 shadow-sm border-0 animate__animated" data-animation="animate__fadeInUp"> <img src="static/picture/project5.jpg" class="card-img" alt="Project 5"> <div class="card-body p-4"> <h5 class="card-title">Project 5</h5> <p class="card-text">Description of the project's key aspects, including unique solutions and its results.</p> <a class='btn btn-outline-dark' href='project.html'>View Project</a> </div> </div> </div> <div class="col-lg-4 col-md-12 mb-4"> <div class="card h-100 shadow-sm border-0 animate__animated" data-animation="animate__fadeInUp"> <img src="static/picture/project6.jpg" class="card-img" alt="Project 6"> <div class="card-body p-4"> <h5 class="card-title">Project 6</h5> <p class="card-text">Project details highlighting the technology stack and how the solution benefited the client.</p> <a class='btn btn-outline-dark' href='project.html'>View Project</a> </div> </div> </div> </div> </div> </section> <!-- Testimonials --> <section id="testimonials" class="bg-light animate__animated" data-animation="animate__fadeInUp"> <div class="container"> <div class="text-center mb-5"> <h2 class="section-title">What Our Clients Say</h2> <p class="text-muted">Hear from our satisfied clients who trust us for their technology needs. </p> </div> <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="row justify-content-center"> <div class="col-lg-8 col-md-10"> <div class="testimonial text-center"> <img src="static/picture/1.jpg" class="rounded-circle mb-4" alt="Client 1"> <h5 class="mb-1">John Doe</h5> <p class="text-muted">CEO, Tech Innovators</p> <blockquote class="blockquote"> <p class="mb-4">"Working with this team was an absolute pleasure! Their expertise and professionalism helped us develop a cutting-edge solution that exceeded our expectations."</p> </blockquote> </div> </div> </div> </div> <div class="carousel-item"> <div class="row justify-content-center"> <div class="col-lg-8 col-md-10"> <div class="testimonial text-center"> <img src="static/picture/2.jpg" class="rounded-circle mb-4" alt="Client 2"> <h5 class="mb-1">Jane Smith</h5> <p class="text-muted">COO, StartUp Solutions</p> <blockquote class="blockquote"> <p class="mb-4">"The team delivered a top-notch product that streamlined our business operations. Their attention to detail and customer support were outstanding."</p> </blockquote> </div> </div> </div> </div> <div class="carousel-item"> <div class="row justify-content-center"> <div class="col-lg-8 col-md-10"> <div class="testimonial text-center"> <img src="static/picture/3.jpg" class="rounded-circle mb-4" alt="Client 3"> <h5 class="mb-1">Michael Lee</h5> <p class="text-muted">CTO, Global Enterprises</p> <blockquote class="blockquote"> <p class="mb-4">"We were thoroughly impressed with the quality of the solution provided. The team's expertise made all the difference in delivering a darkful project."</p> </blockquote> </div> </div> </div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" 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="#testimonialCarousel" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </div> </section> <!-- Contact --> <section class="contact-section bg-secondary custom-padding animate__animated" data-animation="animate__fadeInUp"> <div class="container"> <div class="row"> <div class="col-lg-6 mx-auto p-4"> <h2 class="text-uppercase">Send Us a Message</h2> <p>Give us chance to serve and bring magic to your brand.</p> <form> <div class="row"> <div class="col"> <div class="form-group mt-4"> <label for="name">First Name</label> <input type="text" class="form-control mt-2" id="name" placeholder="First Name" required> </div> </div> <div class="col"> <div class="form-group mt-4"> <label for="lastname">Last Name</label> <input type="text" class="form-control mt-2" id="lastname" placeholder="Last Name" required> </div> </div> </div> <div class="form-group mt-4"> <label for="email">Email</label> <input type="email" class="form-control mt-2" id="email" placeholder="[email protected]" required> </div> <div class="form-group mt-4"> <label for="message">Message</label> <textarea class="form-control mt-2" id="message" rows="4" placeholder="Your Message" required></textarea> </div> <button type="submit" class="btn btn-dark mt-4">Send Message</button> </form> </div> <div class="col-lg-6 mx-auto p-4"> <img src="static/picture/contact.jpg" alt="contact img" class="card-img"> </div> </div> </div> </section> <!-- scroll btn --> <a href="#" id="scrollTopButton" class="scrollbtn"> <i class="fa-solid fa-arrow-up-long"></i> </a> <section class="email-subscription py-5 bg-light"> <div class="container text-center"> <h3 class="mb-4">Stay Updated with Our Latest News</h3> <p class="mb-4">Subscribe to our newsletter for updates on services, products, and special offers.</p> <form id="newsletterForm" style="display: flex;" method="post" onsubmit="return handleFormSubmit(event)"> <input type="email" class="form-control form-control-lg" placeholder="Enter your email" required> <button type="submit" class="btn btn-dark btn-lg btn-block">Subscribe</button> </form> <div id="successMessage" class="alert alert-success mt-4" style="display: none;"> Thank you for subscribing to our newsletter! </div> </div> </section> <!-- Footer --> <footer class="footer text-center text-light pt-4 pb-4"> <div class="container"> <div class="row"> <div class="col-lg-2 col-md-6 mb-4"> <p class="text-uppercase mb-3">Quick Links</p> <ul class="list-unstyled"> <li class="nav-item"><a href="#" class="nav-link">Home</a></li> <li class="nav-item"><a href="#" class="nav-link">About Us</a></li> <li class="nav-item"><a href="#" class="nav-link">Our Services</a></li> <li class="nav-item"><a href="#" class="nav-link">Portfolio</a></li> <li class="nav-item"><a href="#" class="nav-link">Contact</a></li> </ul> </div> <div class="col-lg-2 col-md-6 mb-4"> <p class="text-uppercase mb-3">Follow Us</p> <ul class="list-unstyled"> <li class="nav-item"><a href="#" class="nav-link">Facebook</a> </li> <li class="nav-item"><a href="#" class="nav-link">Twitter</a> </li> <li class="nav-item"><a href="#" class="nav-link">LinkedIn</a></li> <li class="nav-item"><a href="#" class="nav-link">Instagram</a></li> <li class="nav-item"><a href="#" class="nav-link">YouTube</a> </li> </ul> </div> <div class="col-lg-2 col-md-6 mb-4"> <p class="text-uppercase mb-3">Resources</p> <ul class="list-unstyled"> <li class="nav-item"><a href="#" class="nav-link">Blog</a></li> <li class="nav-item"><a href="#" class="nav-link">Careers</a></li> <li class="nav-item"><a href="#" class="nav-link">FAQs</a></li> <li class="nav-item"><a href="#" class="nav-link">Case Studies</a></li> <li class="nav-item"><a href="#" class="nav-link">Whitepapers</a></li> </ul> </div> <div class="col-lg-2 col-md-6 mb-4"> <p class="text-uppercase mb-3">Support</p> <ul class="list-unstyled"> <li class="nav-item"><a href="#" class="nav-link">Help Center</a></li> <li class="nav-item"><a href="#" class="nav-link">Contact Support</a> </li> <li class="nav-item"><a href="#" class="nav-link">Privacy Policy</a></li> <li class="nav-item"><a href="#" class="nav-link">Terms & Conditions</a></li> <li class="nav-item"><a href="#" class="nav-link">Sitemap</a></li> </ul> </div> <div class="col-lg-2 col-md-12 mb-4"> <ul class="list-inline"> <li class="list-inline-item"> <a href="#" class="text-white"> <i class="fa-brands fa-facebook-f social-icon"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="text-white"> <i class="fa-brands fa-x-twitter social-icon"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="text-white"> <i class="fa-brands fa-linkedin-in social-icon"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="text-white"> <i class="fab fa-instagram social-icon"></i> </a> </li> </ul> </div> </div> <hr class="my-4 border-light"> <small class="mb-0">Copyright © 2024.pluton All rights reserved. <a target="_blank" href="https://beian.miit.gov.cn/"> 鄂ICP备2022011221号-1</a></small> </div> </footer> <!-- Loader section --> <div id="loader"> <div class="custom-spinner"></div> </div> <!-- Popper.js --> <script src="static/js/popper.min.js"></script> <script src="static/js/script.js"></script> <script src="static/js/bootstrap.min.js"></script> <script src="static/js/scrollreveal.js"></script> </body> </html>