You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
249 lines
10 KiB
249 lines
10 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
|
|
<title>Portfolio Details - HeroBiz Bootstrap Template</title>
|
|
<meta content="" name="description">
|
|
<meta content="" name="keywords">
|
|
|
|
<!-- Favicons -->
|
|
<link href="assets/img/favicon.png" rel="icon">
|
|
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
|
|
|
<!-- Google 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=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&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">
|
|
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
|
|
|
|
<!-- Template Main CSS File -->
|
|
<link href="assets/css/main.css" rel="stylesheet">
|
|
|
|
<!-- =======================================================
|
|
* Template Name: Nova - v1.1.0
|
|
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
|
* Author: BootstrapMade.com
|
|
* License: https://bootstrapmade.com/license/
|
|
======================================================== -->
|
|
</head>
|
|
|
|
<body class="page-portfolio">
|
|
|
|
<!-- ======= Header ======= -->
|
|
<header id="header" class="header d-flex align-items-center fixed-top">
|
|
<div class="container-fluid container-xl 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="d-flex align-items-center">Nova</h1>
|
|
</a>
|
|
|
|
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
|
|
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
|
|
|
|
<nav id="navbar" class="navbar">
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about.html">About</a></li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li><a href="portfolio.html" class="active">Portfolio</a></li>
|
|
<li><a href="team.html">Team</a></li>
|
|
<li><a href="blog.html">Blog</a></li>
|
|
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down dropdown-indicator"></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 dropdown-indicator"></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.html">Contact</a></li>
|
|
</ul>
|
|
</nav><!-- .navbar -->
|
|
|
|
</div>
|
|
</header><!-- End Header -->
|
|
|
|
<main id="main">
|
|
|
|
<!-- ======= Breadcrumbs ======= -->
|
|
<div class="breadcrumbs d-flex align-items-center" style="background-image: url('assets/img/portfolio-header.jpg');">
|
|
<div class="container position-relative d-flex flex-column align-items-center">
|
|
|
|
<h2>Portfolio Details</h2>
|
|
<ol>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li>Portfolio Details</li>
|
|
</ol>
|
|
|
|
</div>
|
|
</div><!-- End Breadcrumbs -->
|
|
|
|
<!-- ======= Portfolio Details Section ======= -->
|
|
<section id="portfolio-details" class="portfolio-details">
|
|
<div class="container" data-aos="fade-up">
|
|
|
|
<div class="row gy-4">
|
|
|
|
<div class="col-lg-8">
|
|
<div class="slides-1 portfolio-details-slider swiper">
|
|
<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">
|
|
<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">
|
|
<h2>This is an example of portfolio detail</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><!-- End Portfolio Details Section -->
|
|
|
|
</main><!-- End #main -->
|
|
|
|
<!-- ======= Footer ======= -->
|
|
<footer id="footer" class="footer">
|
|
|
|
<div class="footer-content">
|
|
<div class="container">
|
|
<div class="row gy-4">
|
|
<div class="col-lg-5 col-md-12 footer-info">
|
|
<a href="index.html" class="logo d-flex align-items-center">
|
|
<span>Nova</span>
|
|
</a>
|
|
<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>
|
|
<div class="social-links d-flex mt-3">
|
|
<a href="#" class="twitter"><i class="bi bi-twitter"></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 class="col-lg-2 col-6 footer-links">
|
|
<h4>Useful Links</h4>
|
|
<ul>
|
|
<li><i class="bi bi-dash"></i> <a href="#">Home</a></li>
|
|
<li><i class="bi bi-dash"></i> <a href="#">About us</a></li>
|
|
<li><i class="bi bi-dash"></i> <a href="#">Services</a></li>
|
|
<li><i class="bi bi-dash"></i> <a href="#">Terms of service</a></li>
|
|
<li><i class="bi bi-dash"></i> <a href="#">Privacy policy</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-6 footer-links">
|
|
<h4>Our Services</h4>
|
|
<ul>
|
|
<li><i class="bi bi-dash"></i> <a href="#">Web Design</a></li>
|
|
<li><i class="bi bi-dash"></i> <a href="#">Web Development</a></li>
|
|
<li><i class="bi bi-dash"></i> <a href="#">Product Management</a></li>
|
|
<li><i class="bi bi-dash"></i> <a href="#">Marketing</a></li>
|
|
<li><i class="bi bi-dash"></i> <a href="#">Graphic Design</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
|
<h4>Contact Us</h4>
|
|
<p>
|
|
A108 Adam Street <br>
|
|
New York, NY 535022<br>
|
|
United States <br><br>
|
|
<strong>Phone:</strong> +1 5589 55488 55<br>
|
|
<strong>Email:</strong> info@example.com<br>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-legal">
|
|
<div class="container">
|
|
<div class="copyright">
|
|
© Copyright <strong><span>Nova</span></strong>. All Rights Reserved
|
|
</div>
|
|
<div class="credits">
|
|
<!-- All the links in the footer should remain intact. -->
|
|
<!-- You can delete the links only if you purchased the pro version. -->
|
|
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
|
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nova-bootstrap-business-template/ -->
|
|
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer><!-- End Footer -->
|
|
<!-- End Footer -->
|
|
|
|
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<div id="preloader"></div>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/vendor/aos/aos.js"></script>
|
|
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
|
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
|
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
|
<script src="assets/vendor/php-email-form/validate.js"></script>
|
|
|
|
<!-- Template Main JS File -->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|