Gestionnaire de fichiers - Editer - /home/webapp68.cm.in.th/u68319090012/Final/web/portfolio-details.html
Arrière
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Portfolio Details - Invent Bootstrap Template</title> <meta name="description" content=""> <meta name="keywords" content=""> <!-- Favicons --> <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Fonts --> <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <!-- Main CSS File --> <link href="assets/css/main.css" rel="stylesheet"> <!-- ======================================================= * Template Name: Invent * Template URL: https://bootstrapmade.com/invent-bootstrap-business-template/ * Updated: May 12 2025 with Bootstrap v5.3.6 * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --> </head> <body class="portfolio-details-page"> <header id="header" class="header d-flex align-items-center fixed-top"> <div class="container position-relative d-flex align-items-center justify-content-between"> <a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0"> <!-- Uncomment the line below if you also wish to use an image logo --> <!-- <img src="assets/img/logo.webp" alt=""> --> <h1 class="sitename">Invent</h1><span>.</span> </a> <nav id="navmenu" class="navmenu"> <ul> <li><a href="#hero">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#services">Services</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#pricing">Pricing</a></li> <li><a href="#team">Team</a></li> <li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> <ul> <li><a href="#">Dropdown 1</a></li> <li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> <ul> <li><a href="#">Deep Dropdown 1</a></li> <li><a href="#">Deep Dropdown 2</a></li> <li><a href="#">Deep Dropdown 3</a></li> <li><a href="#">Deep Dropdown 4</a></li> <li><a href="#">Deep Dropdown 5</a></li> </ul> </li> <li><a href="#">Dropdown 2</a></li> <li><a href="#">Dropdown 3</a></li> <li><a href="#">Dropdown 4</a></li> </ul> </li> <li><a href="#contact">Contact</a></li> </ul> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> </nav> <a class="btn-getstarted" href="#about">Get Started</a> </div> </header> <main class="main"> <!-- Page Title --> <div class="page-title"> <div class="heading"> <div class="container"> <div class="row d-flex justify-content-center text-center"> <div class="col-lg-8"> <h1 class="heading-title">Portfolio Details</h1> <p class="mb-0"> Odio et unde deleniti. Deserunt numquam exercitationem. Officiis quo odio sint voluptas consequatur ut a odio voluptatem. Sit dolorum debitis veritatis natus dolores. Quasi ratione sint. Sit quaerat ipsum dolorem. </p> </div> </div> </div> </div> <nav class="breadcrumbs"> <div class="container"> <ol> <li><a href="index.html">Home</a></li> <li class="current">Portfolio Details</li> </ol> </div> </nav> </div><!-- End Page Title --> <!-- Portfolio Details Section --> <section id="portfolio-details" class="portfolio-details section"> <div class="container" data-aos="fade-up"> <div class="portfolio-details-slider swiper init-swiper"> <script type="application/json" class="swiper-config"> { "loop": true, "speed": 600, "autoplay": { "delay": 5000 }, "slidesPerView": "auto", "navigation": { "nextEl": ".swiper-button-next", "prevEl": ".swiper-button-prev" }, "pagination": { "el": ".swiper-pagination", "type": "bullets", "clickable": true } } </script> <div class="swiper-wrapper align-items-center"> <div class="swiper-slide"> <img src="assets/img/portfolio/portfolio-1.webp" alt=""> </div> <div class="swiper-slide"> <img src="assets/img/portfolio/portfolio-10.webp" alt=""> </div> <div class="swiper-slide"> <img src="assets/img/portfolio/portfolio-7.webp" alt=""> </div> <div class="swiper-slide"> <img src="assets/img/portfolio/portfolio-4.webp" alt=""> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-pagination"></div> </div> <div class="row justify-content-between gy-4 mt-4"> <div class="col-lg-8" data-aos="fade-up"> <div class="portfolio-description"> <h2>This is an example of portfolio details</h2> <p> Autem ipsum nam porro corporis rerum. Quis eos dolorem eos itaque inventore commodi labore quia quia. Exercitationem repudiandae officiis neque suscipit non officia eaque itaque enim. Voluptatem officia accusantium nesciunt est omnis tempora consectetur dignissimos. Sequi nulla at esse enim cum deserunt eius. </p> <p> Amet consequatur qui dolore veniam voluptatem voluptatem sit. Non aspernatur atque natus ut cum nam et. Praesentium error dolores rerum minus sequi quia veritatis eum. Eos et doloribus doloremque nesciunt molestiae laboriosam. </p> <div class="testimonial-item"> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.</span> <i class="bi bi-quote quote-icon-right"></i> </p> <div> <img src="assets/img/person/person-f-5.webp" class="testimonial-img" alt=""> <h3>Sara Wilsson</h3> <h4>Designer</h4> </div> </div> <p> Impedit ipsum quae et aliquid doloribus et voluptatem quasi. Perspiciatis occaecati earum et magnam animi. Quibusdam non qui ea vitae suscipit vitae sunt. Repudiandae incidunt cumque minus deserunt assumenda tempore. Delectus voluptas necessitatibus est. </p> <p> Sunt voluptatum sapiente facilis quo odio aut ipsum repellat debitis. Molestiae et autem libero. Explicabo et quod necessitatibus similique quis dolor eum. Numquam eaque praesentium rem et qui nesciunt. </p> </div> </div> <div class="col-lg-3" data-aos="fade-up" data-aos-delay="100"> <div class="portfolio-info"> <h3>Project information</h3> <ul> <li><strong>Category</strong> Web design</li> <li><strong>Client</strong> ASU Company</li> <li><strong>Project date</strong> 01 March, 2020</li> <li><strong>Project URL</strong> <a href="#">www.example.com</a></li> <li><a href="#" class="btn-visit align-self-start">Visit Website</a></li> </ul> </div> </div> </div> </div> </section><!-- /Portfolio Details Section --> </main> <footer id="footer" class="footer light-background"> <div class="container footer-top"> <div class="row gy-4"> <div class="col-lg-4 col-md-6 footer-about"> <a href="index.html" class="logo d-flex align-items-center"> <span class="sitename">MyWebsite</span> </a> <div class="footer-contact pt-3"> <p>A108 Adam Street</p> <p>New York, NY 535022</p> <p class="mt-3"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p> <p><strong>Email:</strong> <span>info@example.com</span></p> </div> <div class="social-links d-flex mt-4"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Useful Links</h4> <ul> <li><a href="#">Home</a></li> <li><a href="#">About us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Terms of service</a></li> <li><a href="#">Privacy policy</a></li> </ul> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Our Services</h4> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Web Development</a></li> <li><a href="#">Product Management</a></li> <li><a href="#">Marketing</a></li> <li><a href="#">Graphic Design</a></li> </ul> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Hic solutasetp</h4> <ul> <li><a href="#">Molestiae accusamus iure</a></li> <li><a href="#">Excepturi dignissimos</a></li> <li><a href="#">Suscipit distinctio</a></li> <li><a href="#">Dilecta</a></li> <li><a href="#">Sit quas consectetur</a></li> </ul> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Nobis illum</h4> <ul> <li><a href="#">Ipsam</a></li> <li><a href="#">Laudantium dolorum</a></li> <li><a href="#">Dinera</a></li> <li><a href="#">Trodelas</a></li> <li><a href="#">Flexo</a></li> </ul> </div> </div> </div> <div class="container copyright text-center mt-4"> <p>© <span>Copyright</span> <strong class="px-1 sitename">MyWebsite</strong> <span>All Rights Reserved</span></p> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you've purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] --> Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> </div> </div> </footer> <!-- Scroll Top --> <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Preloader --> <div id="preloader"></div> <!-- Vendor JS Files --> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <!-- Main JS File --> <script src="assets/js/main.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.07 |
proxy
|
phpinfo
|
Réglages