🔐 Sid Gifari File Manager Pro
v8.0.5 | 2026-06-14 03:27:18 | PHP 8.1.34
📂
/ (Root)
/
home
/
therahul
/
sunilemporium.com.np
📍 /home/therahul/sunilemporium.com.np
🔄 Refresh
✏️
Editing: program.html
Writable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>BabyCare - Daycare Website Template</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description"> <!-- Google Web Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Montserrat:wght@200;400;600&display=swap" rel="stylesheet"> <!-- Icon Font Stylesheet --> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"> <!-- Libraries Stylesheet --> <link href="lib/animate/animate.min.css" rel="stylesheet"> <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet"> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <!-- Customized Bootstrap Stylesheet --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Template Stylesheet --> <link href="css/style.css" rel="stylesheet"> </head> <body> <!-- Spinner Start --> <div id="spinner" class="show w-100 vh-100 bg-white position-fixed translate-middle top-50 start-50 d-flex align-items-center justify-content-center"> <div class="spinner-grow text-primary" role="status"></div> </div> <!-- Spinner End --> <!-- Navbar start --> <div class="container-fluid border-bottom bg-light wow fadeIn" data-wow-delay="0.1s"> <div class="container topbar bg-primary d-none d-lg-block py-2" style="border-radius: 0 40px"> <div class="d-flex justify-content-between"> <div class="top-info ps-2"> <small class="me-3"><i class="fas fa-map-marker-alt me-2 text-secondary"></i> <a href="#" class="text-white">123 Street, New York</a></small> <small class="me-3"><i class="fas fa-envelope me-2 text-secondary"></i><a href="#" class="text-white">Email@Example.com</a></small> </div> <div class="top-link pe-2"> <a href="" class="btn btn-light btn-sm-square rounded-circle"><i class="fab fa-facebook-f text-secondary"></i></a> <a href="" class="btn btn-light btn-sm-square rounded-circle"><i class="fab fa-twitter text-secondary"></i></a> <a href="" class="btn btn-light btn-sm-square rounded-circle"><i class="fab fa-instagram text-secondary"></i></a> <a href="" class="btn btn-light btn-sm-square rounded-circle me-0"><i class="fab fa-linkedin-in text-secondary"></i></a> </div> </div> </div> <div class="container px-0"> <nav class="navbar navbar-light navbar-expand-xl py-3"> <a href="index.html" class="navbar-brand"><h1 class="text-primary display-6">Baby<span class="text-secondary">Care</span></h1></a> <button class="navbar-toggler py-2 px-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="fa fa-bars text-primary"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav mx-auto"> <a href="index.html" class="nav-item nav-link">Home</a> <a href="about.html" class="nav-item nav-link">About</a> <a href="service.html" class="nav-item nav-link">Services</a> <a href="program.html" class="nav-item nav-link active">Programs</a> <a href="event.html" class="nav-item nav-link">Events</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a> <div class="dropdown-menu m-0 bg-secondary rounded-0"> <a href="blog.html" class="dropdown-item">Our Blog</a> <a href="team.html" class="dropdown-item">Our Team</a> <a href="testimonial.html" class="dropdown-item">Testimonial</a> <a href="404.html" class="dropdown-item">404 Page</a> </div> </div> <a href="contact.html" class="nav-item nav-link">Contact</a> </div> <div class="d-flex me-4"> <div id="phone-tada" class="d-flex align-items-center justify-content-center"> <a href="" class="position-relative wow tada" data-wow-delay=".9s" > <i class="fa fa-phone-alt text-primary fa-2x me-4"></i> <div class="position-absolute" style="top: -7px; left: 20px;"> <span><i class="fa fa-comment-dots text-secondary"></i></span> </div> </a> </div> <div class="d-flex flex-column pe-3 border-end border-primary"> <span class="text-primary">Have any questions?</span> <a href="#"><span class="text-secondary">Free: + 0123 456 7890</span></a> </div> </div> <button class="btn-search btn btn-primary btn-md-square rounded-circle" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search text-white"></i></button> </div> </nav> </div> </div> <!-- Navbar End --> <!-- Modal Search Start --> <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content rounded-0"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Search by keyword</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body d-flex align-items-center"> <div class="input-group w-75 mx-auto d-flex"> <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1"> <span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span> </div> </div> </div> </div> </div> <!-- Modal Search End --> <!-- Page Header Start --> <div class="container-fluid page-header py-5 wow fadeIn" data-wow-delay="0.1s"> <div class="container text-center py-5"> <h1 class="display-2 text-white mb-4">Programs</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center mb-0"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item"><a href="#">Pages</a></li> <li class="breadcrumb-item text-white" aria-current="page">Programs</li> </ol> </nav> </div> </div> <!-- Page Header End --> <!-- Programs Start --> <div class="container-fluid program py-5"> <div class="container py-5"> <div class="mx-auto text-center wow fadeIn" data-wow-delay="0.1s" style="max-width: 700px;"> <h4 class="text-primary mb-4 border-bottom border-primary border-2 d-inline-block p-2 title-border-radius">Our Programs</h4> <h1 class="mb-5 display-3">We Offer An Exclusive Program For Kids</h1> </div> <div class="row g-5 justify-content-center"> <div class="col-md-6 col-lg-6 col-xl-4 wow fadeIn" data-wow-delay="0.1s"> <div class="program-item rounded"> <div class="program-img position-relative"> <div class="overflow-hidden img-border-radius"> <img src="img/program-1.jpg" class="img-fluid w-100" alt="Image"> </div> <div class="px-4 py-2 bg-primary text-white program-rate">$60.99</div> </div> <div class="program-text bg-white px-4 pb-3"> <div class="program-text-inner"> <a href="#" class="h4">English For Today</a> <p class="mt-3 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed purus consectetur,</p> </div> </div> <div class="program-teacher d-flex align-items-center border-top border-primary bg-white px-4 py-3"> <img src="img/program-teacher.jpg" class="img-fluid rounded-circle p-2 border border-primary bg-white" alt="Image" style="width: 70px; height: 70px;"> <div class="ms-3"> <h6 class="mb-0 text-primary">Mary Mordern</h6> <small>Arts Designer</small> </div> </div> <div class="d-flex justify-content-between px-4 py-2 bg-primary rounded-bottom"> <small class="text-white"><i class="fas fa-wheelchair me-1"></i> 30 Sits</small> <small class="text-white"><i class="fas fa-book me-1"></i> 11 Lessons</small> <small class="text-white"><i class="fas fa-clock me-1"></i> 60 Hours</small> </div> </div> </div> <div class="col-md-6 col-lg-6 col-xl-4 wow fadeIn" data-wow-delay="0.3s"> <div class="program-item rounded"> <div class="program-img position-relative"> <div class="overflow-hidden img-border-radius"> <img src="img/program-2.jpg" class="img-fluid w-100" alt="Image"> </div> <div class="px-4 py-2 bg-primary text-white program-rate">$60.99</div> </div> <div class="program-text bg-white px-4 pb-3"> <div class="program-text-inner"> <a href="#" class="h4">Graphics Arts</a> <p class="mt-3 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed purus consectetur,</p> </div> </div> <div class="program-teacher d-flex align-items-center border-top border-primary bg-white px-4 py-3"> <img src="img/program-teacher.jpg" class="img-fluid rounded-circle p-2 border border-primary bg-white" alt="" style="width: 70px; height: 70px;"> <div class="ms-3"> <h6 class="mb-0 text-primary">Mary Mordern</h6> <small>Arts Designer</small> </div> </div> <div class="d-flex justify-content-between px-4 py-2 bg-primary rounded-bottom"> <small class="text-white"><i class="fas fa-wheelchair me-1"></i> 30 Sits</small> <small class="text-white"><i class="fas fa-book me-1"></i> 11 Lessons</small> <small class="text-white"><i class="fas fa-clock me-1"></i> 60 Hours</small> </div> </div> </div> <div class="col-md-6 col-lg-6 col-xl-4 wow fadeIn" data-wow-delay="0.5s"> <div class="program-item rounded"> <div class="program-img position-relative"> <div class="overflow-hidden img-border-radius"> <img src="img/program-3.jpg" class="img-fluid w-100" alt="Image"> </div> <div class="px-4 py-2 bg-primary text-white program-rate">$60.99</div> </div> <div class="program-text bg-white px-4 pb-3"> <div class="program-text-inner"> <a href="#" class="h4">General Science</a> <p class="mt-3 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed purus consectetur,</p> </div> </div> <div class="program-teacher d-flex align-items-center border-top border-primary bg-white px-4 py-3"> <img src="img/program-teacher.jpg" class="img-fluid rounded-circle p-2 border border-primary bg-white" alt="" style="width: 70px; height: 70px;"> <div class="ms-3"> <h6 class="mb-0 text-primary">Mary Mordern</h6> <small>Arts Designer</small> </div> </div> <div class="d-flex justify-content-between px-4 py-2 bg-primary rounded-bottom"> <small class="text-white"><i class="fas fa-wheelchair me-1"></i> 30 Sits</small> <small class="text-white"><i class="fas fa-book me-1"></i> 11 Lessons</small> <small class="text-white"><i class="fas fa-clock me-1"></i> 60 Hours</small> </div> </div> </div> <div class="d-inline-block text-center wow fadeIn" data-wow-delay="0.1s"> <a href="#" class="btn btn-primary px-5 py-3 text-white btn-border-radius">Vew All Programs</a> </div> </div> </div> </div> <!-- Program End --> <!-- Footer Start --> <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row g-5"> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="footer-item"> <h2 class="fw-bold mb-3"><span class="text-primary mb-0">Baby</span><span class="text-secondary">Care</span></h2> <p class="mb-4">There cursus massa at urnaaculis estieSed aliquamellus vitae ultrs condmentum leo massamollis its estiegittis miristum.</p> <div class="border border-primary p-3 rounded bg-light"> <h5 class="mb-3">Newsletter</h5> <div class="position-relative mx-auto border border-primary rounded" style="max-width: 400px;"> <input class="form-control border-0 w-100 py-3 ps-4 pe-5" type="text" placeholder="Your email"> <button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2 text-white">SignUp</button> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="footer-item"> <div class="d-flex flex-column p-4 ps-5 text-dark border border-primary" style="border-radius: 50% 20% / 10% 40%;"> <p>Monday: 8am to 5pm</p> <p>Tuesday: 8am to 5pm</p> <p>Wednes: 8am to 5pm</p> <p>Thursday: 8am to 5pm</p> <p>Friday: 8am to 5pm</p> <p>Saturday: 8am to 5pm</p> <p class="mb-0">Sunday: Closed</p> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="footer-item"> <h4 class="text-primary mb-4 border-bottom border-primary border-2 d-inline-block p-2 title-border-radius">LOCATION</h4> <div class="d-flex flex-column align-items-start"> <a href="" class="text-body mb-4"><i class="fa fa-map-marker-alt text-primary me-2"></i> 104 North tower New York, USA</a> <a href="" class="text-start rounded-0 text-body mb-4"><i class="fa fa-phone-alt text-primary me-2"></i> (+012) 3456 7890 123</a> <a href="" class="text-start rounded-0 text-body mb-4"><i class="fas fa-envelope text-primary me-2"></i> exampleemail@gmail.com</a> <a href="" class="text-start rounded-0 text-body mb-4"><i class="fa fa-clock text-primary me-2"></i> 26/7 Hours Service</a> <div class="footer-icon d-flex"> <a class="btn btn-primary btn-sm-square me-3 rounded-circle text-white" href=""><i class="fab fa-facebook-f"></i></a> <a class="btn btn-primary btn-sm-square me-3 rounded-circle text-white" href=""><i class="fab fa-twitter"></i></a> <a href="#" class="btn btn-primary btn-sm-square me-3 rounded-circle text-white"><i class="fab fa-instagram"></i></a> <a href="#" class="btn btn-primary btn-sm-square rounded-circle text-white"><i class="fab fa-linkedin-in"></i></a> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="footer-item"> <h4 class="text-primary mb-4 border-bottom border-primary border-2 d-inline-block p-2 title-border-radius">OUR GALLARY</h4> <div class="row g-3"> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary"> <img src="img/galary-1.jpg" class="img-fluid rounded-circle p-2" alt=""> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary"> <img src="img/galary-2.jpg" class="img-fluid rounded-circle p-2" alt=""> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary"> <img src="img/galary-3.jpg" class="img-fluid rounded-circle p-2" alt=""> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary"> <img src="img/galary-4.jpg" class="img-fluid rounded-circle p-2" alt=""> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary"> <img src="img/galary-5.jpg" class="img-fluid rounded-circle p-2" alt=""> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary"> <img src="img/galary-6.jpg" class="img-fluid rounded-circle p-2" alt=""> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Footer End --> <!-- Copyright Start --> <div class="container-fluid copyright bg-dark py-4"> <div class="container"> <div class="row"> <div class="col-md-6 text-center text-md-start mb-3 mb-md-0"> <span class="text-light"><a href="#"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span> </div> <div class="col-md-6 my-auto text-center text-md-end text-white"> <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/--> <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/--> <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/--> Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML Codex</a> Distributed By <a clas="border-bottom" href="https://themewagon.com">ThemeWagon</a> </div> </div> </div> </div> <!-- Copyright End --> <!-- Back to Top --> <a href="#" class="btn btn-primary border-3 border-primary rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a> <!-- JavaScript Libraries --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/lightbox/js/lightbox.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <!-- Template Javascript --> <script src="js/main.js"></script> </body> </html>
💾 Save Changes
❌ Cancel