1<!DOCTYPE html> 2<html lang="en"> 3 4 5 <head> 6 <!-- Meta --> 7 <meta charset="utf-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 10 <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --> 11 12 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 13 14 <!-- SITE TITLE --> 15 <title>Razzak - Summer Camps Html5 Landing Page Template</title> 16 <!-- Favicon --> 17 <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon"> 18 19 <!-- Latest Bootstrap min CSS --> 20 <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css"> 21 <!-- Google Fonts --> 22 <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500&display=swap" rel="stylesheet"> 23 <!-- Font Awesome CSS --> 24 <link rel="stylesheet" href="assets/fonts/font-awesome.css"> 25 <!--- owl carousel Css--> 26 <link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.min.css"> 27 <link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.default.min.css"> 28 <!--animate Css--> 29 <link rel="stylesheet" href="assets/css/animate.css"> 30 <!--lightcase Css--> 31 <link rel="stylesheet" href="assets/css/lightcase.css"> 32 <!--slicknav Css--> 33 <link rel="stylesheet" href="assets/css/slicknav.css"> 34 <!-- Style CSS --> 35 <link rel="stylesheet" href="assets/css/style.css"> 36 <!-- Responsive CSS --> 37 <link rel="stylesheet" href="assets/css/responsive.css"> 38 39 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 40 <!-- WARNING: Respond.js doesn't gallery if you view the page via file:// --> 41 <!--[if lt IE 9]> 42
42<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
42 43
43<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
43 44 <![endif]--> 45 </head> 46 47 <body> 48 49 <!-- Page Wrapper --> 50 <div class="page-wrapper"> 51 52 <!-- START PRELOADER --> 53 <div class="preloader"> 54 <div class="spinner" > 55 <div class="double-bounce1"></div> 56 <div class="double-bounce2"></div> 57 </div> 58 </div> 59 <!-- END PRELOADER --> 60 61 <!-- START BACK TO TOP --> 62 <a href="javascript:" id="back-to-top"><i class="fas fa-long-arrow-alt-up"></i> <br>top</a> 63 <!-- END BACK TO TOP--> 64 65 <!-- START NAVBAR --> 66 <div id="navigation" class="fixed-top atf-top-header navbar-light bg-faded site-navigation"> 67 <div class="container"> 68 <div class="row"> 69 <div class="col-lg-2 col-md-3 col-sm-4"> 70 <div class="site-logo"> 71 <a href="index.html"><img class="logo-black" src="assets/img/logo.png" alt=""></a> 72 <a href="index.html"><img class="logo-white" src="assets/img/logo-white.png" alt=""></a> 73 </div> 74 </div><!--- END Col --> 75 76 <div class="col-lg-10 col-md-9 col-sm-8 "> 77 <div class="header_right "> 78 <nav id="main-menu" class="ms-auto"> 79 <ul> 80 <li><a href="#home">Home</a> 81 </li> 82 <li><a href="#about">About</a></li> 83 <li><a href="#course">Program</a></li> 84 <li><a href="#faq">Faq</a></li> 85 <li><a href="#blog">Blog</a></li> 86 <li><a href="#contact">Contact</a></li> 87 </ul> 88 </nav> 89 90 91 <div id="mobile_menu"></div> 92 </div> 93 </div><!--- END Col --> 94 </div><!--- END ROW --> 95 </div><!--- END CONTAINER --> 96 </div> 97 <!-- END NAVBAR --> 98 99 <!-- START HOME --> 100 <section id="home" class="atf-header-area atf-align-items-details" style="background-image: url(assets/img/bg/bg.jpg); background-size:cover; background-position: center center;"> 101 <div class="container"> 102 <div class="row justify-content-left"> 103 <!--LEFT COL--> 104 <div class="col-xl-7 col-lg-6 col-12 atf-single-details text-left"> 105 <h2 class="text-uppercase title-color">Summer Camp <span>2022 </span> Smart Way Program</h2> 106 <p class="f-17 mt-4 text-white">A Theme for Summer, Camp & Program etc.</p> 107 <!-- Main-btn --> 108 <div class="atf-main-btn atf-home-btn mt-5"> 109 <a href="#contact" class="atf-themes-btn btn-2 me-2">Contact Us <i class="fa fa-angle-right"></i></a> 110 <a href="#about" class="atf-themes-btn">Learn More<i class="fa fa-angle-right"></i></a> 111 </div> 112 </div><!--- END COL --> 113 </div><!--- END ROW --> 114 </div><!--- END CONTAINER --> 115 </section> 116 <!-- END HOME --> 117 118 <!-- START ABOUT --> 119 <section id="about" class="atf-section-padding"> 120 <div class="container"> 121 <div class="row"> 122 <div class="col-lg-6"> 123 <div class="atf-section-title title-color text-left wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 124 <h3> Welcome to <span>Summer </span> camp Our summer camps abroad.</h3> 125 <p class="f-15 mt-3">Good Solution of Kids in the world and combine language learning with games, hobbies and new skills of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p> 126 127 <div class="row"> 128 <div class="col-6"> 129 <div class="atf-about-icon"> 130 <h5><i class="fas fa-check pe-1"></i> 131 Safe and Security</h5> 132 </div> 133 </div> 134 <div class="col-6"> 135 <div class="atf-about-icon"> 136 <h5><i class="fas fa-check pe-1"></i> 137 Nice Environment</h5> 138 </div> 139 </div> 140 </div> 141 142 <div class="atf-main-btn atf-about-btn mt-4"> 143 <a href="#contact" class="atf-themes-btn">About Us <i class="fa fa-angle-right"></i></a> 144 </div> 145 </div> 146 </div><!--- END COL --> 147 148 <div class="col-lg-6"> 149 <div class="atf-about-active atf-main-testimonials owl-carousel owl-theme"> 150 <div class="atf-about-image"> 151 <div class="atf-about-images text-center"> 152 <img src="assets/img/bg/2.jpg" class="img-fluid" alt="about"> 153 </div> 154 </div><!--- END COL --> 155 156 <div class="atf-about-image"> 157 <div class="atf-singl-video"> 158 <div class="atf-about-images text-center"> 159 <img src="assets/img/bg/1.jpg" class="img-fluid" alt="about"> 160 </div> 161 <div class="waves-box"> 162 <a href="https://www.youtube.com/embed/NPfnLKLuJ_U" data-rel="lightcase:myCollection" class="iq-video"> <i class="fa fa-play"></i> 163 </a> 164 <div class="iq-waves"> 165 <div class="waves wave-1"></div> 166 <div class="waves wave-2"></div> 167 <div class="waves wave-3"></div> 168 </div> 169 </div> 170 </div> 171 </div><!--- END COL --> 172 173 <div class="atf-about-image"> 174 <div class="atf-about-images text-center"> 175 <img src="assets/img/bg/3.jpg" class="img-fluid" alt="about"> 176 </div> 177 </div><!--- END COL --> 178 </div><!--- END COL --> 179 </div><!--- END COL --> 180 </div><!--- END ROW --> 181 </div><!--- END CONTAINER --> 182 </section> 183 <!-- END ABOUT --> 184 185 186 <!-- FEATURE SECTION START-->
187 <section id="feature" class="atf-feature-area bg-light atf-section-padding"> 188 <div class="container"> 189 <div class="row justify-content-center"> 190 <div class="col-lg-6"> 191 <div class="atf-section-title title-color text-center wow zoomIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 192 <h3>What <span>We </span> Do</h3> 193 <p class="f-15 mt-3">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text</p> 194 </div> 195 </div><!--- END COL --> 196 </div><!--- END ROW --> 197 198 <div class="row clearfix mt-5 pt-4"> 199 <div class="col-lg-4 col-md-6 col-12"> 200 <div class="atf-single-feature text-left wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0"> 201 <div class="atf-feature-icon"><img src="assets/img/feature/1.png" alt="Feature" /></div> 202 <div class="atf-feature-text mb-4"> 203 <h5 class="mt-4">Water Services</h5> 204 <p class="mt-3">Lorem ipsum dolor sit amet elit consectetur adipiscing sed.</p> 205 </div> 206 <a href="#" class="read-more">Learn more</a> 207 </div> 208 </div><!--- END COL --> 209 210 <div class="col-lg-4 col-md-6 col-12"> 211 <div class="atf-single-feature text-left box-shadow-active wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0"> 212 <div class="atf-feature-icon"><img src="assets/img/feature/2.png" alt="Feature" /></div> 213 <div class="atf-feature-text mb-4"> 214 <h5 class="mt-4">Emergency Services </h5> 215 <p class="mt-3">Lorem ipsum dolor sit amet elit consectetur adipiscing sed.</p> 216 </div> 217 <a href="#" class="read-more">Learn more</a> 218 </div> 219 </div><!--- END COL --> 220 221 <div class="col-lg-4 col-md-6 col-12"> 222 <div class="atf-single-feature text-left wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" data-wow-offset="0"> 223 <div class="atf-feature-icon"><img src="assets/img/feature/2.png" alt="Feature" /></div> 224 <div class="atf-feature-text mb-4"> 225 <h5 class="mt-4">Good Program</h5> 226 <p class="mt-3">Lorem ipsum dolor sit amet elit consectetur adipiscing sed.</p> 227 </div> 228 <a href="#" class="read-more">Learn more</a> 229 </div> 230 </div><!--- END COL --> 231 </div><!--- END ROW --> 232 </div><!--- END CONTAINER --> 233 </section> 234 <!-- FEATURE SECTION END--> 235 236 237 238 <!-- START COURSE SECTION --> 239 <section id="course" class="atf-course-area atf-section-padding"> 240 <div class="container"> 241 <div class="row justify-content-center"> 242 <div class="col-lg-6"> 243 <div class="atf-section-title title-color text-center wow zoomIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 244 <h3>Our Popular <span>Program</span></h3> 245 <p class="f-15 mt-3">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text</p> 246 </div> 247 </div><!--- END COL --> 248 </div><!--- END ROW --> 249 250 <div class="row mt-5 pt-4"> 251 <div class="col-lg-12"> 252 <div id="course-slider" class="owl-carousel owl-theme atf-main-testimonials"> 253 <div class="atf-single-course text-left wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 254 <div class="atf-course-img"> 255 <img class="img-fluid" src="assets/img/service/1.jpg" alt="service"> 256 <div class="atf-course-icon"> 257 <a href="#">14-18 Years</a> 258 </div> 259 </div> 260 261 <div class="atf-course-text"> 262 <a href="#"><h4 class="mb-3">England Summer Camp..</h4></a> 263 </div> 264 </div> 265 266 <div class="atf-single-course text-left box-shadow-active wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0"> 267 <div class="atf-course-img"> 268 <img class="img-fluid" src="assets/img/service/2.jpg" alt="service"> 269 <div class="atf-course-icon"> 270 <a href="#">14-18 Years</a> 271 </div> 272 </div> 273 274 <div class="atf-course-text"> 275 <a href="#"><h4 class="mb-3">Canada Summer Camp..</h4></a> 276 </div> 277 </div> 278 279 <div class="atf-single-course text-left wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0"> 280 <div class="atf-course-img"> 281 <img class="img-fluid" src="assets/img/service/3.jpg" alt="service"> 282 <div class="atf-course-icon"> 283 <a href="#">14-18 Years</a> 284 </div> 285 </div> 286 287 <div class="atf-course-text"> 288 <a href="#"><h4 class="mb-3">Sweden Summer Camp..</h4></a> 289 290 </div> 291 </div> 292 293 <div class="atf-single-course text-left wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0"> 294 <div class="atf-course-img"> 295 <img class="img-fluid" src="assets/img/service/4.jpg" alt="service"> 296 <div class="atf-course-icon"> 297 <a href="#">14-18 Years</a> 298 </div> 299 </div> 300 301 <div class="atf-course-text"> 302 <a href="#"><h4 class="mb-3">Brazil Summer Camp..</h4></a> 303 </div> 304 </div> 305 </div><!--- END SLIDER --> 306 </div><!--- END COL --> 307 </div><!--- END ROW --> 308 </div><!--- END CONTAINER --> 309 </section> 310 <!-- END COURSE SECTION --> 311 312 <!-- FAQ SECTION START--> 313 <section id="faq" class="atf-faq-area bg-light atf-section-padding"> 314 <div class="container"> 315 <div class="row justify-content-center"> 316 <div class="col-lg-6"> 317 <div class="atf-section-title title-color text-center wow zoomIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 318 <h3>Frequently <span>Asked</span> Question</h3> 319 <p class="f-15 mt-3">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text</p> 320 </div> 321 </div><!--- END COL --> 322 </div><!--- END ROW --> 323 324 <div class="row mt-5 pt-4"> 325 <div class="col-lg-6"> 326 <div class="atf-section-title title-color atf-choose-area text-center"> 327 <div class="accordion mt-5 text-left pt-4" id="accordionExample"> 328 <div class="accordion-item"> 329 <h2 class="accordion-header text-uppercase" id="headingOne"> 330 <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> 331 How to Summer Camp 25 Years Expert? 332 </button> 333 </h2> 334 <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> 335 <div class="accordion-body f-15"> 336 <strong>It uses a dictionary of over 200 Latin words</strong> combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.If you are going to use a passage of Lorem Ipsum. 337 </div> 338 </div> 339 </div> 340 341 <div class="accordion-item"> 342 <h2 class="accordion-header" id="headingTwo"> 343 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> 344 Why to Impotant to Other Summer? 345 </button> 346 </h2> 347 <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> 348 <div class="accordion-body f-15"> 349 <strong>It uses a dictionary of over 200 Latin words</strong> combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.If you are going to use a passage of Lorem Ipsum. 350 </div> 351 </div> 352 </div> 353 354 <div class="accordion-item"> 355 <h2 class="accordion-header" id="headingThree"> 356 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> 357 How to Learn to Our Vacation? 358 </button> 359 </h2> 360 <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> 361 <div class="accordion-body f-15"> 362 <strong>It uses a dictionary of over 200 Latin words</strong> combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.If you are going to use a passage of Lorem Ipsum. 363 </div> 364 </div> 365 </div> 366 367 </div> 368 </div><!--- END COL --> 369 </div><!--- END COL --> 370 371 <div class="col-lg-6 clearfix align-self-center"> 372 <div id="atf-testimonial-slider" class="owl-carousel owl-theme atf-main-testimonials"> 373 <div class="testimonial"> 374 <div class="pic"> 375 <img src="assets/img/client/img-1.jpg" alt="client"> 376 </div> 377 <p class="description"> 378 " Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi eligendi facilis itaque minus non odio, quaerat ullam under" 379 </p> 380 <h5 class="testimonial-title">Abdul Hamid</h5> 381 <span class="post">Senior Teacher</span> 382 </div> 383 384 <div class="testimonial"> 385 <div class="pic"> 386 <img src="assets/img/client/img-2.jpg" alt="client"> 387 </div> 388 <p class="description"> 389 " Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi eligendi facilis itaque minus non odio, quaerat ullam under" 390 </p> 391 <h5 class="testimonial-title">Abdul Jabber</h5> 392 <span class="post">Senior Teacher</span> 393 </div> 394 395 <div class="testimonial"> 396 <div class="pic"> 397 <img src="assets/img/client/img-3.jpg" alt="client"> 398 </div> 399 <p class="description"> 400 " Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi eligendi facilis itaque minus non odio, quaerat ullam under" 401 </p> 402 <h5 class="testimonial-title">Abdul Hamid</h5> 403 <span class="post">Senior Teacher</span> 404 </div> 405 </div><!--- END SLIDER --> 406 </div><!--- END col --> 407 </div><!--- END ROW --> 408 </div><!--- END CONTAINER --> 409 </section><!--- END FAQ SECTION --> 410 <!-- FAQ SECTION END--> 411 412 413 <!-- START PORTFOLIO --> 414 <section id="portfolio" class="atf-portfolio-area atf-section-padding"> 415 <div class="container"> 416 <div class="row justify-content-center"> 417 <div class="col-lg-5"> 418 <div class="atf-section-title title-color text-center wow zoomIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 419 <h3>Our <span>Program</span> </h3> 420 <p class="f-15 mt-3">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text</p> 421 </div> 422 </div><!--- END COL --> 423 </div><!--- END ROW --> 424 425 426 <div class="row mt-5 pt-4"> 427 <div class="col-lg-12"> 428 <div id="gallery-slider" class="owl-carousel owl-theme atf-main-testimonials"> 429 <div class="atf-portfolio"> 430 <img src="assets/img/portfolio/1.jpg" alt="Portfolio"> 431 <div class="atf-portfolio-content"> 432 <h5 class="title">Summer Camp</h5> 433 <span class="post">Title Here</span> 434 </div> 435 <ul class="icon"> 436 <li><a href="assets/img/portfolio/1.jpg" data-rel="lightcase:myCollection"><i class="fa fa-search"></i></a></li> 437 <li><a href="assets/img/portfolio/1.jpg" data-rel="lightcase:myCollection"><i class="fa fa-link"></i></a></li> 438 </ul> 439 </div> 440 441 <div class="atf-portfolio"> 442 <img src="assets/img/portfolio/2.jpg" alt="Portfolio"> 443 <div class="atf-portfolio-content"> 444 <h5 class="title">Summer Camp</h5> 445 <span class="post">Title Here</span> 446 </div> 447 <ul class="icon"> 448 <li><a href="assets/img/portfolio/2.jpg" data-rel="lightcase:myCollection"><i class="fa fa-search"></i></a></li> 449 <li><a href="assets/img/portfolio/2.jpg" data-rel="lightcase:myCollection"><i class="fa fa-link"></i></a></li> 450 </ul> 451 </div> 452 453 454 455 <div class="atf-portfolio"> 456 <img src="assets/img/portfolio/3.jpg" alt="Portfolio"> 457 <div class="atf-portfolio-content"> 458 <h5 class="title">Summer Camp</h5> 459 <span class="post">Title Here</span> 460 </div> 461 <ul class="icon"> 462 <li><a href="assets/img/portfolio/3.jpg" data-rel="lightcase:myCollection"><i class="fa fa-search"></i></a></li> 463 <li><a href="assets/img/portfolio/3.jpg" data-rel="lightcase:myCollection"><i class="fa fa-link"></i></a></li> 464 </ul> 465 </div> 466 467 468 469 <div class="atf-portfolio"> 470 <img src="assets/img/portfolio/4.jpg" alt="Portfolio"> 471 <div class="atf-portfolio-content"> 472 <h5 class="title">Summer Camp</h5> 473 <span class="post">Title Here</span> 474 </div> 475 <ul class="icon"> 476 <li><a href="assets/img/portfolio/4.jpg" data-rel="lightcase:myCollection"><i class="fa fa-search"></i></a></li> 477 <li><a href="assets/img/portfolio/4.jpg" data-rel="lightcase:myCollection"><i class="fa fa-link"></i></a></li> 478 </ul> 479 </div> 480 481 <div class="atf-portfolio"> 482 <img src="assets/img/portfolio/5.jpg" alt="Portfolio"> 483 <div class="atf-portfolio-content"> 484 <h5 class="title">Summer Camp</h5> 485 <span class="post">Title Here</span> 486 </div> 487 <ul class="icon"> 488 <li><a href="assets/img/portfolio/5.jpg" data-rel="lightcase:myCollection"><i class="fa fa-search"></i></a></li> 489 <li><a href="assets/img/portfolio/5.jpg" data-rel="lightcase:myCollection"><i class="fa fa-link"></i></a></li> 490 </ul> 491 </div> 492 </div><!--- END COL --> 493 </div><!--- END COL --> 494 </div><!--- END ROW --> 495 </div><!--- END CONTAINER --> 496 </section> 497 <!-- END PORTFOLIO --> 498 499 500 <!-- BLOG SECTION START--> 501 <section id="blog" class="atf-blog-area atf-section-padding bg-light"> 502 <div class="container"> 503 <div class="row justify-content-center"> 504 <div class="col-lg-6"> 505 <div class="atf-section-title title-color text-center wow zoomIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 506 <h3>Our <span>Recent</span> News</h3> 507 <p class="f-15 mt-3 ">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text</p> 508 </div> 509 </div><!--- END COL --> 510 </div><!--- END ROW --> 511 512 513 <div class="row mt-5 pt-4"> 514 <div class="col-lg-12">
515 <div id="news-slider" class="owl-carousel owl-theme atf-main-testimonials"> 516 <div class="post-slide"> 517 <div class="post-img"> 518 <img class="img-fluid" src="assets/img/service/5.jpg" alt="blog"/> 519 <div class="over-layer"> 520 </div> 521 </div> 522 <div class="post-date mt-3"> 523 <a href="#"><span class="admin me-3"><i class="far fa-user me-2"></i> Admin</span></a> 524 <a href="#"><span class="date me-3"><i class="fas fa-clock me-2"></i>26 Oct 2021</span></a> 525 <a href="#"><span class="comments"><i class="fas fa-comment me-2"></i>1.5k</span></a> 526 </div> 527 <div class="post-content"> 528 <h5 class="post-title"> 529 <a href="#">Best Summer Camp 2022</a> 530 </h5> 531 </div> 532 </div> 533 534 <div class="post-slide"> 535 <div class="post-img"> 536 <img class="img-fluid" src="assets/img/service/4.jpg" alt="blog"/> 537 <div class="over-layer"> 538 </div> 539 </div> 540 <div class="post-date mt-3"> 541 <a href="#"><span class="admin me-3"><i class="far fa-user me-2"></i> Admin</span></a> 542 <a href="#"><span class="date me-3"><i class="fas fa-clock me-2"></i>26 Oct 2022</span></a> 543 <a href="#"><span class="comments"><i class="fas fa-comment me-2"></i>1.5k</span></a> 544 </div> 545 <div class="post-content"> 546 <h5 class="post-title"> 547 <a href="#">Good reason to Summer..</a> 548 </h5> 549 </div> 550 </div> 551 552 <div class="post-slide"> 553 <div class="post-img"> 554 <img class="img-fluid" src="assets/img/service/3.jpg" alt="blog"/> 555 <div class="over-layer"> 556 </div> 557 </div> 558 <div class="post-date mt-3"> 559 <a href="#"><span class="admin me-3"><i class="far fa-user me-2"></i> Admin</span></a> 560 <a href="#"><span class="date me-3"><i class="fas fa-clock me-2"></i>26 Oct 2022</span></a> 561 <a href="#"><span class="comments"><i class="fas fa-comment me-2"></i>1.5k</span></a> 562 </div> 563 <div class="post-content"> 564 <h5 class="post-title"> 565 <a href="#">Ready to become a Summer.</a> 566 </h5> 567 </div> 568 </div> 569 570 <div class="post-slide"> 571 <div class="post-img"> 572 <img class="img-fluid" src="assets/img/service/2.jpg" alt="blog"/> 573 <div class="over-layer"> 574 </div> 575 </div> 576 <div class="post-date mt-3"> 577 <a href="#"><span class="admin me-3"><i class="far fa-user me-2"></i> Admin</span></a> 578 <a href="#"><span class="date me-3"><i class="fas fa-clock me-2"></i>26 Oct 2022</span></a> 579 <a href="#"><span class="comments"><i class="fas fa-comment me-2"></i>1.5k</span></a> 580 </div> 581 <div class="post-content"> 582 <h5 class="post-title"> 583 <a href="#">Going On Summer Camp..</a> 584 </h5> 585 </div> 586 </div> 587 588 </div> 589 </div> 590 </div> 591 </div><!--- END CONTAINER --> 592 </section> 593 <!-- BLOG SECTION END--> 594 595 <!-- START NEWSLETTER --> 596 <section class="atf-newsletter atf-section-padding bg-black"> 597 <div class="container"> 598 <div class="row clearfix"> 599 <div class="col-lg-6 text-center wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 600 <div class="atf-mailchamp-headding"> 601 <h2 class="text-white">Subcribe Today For Newletter</h2> 602 </div> 603 </div> 604 <div class="col-lg-6 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0"> 605 <div class="atf-mailchamp-subscribe"> 606 <form class="form-group" id="mc-form"> 607 <input type="email" name="email" class="form-control" id="email" placeholder="Your Email" required="required"> 608 <button type="submit" id="subscribe-button" class="btn"><i class="far fa-envelope"></i></button> 609 <!-- SUBSCRIPTION SUCCESSFUL OR ERROR MESSAGES --> 610 <br> 611 <label class="atf-subscription-label" for="email"></label> 612 </form> 613 </div> 614 </div><!-- END COL --> 615 </div><!-- END ROW --> 616 </div><!-- END CONTAINER --> 617 </section> 618 <!-- END NEWSLETTER --> 619 620 <!-- START CONTACT --> 621 <section id="contact" class="atf-section-padding"> 622 <div class="container"> 623 <div class="row justify-content-center"> 624 <div class="col-lg-6"> 625 <div class="atf-section-title title-color text-center wow zoomIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 626 <h3>Get In <span>Touch</h3> 627 <p class="f-15 mt-3 ">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text</p> 628 </div> 629 </div><!--- END COL --> 630 </div><!--- END ROW --> 631 632 <div class="row mt-5 pt-4"> 633 <div class="col-lg-4 col-md-6 col-12"> 634 <div class="atf-contact-info wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 635 <div class="atf-contact-details"> 636 <i class="fa fa-home"></i> 637 <h5>Address Location</h5> 638 <p>1 Grafton Street, Dublin, Ireland.</p> 639 </div> 640 </div> 641 </div> 642 643 <div class="col-lg-4 col-md-6 col-12"> 644 <div class="atf-contact-info wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0"> 645 <div class="atf-contact-details"> 646 <i class="fa fa-phone"></i> 647 <h5>Phone Number</h5> 648 <p>+135 773 321 4442</p> 649 </div> 650 </div> 651 </div> 652 653 <div class="col-lg-4 col-md-6 col-12"> 654 <div class="atf-contact-info wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0"> 655 <div class="atf-contact-details"> 656 <i class="fa fa-envelope"></i> 657 <h5>Mail Address</h5> 658 <p>[email protected]</p> 659 </div> 660 </div><!--- END CONTACT --> 661 </div><!--- END COL --> 662 </div><!--- END ROW --> 663 664 <div class="row"> 665 <div class="col-lg-12 mt-5"> 666 <div class="contact"> 667 <form id="contact-form" class="atf-contact-form form" method="POST" action="assets/php/mail.php"> 668 <div class="row"> 669 <div class="form-group col-lg-12"> 670 <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required="required"> 671 </div> 672 <div class="form-group col-lg-6"> 673 <input type="email" name="email" class="form-control" id="form_email" placeholder="Your Email" required="required"> 674 </div> 675 <div class="form-group col-lg-6"> 676 <input type="text" name="subject" class="form-control" id="subject" placeholder="Your Phone" required="required"> 677 </div> 678 <div class="form-group col-lg-12"> 679 <textarea rows="6" name="message" class="form-control" id="message" placeholder="Your Message" required="required"></textarea> 680 </div> 681 <div class="col-lg-12"> 682 <div class="atf-contact-btn text-left"> 683 <button type="submit" value="Submit Now" name="submit" id="submitButton" class="atf-themes-btn" title="Submit Your Message!">Send Message</button> 684 </div> 685 </div> 686 </div> 687 </form> 688 <p class="form-message"></p> 689 </div> 690 </div><!--- END COL --> 691 692 </div><!--- END ROW --> 693 </div><!--- END CONTAINER --> 694 </section> 695 <!-- END CONTACT --> 696 697 698 699 <!-- FOOTER SECTION START--> 700 <footer class="atf-footer-area"> 701 <div class="container"> 702 <div class="row atf-section-padding"> 703 <div class="col-lg-4 atf-footer-link wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0"> 704 <div class="atf-footer-box"> 705 <h5><a href="#">About Rajjak</a></h5> 706 <p class="pr-lg-3"> Lorem ipsum dolor sit amet consectetur adipiscing elit sed eiusmod dolor.</p> 707 <h4 class="mt-4 text-white">Follow Us</h4> 708 <div class="atf-footer-social-icon mt-4"> 709 <a href="#" class="icon"> <i class="fab fa-facebook"></i> </a> 710 <a href="#" class="icon"> <i class="fab fa-dribbble"></i> </a> 711 <a href="#" class="icon"> <i class="fab fa-behance"></i> </a> 712 <a href="#" class="icon"> <i class="fab fa-linkedin"></i> </a> 713 <a href="#" class="icon"> <i class="fab fa-twitter"></i> </a> 714 </div> 715 </div> 716 </div><!--- END COL --> 717 718 <div class="col-lg-2 col-6 atf-footer-link wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0"> 719 <h5>Get Involved</h5> 720 <ul class="atf-list-menu"> 721 <li> <a href="#"><i class="fas fa-caret-right me-2"></i>Get Stared</a></li> 722 <li> <a href="#"><i class="fas fa-caret-right me-2"></i>Our Team</a></li> 723 <li> <a href="#"><i class="fas fa-caret-right me-2"></i>About Us</a></li> 724 <li> <a href="#"><i class="fas fa-caret-right me-2"></i>Need Helps</a></li> 725 <li> <a href="#"><i class="fas fa-caret-right me-2"></i>Contact Us</a></li> 726 </ul> 727 </div><!--- END COL --> 728 729 <div class="col-lg-2 col-6 atf-footer-link wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0"> 730 <h5>Our Program</h5> 731 <ul class="atf-list-menu"> 732 <li><a href="#"><i class="fas fa-caret-right me-2"></i>Our Faq</a></li> 733 <li><a href="#"><i class="fas fa-caret-right me-2"></i>Our Service</a></li> 734 <li><a href="#"><i class="fas fa-caret-right me-2"></i>Our Course</a></li> 735 <li><a href="#"><i class="fas fa-caret-right me-2"></i>Site Map</a></li> 736 <li><a href="#"><i class="fas fa-caret-right me-2"></i>Our News</a></li> 737 </ul> 738 </div><!--- END COL --> 739 740 <div class="col-lg-4 atf-footer-link wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" data-wow-offset="0"> 741 <h5>Our Photocase</h5> 742 <a href="assets/img/service/footer/1.jpg" data-rel="lightcase:myCollection" ><img src="assets/img/service/footer/1.jpg" alt="Instragram" /></a> 743 <a href="assets/img/service/footer/2.jpg" data-rel="lightcase:myCollection" ><img src="assets/img/service/footer/2.jpg" alt="Instragram" /></a> 744 <a href="assets/img/service/footer/3.jpg" data-rel="lightcase:myCollection" ><img src="assets/img/service/footer/3.jpg" alt="Instragram" /></a> 745 <a href="assets/img/service/footer/4.jpg" data-rel="lightcase:myCollection" ><img src="assets/img/service/footer/4.jpg" alt="Instragram" /></a> 746 <a href="assets/img/service/footer/5.jpg" data-rel="lightcase:myCollection" ><img src="assets/img/service/footer/5.jpg" alt="Instragram" /></a> 747 <a href="assets/img/service/footer/6.jpg" data-rel="lightcase:myCollection" ><img src="assets/img/service/footer/6.jpg" alt="Instragram" /></a> 748 749 </div><!--- END COL --> 750 </div><!--- END ROW --> 751 </div><!--- END CONTAINER --> 752 753 754 <div class="row"> 755 <div class="col-lg-12"> 756 <div class="atf-footer-boottom text-center wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0"> 757 <p>©Copyright - All Right Reserved.Designed <i class="fa fa-heart ms-1 me-1"></i> by <a href="">Theme Family</a> </p> 758 </div><!--- END COL --> 759 </div><!--- END ROW --> 760 </div> 761 <!-- FOOTER SECTION END--> 762 </footer><!--- END FOOTER --> 763 </div> 764 <!-- PAGE WRAPPER END--> 765 766 <!-- Latest jQuery --> 767
767<script src="assets/js/jquery-1.12.4.min.js"></script>
767 768 <!-- Latest compiled and minified Bootstrap --> 769
769<script src="assets/bootstrap/js/bootstrap.js"></script>
769 770 <!-- modernizer JS --> 771
771<script src="assets/js/modernizr.custom.js"></script>
771 772 <!-- imagesloaded JS --> 773
773<script src="assets/js/imagesloaded.pkgd.js"></script>
773 774 <!-- isotope.pkgd JS --> 775
775<script src="assets/js/isotope.pkgd.min.js"></script>
775 776 <!-- lightcase JS --> 777
777<script src="assets/js/lightcase.js"></script>
777 778 <!-- owl-carousel min js --> 779
779<script src="assets/owlcarousel/js/owl.carousel.min.js"></script>
779 780 <!-- wow js --> 781
781<script src="assets/js/wow.min.js"></script>
781 782 <!-- jquery.slicknav --> 783
783<script src="assets/js/slicknav.js"></script>
783 784 <!-- ajaxchimp js --> 785
785<script src="assets/js/ajaxchimp.min.js"></script>
785 786 <!-- form-contact js --> 787
787<script src="assets/js/form-contact.js"></script>
787 788 <!-- main js --> 789
789<script src="assets/js/main.js"></script>
789 790 791 </body> 792</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.