1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta content="width=device-width, initial-scale=1.0" name="viewport"> 7 8 <title>Portfolio Details - FlexStart Bootstrap Template</title> 9 <meta content="" name="description"> 10 <meta content="" name="keywords"> 11 12 <!-- Favicons --> 13 <link href="assets/img/favicon.webp" rel="icon"> 14 <link href="assets/img/apple-touch-icon.webp" rel="apple-touch-icon"> 15 16 <!-- Google Fonts --> 17 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"> 18 19 <!-- Vendor CSS Files --> 20 <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 21 <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> 22 <link href="assets/vendor/aos/aos.css" rel="stylesheet"> 23 <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet"> 24 <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> 25 <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> 26 27 <!-- Template Main CSS File --> 28 <link href="assets/css/style.css" rel="stylesheet"> 29 30 <!-- ======================================================= 31 * Template Name: FlexStart - v1.4.0 32 * Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/ 33 * Author: BootstrapMade.com 34 * License: https://bootstrapmade.com/license/ 35 ======================================================== --> 36</head> 37 38<body> 39 40 <!-- ======= Header ======= --> 41 <header id="header" class="header fixed-top"> 42 <div class="container-fluid container-xl d-flex align-items-center justify-content-between"> 43 44 <a class='logo d-flex align-items-center' href='/'> 45 <img src="assets/img/logo.webp" alt=""> 46 <span>FlexStart</span> 47 </a> 48 49 <nav id="navbar" class="navbar"> 50 <ul> 51 <li><a class="nav-link scrollto " href="#hero">Home</a></li> 52 <li><a class="nav-link scrollto" href="#about">About</a></li> 53 <li><a class="nav-link scrollto" href="#services">Services</a></li> 54 <li><a class="nav-link scrollto" href="#portfolio">Portfolio</a></li> 55 <li><a class="nav-link scrollto" href="#team">Team</a></li> 56 <li><a href='/blog'>Blog</a></li> 57 <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a> 58 <ul> 59 <li><a href="#">Drop Down 1</a></li> 60 <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a> 61 <ul> 62 <li><a href="#">Deep Drop Down 1</a></li> 63 <li><a href="#">Deep Drop Down 2</a></li> 64 <li><a href="#">Deep Drop Down 3</a></li> 65 <li><a href="#">Deep Drop Down 4</a></li> 66 <li><a href="#">Deep Drop Down 5</a></li> 67 </ul> 68 </li> 69 <li><a href="#">Drop Down 2</a></li> 70 <li><a href="#">Drop Down 3</a></li> 71 <li><a href="#">Drop Down 4</a></li> 72 </ul> 73 </li> 74 <li><a class="nav-link scrollto" href="#contact">Contact</a></li> 75 <li><a class="getstarted scrollto" href="#about">Get Started</a></li> 76 </ul> 77 <i class="bi bi-list mobile-nav-toggle"></i> 78 </nav><!-- .navbar --> 79 80 </div> 81 </header><!-- End Header --> 82 83 <main id="main"> 84 85 <!-- ======= Breadcrumbs ======= --> 86 <section class="breadcrumbs"> 87 <div class="container"> 88 89 <ol> 90 <li><a href='/'>Home</a></li> 91 <li>Portfolio Details</li> 92 </ol> 93 <h2>Portfolio Details</h2> 94 95 </div> 96 </section><!-- End Breadcrumbs --> 97 98 <!-- ======= Portfolio Details Section ======= --> 99 <section id="portfolio-details" class="portfolio-details"> 100 <div class="container"> 101 102 <div class="row gy-4"> 103 104 <div class="col-lg-8"> 105 <div class="portfolio-details-slider swiper-container"> 106 <div class="swiper-wrapper align-items-center"> 107 108 <div class="swiper-slide"> 109 <img src="assets/img/portfolio/portfolio-1.jpg" alt=""> 110 </div> 111 112 <div class="swiper-slide"> 113 <img src="assets/img/portfolio/portfolio-2.jpg" alt=""> 114 </div> 115 116 <div class="swiper-slide"> 117 <img src="assets/img/portfolio/portfolio-3.jpg" alt=""> 118 </div> 119 120 </div> 121 <div class="swiper-pagination"></div> 122 </div> 123 </div> 124 125 <div class="col-lg-4"> 126 <div class="portfolio-info"> 127 <h3>Project information</h3> 128 <ul> 129 <li><strong>Category</strong>: Web design</li> 130 <li><strong>Client</strong>: ASU Company</li> 131 <li><strong>Project date</strong>: 01 March, 2020</li> 132 <li><strong>Project URL</strong>: <a href="#">www.example.com</a></li> 133 </ul> 134 </div> 135 <div class="portfolio-description"> 136 <h2>This is an example of portfolio detail</h2> 137 <p> 138 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. 139 </p> 140 </div> 141 </div> 142 143 </div> 144 145 </div> 146 </section><!-- End Portfolio Details Section --> 147 148 </main><!-- End #main --> 149 150 <!-- ======= Footer ======= --> 151 <footer id="footer" class="footer"> 152 153 <div class="footer-newsletter"> 154 <div class="container"> 155 <div class="row justify-content-center"> 156 <div class="col-lg-12 text-center"> 157 <h4>Our Newsletter</h4> 158 <p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p> 159 </div> 160 <div class="col-lg-6"> 161 <form action="" method="post"> 162 <input type="email" name="email"><input type="submit" value="Subscribe"> 163 </form> 164 </div> 165 </div> 166 </div> 167 </div> 168 169 <div class="footer-top"> 170 <div class="container"> 171 <div class="row gy-4"> 172 <div class="col-lg-5 col-md-12 footer-info"> 173 <a class='logo d-flex align-items-center' href='/'> 174 <img src="assets/img/logo.webp" alt="">
175 <span>FlexStart</span> 176 </a> 177 <p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p> 178 <div class="social-links mt-3"> 179 <a href="#" class="twitter"><i class="bi bi-twitter"></i></a> 180 <a href="#" class="facebook"><i class="bi bi-facebook"></i></a> 181 <a href="#" class="instagram"><i class="bi bi-instagram bx bxl-instagram"></i></a> 182 <a href="#" class="linkedin"><i class="bi bi-linkedin bx bxl-linkedin"></i></a> 183 </div> 184 </div> 185 186 <div class="col-lg-2 col-6 footer-links"> 187 <h4>Useful Links</h4> 188 <ul> 189 <li><i class="bi bi-chevron-right"></i> <a href="#">Home</a></li> 190 <li><i class="bi bi-chevron-right"></i> <a href="#">About us</a></li> 191 <li><i class="bi bi-chevron-right"></i> <a href="#">Services</a></li> 192 <li><i class="bi bi-chevron-right"></i> <a href="#">Terms of service</a></li> 193 <li><i class="bi bi-chevron-right"></i> <a href="#">Privacy policy</a></li> 194 </ul> 195 </div> 196 197 <div class="col-lg-2 col-6 footer-links"> 198 <h4>Our Services</h4> 199 <ul> 200 <li><i class="bi bi-chevron-right"></i> <a href="#">Web Design</a></li> 201 <li><i class="bi bi-chevron-right"></i> <a href="#">Web Development</a></li> 202 <li><i class="bi bi-chevron-right"></i> <a href="#">Product Management</a></li> 203 <li><i class="bi bi-chevron-right"></i> <a href="#">Marketing</a></li> 204 <li><i class="bi bi-chevron-right"></i> <a href="#">Graphic Design</a></li> 205 </ul> 206 </div> 207 208 <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start"> 209 <h4>Contact Us</h4> 210 <p> 211 A108 Adam Street <br> 212 New York, NY 535022<br> 213 United States <br><br> 214 <strong>Phone:</strong> +1 5589 55488 55<br> 215 <strong>Email:</strong> [email protected]<br> 216 </p> 217 218 </div> 219 220 </div> 221 </div> 222 </div> 223 224 <div class="container"> 225 <div class="copyright"> 226 © Copyright <strong><span>FlexStart</span></strong>. All Rights Reserved 227 </div> 228 <div class="credits"> 229 <!-- All the links in the footer should remain intact. --> 230 <!-- You can delete the links only if you purchased the pro version. --> 231 <!-- Licensing information: https://bootstrapmade.com/license/ --> 232 <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/flexstart-bootstrap-startup-template/ --> 233 Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> 234 </div> 235 </div> 236 </footer><!-- End Footer --> 237 238 <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> 239 240 <!-- Vendor JS Files --> 241
241<script src="assets/vendor/bootstrap/js/bootstrap.bundle.js"></script>
241 242
242<script src="assets/vendor/aos/aos.js"></script>
242 243
243<script src="assets/vendor/php-email-form/validate.js"></script>
243 244
244<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
244 245
245<script src="assets/vendor/purecounter/purecounter.js"></script>
245 246
246<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
246 247
247<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
247 248 249 <!-- Template Main JS File --> 250
250<script src="assets/js/main.js"></script>
250 251 252</body> 253 254</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.