Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta content="width=device-width, initial-scale=1.0" name="viewport"> | |
| <title>Portfolio Details - Personal 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/swiper/swiper-bundle.min.css" rel="stylesheet"> | |
| <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> | |
| <!-- Main CSS File --> | |
| <link href="assets/css/main.css" rel="stylesheet"> | |
| <!-- ======================================================= | |
| * Template Name: Personal | |
| * Template URL: https://bootstrapmade.com/personal-free-resume-bootstrap-template/ | |
| * Updated: Mar 05 2025 with Bootstrap v5.3.3 | |
| * 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-fluid container-xl position-relative d-flex align-items-center justify-content-between"> | |
| <a href="index.html" class="logo d-flex align-items-center"> | |
| <!-- Uncomment the line below if you also wish to use an image logo --> | |
| <!-- <img src="assets/img/logo.webp" alt=""> --> | |
| <h1 class="sitename">Personal</h1> | |
| </a> | |
| <nav id="navmenu" class="navmenu"> | |
| <ul> | |
| <li><a href="index.html">Home</a></li> | |
| <li><a href="about.html">About</a></li> | |
| <li><a href="portfolio.html">Projects</a></li> | |
| <li><a href="resume.html">Education</a></li> | |
| <li><a href="service-details.html">Experience</a></li> | |
| <li><a href="services.html">Skills</a></li> | |
| <li><a href="contact.html">Contact</a></li> | |
| </ul> | |
| <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> | |
| </nav> | |
| </div> | |
| </header> | |
| <main class="main"> | |
| <!-- Page Title --> | |
| <div class="page-title" data-aos="fade"> | |
| <div class="heading"> | |
| <div class="container"> | |
| <div class="row d-flex justify-content-center text-center"> | |
| <div class="col-lg-8"> | |
| <h1>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" data-aos-delay="100"> | |
| <div class="row gy-4"> | |
| <div class="col-lg-8"> | |
| <div class="portfolio-details-slider swiper init-swiper"> | |
| <script type="application/json" class="swiper-config"> | |
| { | |
| "loop": true, | |
| "speed": 600, | |
| "autoplay": { | |
| "delay": 5000 | |
| }, | |
| "slidesPerView": "auto", | |
| "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-pagination"></div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4"> | |
| <div class="portfolio-info" data-aos="fade-up" data-aos-delay="200"> | |
| <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> | |
| </ul> | |
| </div> | |
| <div class="portfolio-description" data-aos="fade-up" data-aos-delay="300"> | |
| <h2>Exercitationem repudiandae officiis neque suscipit</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> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section><!-- /Portfolio Details Section --> | |
| </main> | |
| <footer id="footer" class="footer dark-background"> | |
| <div class="container"> | |
| <h3 class="sitename">Personal</h3> | |
| <p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe commodi placeat.</p> | |
| <div class="social-links d-flex justify-content-center"> | |
| <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-skype"></i></a> | |
| <a href=""><i class="bi bi-linkedin"></i></a> | |
| </div> | |
| <div class="container"> | |
| <div class="copyright"> | |
| <span>Copyright</span> <strong class="px-1 sitename">Personal</strong> <span>All Rights Reserved</span> | |
| </div> | |
| <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> | |
| </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/typed.js/typed.umd.js"></script> | |
| <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> | |
| <script src="assets/vendor/waypoints/noframework.waypoints.js"></script> | |
| <script src="assets/vendor/swiper/swiper-bundle.min.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> | |
| <!-- Main JS File --> | |
| <script src="assets/js/main.js"></script> | |
| </body> | |
| </html> |