Gestionnaire de fichiers

vamoqsldksmlqdjlksqdjqs azeioqsldjkmqsjdkmlqsjd azpiekdlqsjkdlqsjdlkqsjd asldkqsdjvgjfkqsdjqsdqs xvbhkqsdjqslkdjqlskjdqs Gestionnaire de fichiers

Gestionnaire de fichiers - Editer - /home/u644101737/domains/f1studyabroad.com/public_html/static/website-php/about.php

Arrière
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Big F1 Overseas</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="Free HTML Templates" name="keywords"> <meta content="Free HTML Templates" name="description"> <!-- Favicon --> <link href="img/favicon.ico" rel="icon"> <!-- 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=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap" rel="stylesheet"> <!-- Icon Font Stylesheet --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"> <!-- Libraries Stylesheet --> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="lib/animate/animate.min.css" rel="stylesheet"> <!-- Customized Bootstrap Stylesheet --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Template Stylesheet --> <link href="css/style.css" rel="stylesheet"> <!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> --> <style> .m-b-sm { margin-bottom: 10px; } /* FAQ / .faq-item { padding: 20px; margin-bottom: 2px; background: #fff; } .faq-question { font-size: 18px; font-weight: 600; / color: #1ab394; / color:#e5732e; display: block; } .faq-question:hover { color: #e5732e; } .faq-answer { margin-top: 10px; background: #f3f3f4; border: 1px solid #e7eaec; border-radius: 3px; padding: 15px; } .faq-item .tag-item { background: #f3f3f4; padding: 2px 6px; font-size: 10px; text-transform: uppercase; } .ibox { clear: both; margin-bottom: 25px; margin-top: 0; padding: 0; } .ibox.collapsed .ibox-content { display: none; } .ibox.collapsed .fa.fa-chevron-up:before { content: "\f078"; } .ibox.collapsed .fa.fa-chevron-down:before { content: "\f077"; } .ibox:after, .ibox:before { display: table; } .ibox-title { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 3px 0 0; color: inherit; margin-bottom: 0; padding: 14px 15px 7px; min-height: 48px; } .ibox-content { background-color: #ffffff; color: inherit; padding: 15px 20px 20px 20px; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 1px 0; } .ibox-footer { color: inherit; border-top: 1px solid #e7eaec; font-size: 90%; background: #ffffff; padding: 10px 15px; } / WRAPPERS */ #wrapper { width: 100%; overflow-x: hidden; } .wrapper { padding: 0 20px; } .wrapper-content { padding: 20px 10px 40px; } #page-wrapper { padding: 0 15px; min-height: 568px; position: relative !important; } @media (min-width: 768px) { #page-wrapper { position: inherit; margin: 0 0 0 240px; min-height: 2002px; } } .faqrow{ border: 1px solid #e9e6e6; padding: 15px; } </style> </head> <body> <!-- Spinner Start --> <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"> <div class="spinner"></div> </div> <!-- Spinner End --> <!-- Topbar Start --> <?php include('topbar.php');?> <!-- Topbar End --> <!-- Navbar Start --> <div class="container-fluid position-relative p-0"> <?php include('navbar.php');?> <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;"> <div class="row py-5"> <div class="col-12 pt-lg-5 mt-lg-5 text-center"> <h1 class="display-4 text-white animated zoomIn">Company</h1> <a href="" class="h5 text-white">Home</a> <i class="far fa-circle text-white px-2"></i> <a href="" class="h5 text-white">Company</a> </div> </div> </div> </div> <!-- Navbar End --> <!-- Full Screen Search Start --> <div class="modal fade" id="searchModal" tabindex="-1"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content" style="background: rgba(9, 30, 62, .7);"> <div class="modal-header border-0"> <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body d-flex align-items-center justify-content-center"> <div class="input-group" style="max-width: 600px;"> <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword"> <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button> </div> </div> </div> </div> </div> <!-- Full Screen Search End --> <!-- About Start --> <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row g-5"> <div class="col-lg-5" style="min-height: 500px;"> <div class="position-relative h-100"> <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s" src="img/about.jpg" style="object-fit: cover;"> </div> </div> <div class="col-lg-7"> <div class="section-title position-relative pb-3 mb-5"> <h5 class="fw-bold text-primary text-uppercase">About Us</h5> <h1 class="mb-0">The Best Overseas Consulting with 5 years of experience</h1> </div> <p class="mb-4">Tempor erat elitr rebum at clita. Diam dolor diam ipsum et tempor sit. Aliqu diam amet diam et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus clita duo justo et tempor eirmod magna dolore erat amet. Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, dolores amet pariatur doloremque cupiditate, numquam, harum iure quaerat repudiandae voluptatem dolore accusantium ullam eveniet eius praesentium explicabo voluptas quo! Illo.</p> <p class="mb-4">Tempor erat elitr rebum at clita. Diam dolor diam ipsum et tempor sit. Aliqu diam amet diam et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus clita duo justo et tempor eirmod magna dolore erat amet. Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, dolores amet pariatur doloremque cupiditate, numquam, harum iure quaerat repudiandae voluptatem dolore accusantium ullam eveniet eius praesentium explicabo voluptas quo! Illo.</p> <!-- <div class="row g-0 mb-3"> <div class="col-sm-6 wow zoomIn" data-wow-delay="0.2s"> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Award Winning</h5> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Professional Staff</h5> </div> <div class="col-sm-6 wow zoomIn" data-wow-delay="0.4s"> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>24/7 Support</h5> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Fair Prices</h5> </div> </div> --> <!-- <div class="d-flex align-items-center mb-4 wow fadeIn" data-wow-delay="0.6s"> <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;"> <i class="fa fa-phone-alt text-white"></i> </div> <div class="ps-4"> <h5 class="mb-2">Call to ask any question</h5> <h4 class="text-primary mb-0">+012 345 6789</h4> </div> </div> <a href="quote.php" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s">Request A Quote</a> --> </div> </div> </div> </div> <!-- About End --> <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row g-5"> <div class="col-lg-6"> <div class="section-title position-relative pb-3 mb-5"> <h5 class="fw-bold text-primary text-uppercase">Vision</h5> <!-- <h1 class="mb-0">The Best Overseas Consulting with 5 years of experience</h1> --> </div> <p class="mb-4">Tempor erat elitr rebum at clita. Diam dolor diam ipsum et tempor sit. Aliqu diam amet diam et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus clita duo justo et tempor eirmod magna dolore erat amet. Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, dolores amet pariatur doloremque cupiditate, numquam, harum iure quaerat repudiandae voluptatem dolore accusantium ullam eveniet eius praesentium explicabo voluptas quo! Illo.</p> <p class="mb-4">Tempor erat elitr rebum at clita. Diam dolor diam ipsum et tempor sit. Aliqu diam amet diam et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus clita duo justo et tempor eirmod magna dolore erat amet. Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, dolores amet pariatur doloremque cupiditate, numquam, harum iure quaerat repudiandae voluptatem dolore accusantium ullam eveniet eius praesentium explicabo voluptas quo! Illo.</p> <!-- <div class="row g-0 mb-3"> <div class="col-sm-6 wow zoomIn" data-wow-delay="0.2s"> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Award Winning</h5> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Professional Staff</h5> </div> <div class="col-sm-6 wow zoomIn" data-wow-delay="0.4s"> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>24/7 Support</h5> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Fair Prices</h5> </div> </div> --> <!-- <div class="d-flex align-items-center mb-4 wow fadeIn" data-wow-delay="0.6s"> <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;"> <i class="fa fa-phone-alt text-white"></i> </div> <div class="ps-4"> <h5 class="mb-2">Call to ask any question</h5> <h4 class="text-primary mb-0">+012 345 6789</h4> </div> </div> <a href="quote.php" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s">Request A Quote</a> --> </div> <div class="col-lg-6"> <div class="section-title position-relative pb-3 mb-5"> <h5 class="fw-bold text-primary text-uppercase">Mission</h5> <!-- <h1 class="mb-0">The Best Overseas Consulting with 5 years of experience</h1> --> </div> <p class="mb-4">Tempor erat elitr rebum at clita. Diam dolor diam ipsum et tempor sit. Aliqu diam amet diam et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus clita duo justo et tempor eirmod magna dolore erat amet. Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, dolores amet pariatur doloremque cupiditate, numquam, harum iure quaerat repudiandae voluptatem dolore accusantium ullam eveniet eius praesentium explicabo voluptas quo! Illo.</p> <p class="mb-4">Tempor erat elitr rebum at clita. Diam dolor diam ipsum et tempor sit. Aliqu diam amet diam et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus clita duo justo et tempor eirmod magna dolore erat amet. Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, dolores amet pariatur doloremque cupiditate, numquam, harum iure quaerat repudiandae voluptatem dolore accusantium ullam eveniet eius praesentium explicabo voluptas quo! Illo.</p> <!-- <div class="row g-0 mb-3"> <div class="col-sm-6 wow zoomIn" data-wow-delay="0.2s"> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Award Winning</h5> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Professional Staff</h5> </div> <div class="col-sm-6 wow zoomIn" data-wow-delay="0.4s"> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>24/7 Support</h5> <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Fair Prices</h5> </div> </div> --> <!-- <div class="d-flex align-items-center mb-4 wow fadeIn" data-wow-delay="0.6s"> <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;"> <i class="fa fa-phone-alt text-white"></i> </div> <div class="ps-4"> <h5 class="mb-2">Call to ask any question</h5> <h4 class="text-primary mb-0">+012 345 6789</h4> </div> </div> <a href="quote.php" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s">Request A Quote</a> --> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="wrapper wrapper-content animated fadeInRight"> <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;"> <!-- <h5 class="fw-bold text-primary text-uppercase">Why Choose Us</h5> --> <h1 class="mb-0">FAQ'S</h1> </div> <div class="faq-item"> <div class="row faqrow"> <div class="col-md-12"> <a data-toggle="collapse" href="#faq1" class="faq-question">What It a long established fact that a reader ?</a> <small>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse minus sit quisquam nemo! Beatae, exercitationem, saepe eveniet aspernatur repellat labore, amet placeat maxime asperiores dicta repudiandae voluptate quos doloribus libero.</small> </div> </div> <div class="row"> <div class="col-lg-12"> <div id="faq1" class="panel-collapse collapse "> <div class="faq-answer"> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </p> </div> </div> </div> </div> </div> <div class="faq-item"> <div class="row faqrow"> <div class="col-md-12"> <a data-toggle="collapse" href="#faq1" class="faq-question">What It a long established fact that a reader ?</a> <small>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse minus sit quisquam nemo! Beatae, exercitationem, saepe eveniet aspernatur repellat labore, amet placeat maxime asperiores dicta repudiandae voluptate quos doloribus libero.</small> </div> </div> <div class="row"> <div class="col-lg-12"> <div id="faq1" class="panel-collapse collapse "> <div class="faq-answer"> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </p> </div> </div> </div> </div> </div> <div class="faq-item"> <div class="row faqrow"> <div class="col-md-12"> <a data-toggle="collapse" href="#faq1" class="faq-question">What It a long established fact that a reader ?</a> <small>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse minus sit quisquam nemo! Beatae, exercitationem, saepe eveniet aspernatur repellat labore, amet placeat maxime asperiores dicta repudiandae voluptate quos doloribus libero.</small> </div> </div> <div class="row"> <div class="col-lg-12"> <div id="faq1" class="panel-collapse collapse "> <div class="faq-answer"> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </p> </div> </div> </div> </div> </div> <div class="faq-item"> <div class="row faqrow"> <div class="col-md-12"> <a data-toggle="collapse" href="#faq1" class="faq-question">What It a long established fact that a reader ?</a> <small>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse minus sit quisquam nemo! Beatae, exercitationem, saepe eveniet aspernatur repellat labore, amet placeat maxime asperiores dicta repudiandae voluptate quos doloribus libero.</small> </div> </div> <div class="row"> <div class="col-lg-12"> <div id="faq1" class="panel-collapse collapse "> <div class="faq-answer"> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Team Start --> <!-- <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s"> <div class="container py-5"> <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;"> <h5 class="fw-bold text-primary text-uppercase">Team Members</h5> <h1 class="mb-0">Professional Stuffs Ready to Help Your Business</h1> </div> <div class="row g-5"> <div class="col-lg-4 wow slideInUp" data-wow-delay="0.3s"> <div class="team-item bg-light rounded overflow-hidden"> <div class="team-img position-relative overflow-hidden"> <img class="img-fluid w-100" src="img/team-1.jpg" alt=""> <div class="team-social"> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-twitter fw-normal"></i></a> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-facebook-f fw-normal"></i></a> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-instagram fw-normal"></i></a> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-linkedin-in fw-normal"></i></a> </div> </div> <div class="text-center py-4"> <h4 class="text-primary">Full Name</h4> <p class="text-uppercase m-0">Designation</p> </div> </div> </div> <div class="col-lg-4 wow slideInUp" data-wow-delay="0.6s"> <div class="team-item bg-light rounded overflow-hidden"> <div class="team-img position-relative overflow-hidden"> <img class="img-fluid w-100" src="img/team-2.jpg" alt=""> <div class="team-social"> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-twitter fw-normal"></i></a> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-facebook-f fw-normal"></i></a> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-instagram fw-normal"></i></a> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-linkedin-in fw-normal"></i></a> </div> </div> <div class="text-center py-4"> <h4 class="text-primary">Full Name</h4> <p class="text-uppercase m-0">Designation</p> </div> </div> </div> <div class="col-lg-4 wow slideInUp" data-wow-delay="0.9s"> <div class="team-item bg-light rounded overflow-hidden"> <div class="team-img position-relative overflow-hidden"> <img class="img-fluid w-100" src="img/team-3.jpg" alt=""> <div class="team-social"> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-twitter fw-normal"></i></a> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-facebook-f fw-normal"></i></a> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-instagram fw-normal"></i></a> <a class="btn btn-lg btn-primary btn-lg-square rounded" href=""><i class="fab fa-linkedin-in fw-normal"></i></a> </div> </div> <div class="text-center py-4"> <h4 class="text-primary">Full Name</h4> <p class="text-uppercase m-0">Designation</p> </div> </div> </div> </div> </div> </div> --> <!-- Team End --> <!-- Vendor Start --> <!-- <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s"> <div class="container py-5 mb-5"> <div class="bg-white"> <div class="owl-carousel vendor-carousel"> <img src="img/vendor-1.jpg" alt=""> <img src="img/vendor-2.jpg" alt=""> <img src="img/vendor-3.jpg" alt=""> <img src="img/vendor-4.jpg" alt=""> <img src="img/vendor-5.jpg" alt=""> <img src="img/vendor-6.jpg" alt=""> <img src="img/vendor-7.jpg" alt=""> <img src="img/vendor-8.jpg" alt=""> <img src="img/vendor-9.jpg" alt=""> </div> </div> </div> </div> --> <!-- Vendor End --> <!-- Footer Start --> <?php include('footer.php');?> <!-- Footer End --> <!-- Back to Top --> <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a> <!-- JavaScript Libraries --> <script src="https://code.jquery.com/jquery-3.4.1.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/counterup/counterup.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <!-- Template Javascript --> <script src="js/main.js"></script> </body> </html>