200 OK 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: sdhlk.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<div class="parallax-1"> <div class="row content"> <div class="col-12 mt-5"> <div class="container mt-2"> <div class="row align-items-center justify-content-center" style="min-height: 100vh"> <div class="col-12 text-center" id="pin-element"> <h1 class="text-white h1 text-capitalize header-text hidden"> SDH Corporate Consultants <br> (Pvt) Ltd. </h1> <a href="#" class="text-capitalize text-decoration-none fw-bold btn btn-primary rounded-5 mx-3 btn-custom d-lg-none"> learn more </a> <a href="#" class="text-capitalize text-decoration-none fw-bold btn btn-warning rounded-5 mx-3 btn-custom d-lg-none"> Contact us </a> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 bg-white rounded "> <div class="container mt-5 text-center "> <div class="row"> <div id="about" class="col-12 mt-5 mb-5"> <div class="row justify-content-center align-items-center"> <div class="col-12 text-start"> <h2 class="text-black text-start fw-bold secondary-title hidden"> Focus On Your Business </h2> <div class="d-flex justify-content-between align-items-center"> <span class="text-info h4 fw-bolder info-header">But you don't have to.</span> <a href="#" class="text-end text-decoration-none text-info fw-bold">Learn More⇛</a> </div> </div> <div class="col-12"> <div class="row justify-content-center align-items-center"> <div class="container overflow-hidden"> <div class="row flex-nowrap scrolling-wrapper hidden"> <div class="col-12 col-md-6 col-lg-4 p-3"> <div class="card border-0 shadow h-100"> <div class="card-body text-center"> <img src="https://icons.getbootstrap.com/assets/icons/receipt.svg" alt="Tax Services Icon" class="mb-3" style="width: 60px; height: 60px;"> <h5 class="card-title fw-bold info-header">Tax Services </h5> <p class="card-text secondary-title"> Expert tax planning and preparation to minimize your liabilities and maximize your returns. </p> </div> </div> </div> <!-- Add more cards for other services --> <div class="col-12 col-md-6 col-lg-4 p-3"> <div class="card border-0 shadow h-100"> <div class="card-body text-center"> <img src="https://icons.getbootstrap.com/assets/icons/briefcase.svg" alt="Business Consulting Icon" class="mb-3" style="width: 60px; height: 60px;"> <h5 class="card-title fw-bold info-header"> Business Consulting</h5> <p class="card-text secondary-title "> Professional advice to help your business grow, manage risks, and achieve its objectives. </p> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 p-3"> <div class="card border-0 shadow h-100"> <div class="card-body text-center"> <img src="https://icons.getbootstrap.com/assets/icons/graph-up.svg" alt="Financial Planning Icon" class="mb-3" style="width: 60px; height: 60px;"> <h5 class="card-title fw-bold info-header"> Financial Planning</h5> <p class="card-text secondary-title"> Comprehensive financial planning services to secure your business's future. </p> </div> </div> </div> </div> </div> <div class="col-12 mt-5"> <div class="row p-2"> <div class="col-12 p-4 card shadow-sm border-0 rounded-5" style="background-color: #FAFAF8"> <dv class="row align-items-center hidden"> <div class="col-12 col-lg-6"> <div class="image-container"> <img src="http://sdhlk.com/asset/images/emp1.jpg" alt="Image Title" class="image rounded"> <div class="title-overlay"> <h2 class="title-text fw-bold info-header"> Empowering Your Financial Future </h2> <p class="description-text secondary-title"> At SDH Corporate Consultants, we specialize in providing expert accounting solutions tailored to your unique needs. Our team is dedicated to ensuring your financial success through meticulous planning, strategic advice, and unparalleled professionalism. </p> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="row align-items-center"> <div class="col-12 mt-4 mb-4"> <div class="box"> <h3 class="box-title info-header"> Our Vision</h3> <p class="box-text secondary-title"> To be the leading provider of innovative and reliable accounting solutions, transforming the financial landscape through excellence and integrity. </p> </div> </div> <div class="col-12"> <div class="box"> <h3 class="box-title info-header"> Our Mission</h3> <p class="box-text secondary-title"> To deliver exceptional accounting services that drive business success, by leveraging advanced technology, fostering strong client relationships, and upholding the highest standards of professionalism </p> </div> </div> </div> </div> </dv> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="parallax-2"> <div class="row minor-content"> <div class="col-12"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <hr class="fw-bold news-line"> <span class="header hidden ">NEWS</span> <hr class="fw-bold news-line"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 bg-white h-100"> <div class="container"> <div class="row"> <div class="col-12"> <!-- Introductory Text --> <div class="my-5 hidden"> <h2 class="text-center fw-bolder">Latest News from SDH</h2> <p class="text-center"> Stay updated with the latest news and insights provided by SDH. Our news section offers valuable information on industry trends, tax reforms, and financial management. Discover what’s new and learn more about the essential updates that could impact your professional practice. <a href="#">Learn more</a> </p> </div> <!-- Existing News Cards --> <div class="container my-5 card p-5 border-0 rounded-5" style="background-color: #FAFAF8"> <div class="row hidden"> <div class="col-12 col-md-6 mb-4 mb-md-0"> <div class="card h-100"> <div class="row g-0"> <div class="col-md-12"> <img src="http://sdhlk.com/asset/images/1411.jpg" class="img-fluid rounded-start" alt="UX review presentations"> </div> <div class="col-md-12"> <div class="card-body"> <span class="author fw-bolder"> Danukajie Hansanath 1 August 2024 </span> <br> <a href="#" class="h5 text-decoration-none card-title cursor-pointer"> New Tax Reforms for 2024: What Accountants Need to Know </a> <p class="card-text"> The 2024 tax reforms introduce significant changes to tax rates and regulations that will impact both individuals and businesses. </p> <a href="#" class="btn btn-outline-primary btn-sm rounded-5">Tax Reforms</a> <a href="#" class="btn btn-outline-secondary btn-sm rounded-5">Tax Planning</a> <a href="#" class="btn btn-outline-success btn-sm rounded-5">2024 Tax Changes</a> <br> <a href="#" class="text-primary text-decoration-none fw-bold mt-2 d-block"> Learn More → </a> </div> </div> </div> </div> </div> <div class="col-12 col-md-6 d-none d-md-block"> <div class="row"> <div class="col-12 mb-4"> <div class="card h-100"> <div class="row g-0"> <div class="col-md-4"> <img src="http://sdhlk.com/asset/images/167088.jpg" class="img-fluid rounded-start" alt="Migrating to Linear 101"> </div> <div class="col-md-8"> <div class="card-body"> <span class="author fw-bolder"> Danukajie Hansanath 1 August 2024 </span> <br> <a href="#" class="h5 card-title text-decoration-none cursor-pointer"> Leveraging Technology for Efficient Financial Reporting </a> <p class="card-text"> As technology continues to evolve, accountants have new tools at their disposal to streamline financial reporting processes. </p> <a href="#" class="btn btn-outline-primary btn-sm rounded-5">Financial Reporting</a> <a href="#" class="btn btn-outline-secondary btn-sm rounded-5">Accounting Technology</a> <br> <a href="#" class="text-primary text-decoration-none fw-bold mt-2 d-block"> Learn More → </a> </div> </div> </div> </div> </div> <div class="col-12 d-none d-md-block"> <div class="card h-100"> <div class="row g-0"> <div class="col-md-4"> <img src="http://sdhlk.com/asset/images/news.jpg" class="img-fluid rounded-start" alt="Building your API Stack"> </div> <div class="col-md-8"> <div class="card-body"> <span class="author fw-bolder"> Danukajie Hansanath 1 August 2024 </span> <br> <a href="#" class="h5 card-title text-decoration-none cursor-pointer"> Essential Tips for Managing Client Tax Audits </a> <p class="card-text"> Tax audits can be a stressful experience for clients and their accountants. </p> <a href="#" class="btn btn-outline-primary btn-sm rounded-5">Client Management</a> <a href="#" class="btn btn-outline-secondary btn-sm rounded-5">Accounting Tips</a> <br> <a href="#" class="text-primary text-decoration-none fw-bold mt-2 d-block"> Learn More → </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="parallax-3"> <div class="row minor-content"> <div class="col-12"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <hr class="fw-bold news-line"> <span class="header hidden">TEAM</span> <hr class="fw-bold news-line"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 bg-white"> <div class="container"> <div class="row p-4"> <div class="col-12"> <div class="col-12 text-center mb-5 hidden"> <h2 class="text-2xl font-bold mb-3 fw-bolder">Meet Our Team</h2> <p class="text-lg text-gray-600"> Our dedicated team is here to provide the best services and support. With a diverse range of expertise and a commitment to excellence, we work together to deliver outstanding results. Learn more about each team member and their contributions. </p> <a href="#" class="text-primary font-semibold mt-3 inline-block">Learn More →</a> </div> <div class="row hidden"> <div id="card1" class="col-12 col-md-6 col-lg-4 mb-5 mt-5"> <div class="bg-white shadow-md rounded-lg text-center card p-3"> <div class="flex justify-between items-center mb-4"> <h3 class="text-lg font-semibold"></h3> </div> <img class="mx-auto mb-4 rounded-5" height="150" width="150" src="https://via.placeholder.com/150" alt="Employee photo"> <h3 class="text-xl font-medium text-gray-700">Senira Perera</h3> <p class="text-sm text-gray-500 mb-2">Employee</p> </div> </div> <div id="card2" class="col-12 d-sm-none d-md-block col-md-6 col-lg-4 mb-5 mt-5"> <div class="bg-white shadow-md rounded-lg text-center card p-3"> <div class="flex justify-between items-center mb-4"> <h3 class="text-lg font-semibold"></h3> </div> <img class="mx-auto mb-4 rounded-5" height="150" width="150" src="https://via.placeholder.com/150" alt="Employee photo"> <h3 class="text-xl font-medium text-gray-700">Senira Perera</h3> <p class="text-sm text-gray-500 mb-2">Employee</p> </div> </div> <div id="card3" class="col-12 col-md-6 col-lg-4 d-sm-none d-lg-block mb-5 mt-5"> <div class="bg-white shadow-md rounded-lg text-center card p-3"> <div class="flex justify-between items-center mb-4"> <h3 class="text-lg font-semibold"></h3> </div> <img class="mx-auto mb-4 rounded-5" height="150" width="150" src="https://via.placeholder.com/150" alt="Employee photo"> <h3 class="text-xl font-medium text-gray-700">Senira Perera</h3> <p class="text-sm text-gray-500 mb-2">Employee</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="parallax-5"> <div class="row minor-content"> <div class="col-12"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <hr class="fw-bold news-line"> <span class="header hidden">Feedbacks </span> <hr class="fw-bold news-line"> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 bg-white"> <div class="container my-5"> <div class="row"> <div class="col-md-4 hidden"> <div class="bg-light p-4 rounded shadow-sm"> <h3 class="mb-3 text-center">SDH Consulting</h3> <p class="text-muted"> At SDH Consulting, we specialize in providing expert accounting and financial consulting services to help businesses optimize their operations. With a team of experienced professionals, we ensure that your financial processes are streamlined and effective, allowing you to focus on what you do best. </p> <p class="text-muted"> <strong>Business Hours:</strong><br> Monday - Friday: 9:00 AM - 6:00 PM<br> Saturday: 10:00 AM - 2:00 PM<br> Sunday: Closed </p> </div> </div> <div class="col-md-8"> <h2 class="text-center mb-4">Client Feedback</h2> <div id="feedbackCarousel" class="carousel slide hidden" data-bs-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="d-flex justify-content-center"> <div class="card w-100 shadow-sm"> <div class="card-body"> <p class="card-text text-muted fst-italic"> "The team at SDH Consulting has been instrumental in improving our financial processes. Their expertise is unmatched!" </p> <div class="mt-3 text-end"> <h5 class="card-title">John Doe</h5> <p class="card-subtitle text-muted">CEO, Company XYZ</p> </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="d-flex justify-content-center"> <div class="card w-100 shadow-sm"> <div class="card-body"> <p class="card-text text-muted fst-italic"> "Highly recommend their services for any business looking to optimize their accounting operations." </p> <div class="mt-3 text-end"> <h5 class="card-title">Jane Smith</h5> <p class="card-subtitle text-muted">CFO, Business ABC</p> </div> </div> </div> </div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#feedbackCarousel" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden text-black">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#feedbackCarousel" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden text-black">Next</span> </button> </div> <div class="text-center mt-4"> <button class="btn btn-primary btn-lg" onclick="window.location.href='#contact-us'"> <i class="bi bi-chat-dots me-2"></i>Submit Feedback </button> </div> </div> </div> </div> </div> </div> <div class="parallax-4"> <div class="row minor-content"> <div class="col-12"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <hr class="fw-bold news-line"> <span class="header hidden">Contact Us</span> <hr class="fw-bold news-line"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 bg-white"> <div class="container"> <div class="row p-4"> <div class="col-12"> <div class="row"> <div class="container my-5"> <div class="row"> <div class="col-lg-4 col-md-12 mb-4 mb-lg-0"> <div class="p-4 bg-dark text-white rounded-3 hidden"> <h2 class="mb-4">Contact Information</h2> <p>Say something to start a live chat!</p> <p><i class="bi bi-telephone-fill"></i> +94 714894103 </p> <p><i class="bi bi-envelope-fill"></i> [email protected]</p> <p><i class="bi bi-geo-alt-fill"></i> No.2, 1, 1 Frazer Ave, Moratuwa</p> <div class="mt-4"> <a href="#" class="text-white me-3"><i class="bi bi-twitter fs-4"></i></a> <a href="#" class="text-white me-3"><i class="bi bi-instagram fs-4"></i></a> <a href="#" class="text-white"><i class="bi bi-discord fs-4"></i></a> </div> </div> </div> <div class="col-lg-8 col-md-12 hidden"> <div class="p-4 bg-light rounded-3"> <div class="row mb-3"> <div class="col-md-6"> <label for="firstName" class="form-label">First Name</label> <input type="text" class="form-control" id="firstName" placeholder="First Name"> </div> <div class="col-md-6"> <label for="lastName" class="form-label">Last Name</label> <input type="text" class="form-control" id="lastName" placeholder="Last Name"> </div> </div> <div class="row mb-3"> <div class="col-md-6"> <label for="email" class="form-label">Email</label> <input type="email" class="form-control" id="email" placeholder="Email"> </div> <div class="col-md-6"> <label for="phone" class="form-label">Phone Number</label> <input type="text" class="form-control" id="phone" placeholder="+94 123 456 789"> </div> </div> <div class="mb-3"> <label for="subject1" class="form-label">Select Subject?</label> <div id="subject"> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="subject" id="subject1" value="General Inquiry" checked> <label class="form-check-label" for="subject1">General Inquiry</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="subject" id="subject2" value="Support"> <label class="form-check-label" for="subject2">Support</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="subject" id="subject3" value="Feedback"> <label class="form-check-label" for="subject3">Feedback</label> </div> </div> </div> <div class="mb-3"> <label for="message" class="form-label">Message</label> <textarea class="form-control" id="message" rows="4" placeholder="Write your message.."></textarea> </div> <button type="submit" class="btn btn-dark" onclick="location.reload();">Send Message</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="loading-screen" class="loading-screen"> <div class="loader"></div> </div> <!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"> <meta name="csrf-token" content="zkhbFfKUNrraDaP2Iyvn0kHOUFxyqaxeeMNMCao2"> <title>SDH Consulting</title> <script></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> <link rel="stylesheet" href="http://sdhlk.com/bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="http://sdhlk.com/css/app.css"> <link rel="stylesheet" href="http://sdhlk.com/css/font.css"> <style> #loading-screen { position: fixed; width: 100%; height: 100%; background: #fff; z-index: 9999; display: flex; justify-content: center; align-items: center; } .spinner { width: 50px; height: 50px; border: 5px solid rgba(0, 0, 0, 0.1); border-top-color: #007bff; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } </style> <style> .loading-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; } .loader { border: 8px solid #f3f3f3; border-top: 8px solid #3498db; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .bg-dark { background-color: #11253a !important; } .bg-light { background-color: #f0f0f0 !important; } .form-control, .form-check-input { border-radius: 0; box-shadow: none; } .form-control:focus, .form-check-input:focus { border-color: #11253a; box-shadow: 0 0 0 0.2rem rgba(17, 37, 58, 0.25); } .btn-dark { background-color: #11253a; border-color: #11253a; } .btn-dark:hover { background-color: #0d1e2e; border-color: #0d1e2e; } .author { font-size: 0.8rem; color: purple; } .col-md-4 img { height: 100%; width: auto; object-fit: cover; } .card-title { font-size: 1.25rem; font-weight: bold; } .card-text { font-size: 0.9rem; } .card-footer { font-size: 0.8rem; color: #6c757d; } .btn-sm { font-size: 0.6rem; margin-right: 5px; font-weight: bold; border: none; font-family: 'Courier New', Courier, monospace; } .container { max-width: 1140px; } @media (max-width: 768px) { .card-body { padding: 1rem; } .card-footer { padding: 0.5rem; } } .scrolling-wrapper { display: flex; animation: scroll 15s linear infinite; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .scrolling-wrapper>* { flex: 0 0 auto; } .container { width: 100%; overflow: hidden; } .image-container { position: relative; width: 100%; max-width: 100%; } .image { width: 100%; display: block; border-radius: 10px; } .title-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; padding: 20px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; border-radius: 10px; backdrop-filter: blur(5px); transition: backdrop-filter 0.5s ease-in-out; } .title-text { margin: 0; font-size: 24px; font-weight: bold; } .description-text { margin-top: 10px; font-size: 16px; line-height: 1.4; } /* Media Query for Small Screens */ @media (max-width: 499px) { .image-container { display: flex; flex-direction: column; align-items: center; text-align: center; } .image { width: 80%; margin-bottom: 15px; } .title-overlay { position: static; transform: none; width: 100%; background-color: transparent; backdrop-filter: none; padding: 0; color: black; text-align: left; } .title-text { font-size: 20px; } .description-text { font-size: 14px; } } .box { background: rgba(0, 0, 0, 0.5); border-radius: 15px; padding: 20px; color: #fff; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .box-title { font-size: 1.5rem; margin-bottom: 10px; } .box-text { font-size: 1rem; } </style> </head> <body> <div class="container-fluid"> <nav class="navbar navbar-expand-lg navbar-solid text-white fixed-top py-lg-0 px-lg-5 wow fadeIn" data-wow-delay="0.5s"> <div class="container-fluid"> <a href="./" class="navbar-brand ms-4 ms-lg-0"> <h1 class="m-0 text-white">SDH Consulting</h1> </a> <button type="button" class="navbar-toggler me-4" style="color: white; background-color:rgb(112, 112, 112);" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar"> <span class="navbar-toggler-icon text-white"></span> </button> <div class="collapse navbar-collapse d-none d-lg-flex" id="navbarCollapse"> <div class="navbar-nav mb-2 mb-lg-0 w-100"> <div class="d-flex flex-column flex-lg-row w-100"> <div class="ms-auto d-flex flex-column flex-lg-row"> <a href="./" class="nav-item nav-link fw-bold nav-text">Home</a> <a href="#about" class="nav-item nav-link fw-bold nav-text">About</a> <a href="./" class="nav-item nav-link fw-bold nav-text">Services</a> <a href="./" class="nav-item nav-link fw-bold nav-text">News</a> <a href="./" class="nav-item nav-link fw-bold nav-text">Team</a> <a href="./" class="nav-item nav-link fw-bold nav-text">Contact</a> <div class="dropdown ms-0 ms-lg-3"> <a role="button" class="dropdown-toggle nav-item nav-link fw-bold nav-text" type="button" data-bs-toggle="dropdown" aria-expanded="false"> Account </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="http://sdhlk.com/login">Login</a></li> </ul> </div> <div class="ms-lg-3 mt-3 mt-lg-0"> <button class="btn btn-info rounded-5 fw-bold text-white">Talk with us</button> </div> </div> </div> </div> </div> <div class="offcanvas bg-dark offcanvas-end d-lg-none offcanva-transparent " tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="offcanvasNavbarLabel">SDH Consulting</h5> <button type="button " class="btn-close " style="color: white; background-color:white;" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <div class="navbar-nav"> <a href="./" class="nav-item nav-link fw-bold nav-text">Home</a> <a href="./" class="nav-item nav-link fw-bold nav-text">About</a> <a href="./" class="nav-item nav-link fw-bold nav-text">Services</a> <a href="./" class="nav-item nav-link fw-bold nav-text">News</a> <a href="./" class="nav-item nav-link fw-bold nav-text">Team</a> <a href="./" class="nav-item nav-link fw-bold nav-text">Contact</a> <div class="dropdown ms-0 ms-lg-3"> <a role="button" class="dropdown-toggle nav-item text-white nav-link fw-bold nav-text" type="button" data-bs-toggle="dropdown" aria-expanded="false"> Account </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="http://sdhlk.com/login">Login</a></li> </ul> </div> </div> </div> </div> </div> </nav> <div class="row"> <footer class="footer d-flex mt-5 bg-dark text-white p-5"> <div class="container"> <div class="row"> <div class="col-md-3 mb-4"> <h5>SDH ™</h5> <div class="social-icons"> <p> No.2, 1,<br> 1 Frazer Ave, Moratuwa<br> Email: [email protected]<br> Phone: +94 714894103 </p> </div> </div> <div class="col-md-3 mb-4"> <h5>Contact Us</h5> <p> No.2, 1,<br> 1 Frazer Ave, Moratuwa<br> Email: [email protected]<br> Phone: +94 714894103 </p> </div> <div class="col-md-3 mb-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="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div class="col-md-3 mb-4"> <h5>Follow Us</h5> <div class="social-icons"> <a href="#"><i class="bi bi-facebook"></i></a> <a href="#"><i class="bi bi-twitter"></i></a> <a href="#"><i class="bi bi-instagram"></i></a> <a href="#"><i class="bi bi-linkedin"></i></a> </div> </div> </div> <div class="row"> <div class="col-12 text-center mt-3 bb-1"> <p>© 2024 SDH. All rights reserved.</p> </div> </div> </div> </footer> </div> </div> <link rel="modulepreload" href="http://sdhlk.com/build/assets/app-FM3ZPsd_.js" /><script type="module" src="http://sdhlk.com/build/assets/app-FM3ZPsd_.js"></script> <script src="http://sdhlk.com/bootstrap/js/bootstrap.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script> <script src="http://sdhlk.com/bootstrap/js/bootstrap.bundle.min.js"></script> <script> function loadContent() { document.getElementById('loading-screen').style.display = 'flex'; setTimeout(() => { document.getElementById('loading-screen').style.display = 'none'; document.getElementById('content').style.display = 'block'; }, 3000); } window.onload = loadContent; // Array with employee data const employees = [{ name: "Sameera Perera", photo: "http://sdhlk.com/asset/employee/sameera1.jpeg", location: "Sri Lanka" }, { name: "Samanmali Perera", photo: "http://sdhlk.com/asset/employee/samanmalie1.jpeg", location: "Sri Lanka" }, { name: "Shalini Maneesha", photo: "http://sdhlk.com/asset/employee/Shalini1.jpeg", location: "Sri Lanka" }, { name: "Supuni Sewmini", photo: "http://sdhlk.com/asset/employee/Supuni1.jpeg", location: "Sri Lanka" }, { name: "Mandodini de silva", photo: "http://sdhlk.com/asset/employee/Mandodini1.jpeg", location: "Sri Lanka" }, { name: "Nadeesha Lakmini", photo: "http://sdhlk.com/asset/employee/Nadeesha1.jpeg", location: "Sri Lanka" } ]; // Function to update a card with unique employee data function updateCard(cardId, employee) { document.querySelector(`#${cardId} .card img`).src = employee.photo; document.querySelector(`#${cardId} .card h3.text-xl`).textContent = employee.name; document.querySelector(`#${cardId} .card p.text-sm`).textContent = employee.location; } function shuffleArray(array) { for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [array[i], array[j]] = [array[j], array[i]]; } return array; } function updateAllCards() { const cardIds = ['card1', 'card2', 'card3']; const shuffledEmployees = shuffleArray([...employees]).slice(0, cardIds.length); cardIds.forEach((cardId, index) => { updateCard(cardId, shuffledEmployees[index]); }); } setInterval(updateAllCards, 5000); updateAllCards(); document.addEventListener("DOMContentLoaded", function() { const scrollingWrapper = document.querySelector('.scrolling-wrapper'); const cards = scrollingWrapper.innerHTML; let totalWidth = 0; const containerWidth = scrollingWrapper.offsetWidth; while (totalWidth <= containerWidth * 3) { scrollingWrapper.innerHTML += cards; totalWidth = scrollingWrapper.scrollWidth; } }); </script> </body> </html>