File: /home/u332834506/domains/agustinarizacobo.es/public_html/projects.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>UpConstruction Bootstrap Template - Projects</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=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Work+Sans: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/fontawesome-free/css/all.min.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">
<!-- Template Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
<!-- =======================================================
* Template Name: UpConstruction - v1.3.0
* Template URL: https://bootstrapmade.com/upconstruction-bootstrap-construction-website-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="header d-flex align-items-center">
<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>UpConstruction<span>.</span></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="projects.html" class="active">Projects</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/breadcrumbs-bg.jpg');">
<div class="container position-relative d-flex flex-column align-items-center" data-aos="fade">
<h2>Projects</h2>
<ol>
<li><a href="index.html">Home</a></li>
<li>Projects</li>
</ol>
</div>
</div><!-- End Breadcrumbs -->
<!-- ======= Our Projects Section ======= -->
<section id="projects" class="projects">
<div class="container" data-aos="fade-up">
<div class="portfolio-isotope" data-portfolio-filter="*" data-portfolio-layout="masonry"
data-portfolio-sort="original-order">
<ul class="portfolio-flters" data-aos="fade-up" data-aos-delay="100">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-remodeling">Remodeling</li>
<li data-filter=".filter-construction">Construction</li>
<li data-filter=".filter-repairs">Repairs</li>
<li data-filter=".filter-design">Design</li>
</ul><!-- End Projects Filters -->
<div class="row gy-4 portfolio-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item filter-remodeling">
<div class="portfolio-content h-100">
<img src="assets/img/projects/remodeling-1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Remodeling 1</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/remodeling-1.jpg" title="Remodeling 1"
data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i
class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 1</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/construction-1.jpg" title="Construction 1"
data-gallery="portfolio-gallery-construction" class="glightbox preview-link"><i
class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-repairs">
<div class="portfolio-content h-100">
<img src="assets/img/projects/repairs-1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Repairs 1</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/repairs-1.jpg" title="Repairs 1" data-gallery="portfolio-gallery-repairs"
class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-design">
<div class="portfolio-content h-100">
<img src="assets/img/projects/design-1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Design 1</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/design-1.jpg" title="Repairs 1" data-gallery="portfolio-gallery-book"
class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-remodeling">
<div class="portfolio-content h-100">
<img src="assets/img/projects/remodeling-2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Remodeling 2</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/remodeling-2.jpg" title="Remodeling 2"
data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i
class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 2</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/construction-2.jpg" title="Construction 2"
data-gallery="portfolio-gallery-construction" class="glightbox preview-link"><i
class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-repairs">
<div class="portfolio-content h-100">
<img src="assets/img/projects/repairs-2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Repairs 2</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/repairs-2.jpg" title="Repairs 2" data-gallery="portfolio-gallery-repairs"
class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-design">
<div class="portfolio-content h-100">
<img src="assets/img/projects/design-2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Design 2</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/design-2.jpg" title="Repairs 2" data-gallery="portfolio-gallery-book"
class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-remodeling">
<div class="portfolio-content h-100">
<img src="assets/img/projects/remodeling-3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Remodeling 3</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/remodeling-3.jpg" title="Remodeling 3"
data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i
class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 3</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/construction-3.jpg" title="Construction 3"
data-gallery="portfolio-gallery-construction" class="glightbox preview-link"><i
class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-repairs">
<div class="portfolio-content h-100">
<img src="assets/img/projects/repairs-3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Repairs 3</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/repairs-3.jpg" title="Repairs 2" data-gallery="portfolio-gallery-repairs"
class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-design">
<div class="portfolio-content h-100">
<img src="assets/img/projects/design-3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Design 3</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/projects/design-3.jpg" title="Repairs 3" data-gallery="portfolio-gallery-book"
class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="project-details.html" title="More Details" class="details-link"><i
class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
</div><!-- End Projects Container -->
</div>
</div>
</section><!-- End Our Projects Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="footer-content position-relative">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="footer-info">
<h3>UpConstruction</h3>
<p>
A108 Adam Street <br>
NY 535022, USA<br><br>
<strong>Phone:</strong> +1 5589 55488 55<br>
<strong>Email:</strong> info@example.com<br>
</p>
<div class="social-links d-flex mt-3">
<a href="#" class="d-flex align-items-center justify-content-center"><i class="bi bi-twitter"></i></a>
<a href="#" class="d-flex align-items-center justify-content-center"><i class="bi bi-facebook"></i></a>
<a href="#" class="d-flex align-items-center justify-content-center"><i class="bi bi-instagram"></i></a>
<a href="#" class="d-flex align-items-center justify-content-center"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div><!-- End footer info column-->
<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><!-- End footer links column-->
<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><!-- End footer links column-->
<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><!-- End footer links column-->
<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><!-- End footer links column-->
</div>
</div>
</div>
<div class="footer-legal text-center position-relative">
<div class="container">
<div class="copyright">
© Copyright <strong><span>UpConstruction</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/upconstruction-bootstrap-construction-website-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a
href="https://themewagon.com">ThemeWagon</a>
</div>
</div>
</div>
</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/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.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>