⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.13
Server IP:
109.199.105.153
Server:
Linux connect.inboxifs.com 5.15.0-152-generic #162-Ubuntu SMP Wed Jul 23 09:48:42 UTC 2025 x86_64
Server Software:
Apache
PHP Version:
8.2.29
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
aladinssconnect
/
public_html
/
View File Name :
portfolio-details.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Portfolio Details - Aladinss 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=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Montserrat: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: Aladinss * Template URL: https://bootstrapmade.com/Aladinss-bootstrap-business-template/ * Updated: Aug 07 2024 with Bootstrap v5.3.3 * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --> </head> <body class="portfolio-details-page"> <header id="header" class="header sticky-top"> <div class="topbar d-flex align-items-center"> <div class="container d-flex justify-content-center justify-content-md-between"> <div class="contact-info d-flex align-items-center"> <i class="bi bi-envelope d-flex align-items-center"><a href="mailto:contact@example.com">contact@example.com</a></i> <i class="bi bi-phone d-flex align-items-center ms-4"><span>+1 5589 55488 55</span></i> </div> <div class="social-links d-none d-md-flex align-items-center"> <a href="#" class="twitter"><i class="bi bi-twitter-x"></i></a> <a href="#" class="facebook"><i class="bi bi-facebook"></i></a> <a href="#" class="instagram"><i class="bi bi-instagram"></i></a> <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a> </div> </div> </div><!-- End Top Bar --> <div class="branding d-flex align-items-cente"> <div class="container 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.png" alt=""> --> <h1 class="sitename">Aladinss</h1> </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="#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> </div> </div> </header> <main class="main"> <!-- Page Title --> <div class="page-title" data-aos="fade"> <div class="container d-lg-flex justify-content-between align-items-center"> <h1 class="mb-2 mb-lg-0">Portfolio Details</h1> <nav class="breadcrumbs"> <ol> <li><a href="index.html">Home</a></li> <li class="current">Portfolio Details</li> </ol> </nav> </div> </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/app-1.jpg" alt=""> </div> <div class="swiper-slide"> <img src="assets/img/portfolio/product-1.jpg" alt=""> </div> <div class="swiper-slide"> <img src="assets/img/portfolio/branding-1.jpg" alt=""> </div> <div class="swiper-slide"> <img src="assets/img/portfolio/books-1.jpg" 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"> <div class="footer-newsletter"> <div class="container"> <div class="row justify-content-center text-center"> <div class="col-lg-6"> <h4>Join Our Newsletter</h4> <p>Subscribe to our newsletter and receive the latest news about our products and services!</p> <form action="forms/newsletter.php" method="post" class="php-email-form"> <div class="newsletter-form"><input type="email" name="email"><input type="submit" value="Subscribe"></div> <div class="loading">Loading</div> <div class="error-message"></div> <div class="sent-message">Your subscription request has been sent. Thank you!</div> </form> </div> </div> </div> </div> <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="d-flex align-items-center"> <span class="sitename">Aladinss</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> <div class="col-lg-2 col-md-3 footer-links"> <h4>Useful Links</h4> <ul> <li><i class="bi bi-chevron-right"></i> <a href="#">Home</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">About us</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Services</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Terms of service</a></li> </ul> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Our Services</h4> <ul> <li><i class="bi bi-chevron-right"></i> <a href="#">Web Design</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Web Development</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Product Management</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Marketing</a></li> </ul> </div> <div class="col-lg-4 col-md-12"> <h4>Follow Us</h4> <p>Cras fermentum odio eu feugiat lide par naso tierra videa magna derita valies</p> <div class="social-links d-flex"> <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> </div> <div class="container copyright text-center mt-4"> <p>© <span>Copyright</span> <strong class="px-1 sitename">Aladinss</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> Distributed by <a href=“https://themewagon.com>ThemeWagon </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></div> <div></div> <div></div> <div></div> </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/waypoints/noframework.waypoints.js"></script> <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> <script src="assets/vendor/swiper/swiper-bundle.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>