portfolio-website/project/templates/gallery.html

82 lines
2.8 KiB
HTML
Raw Permalink Normal View History

2022-07-13 05:15:23 +00:00
{% extends "base.html" %}
{% block content %}
2022-07-13 06:28:07 +00:00
<body class="page-projects">
<!-- subheader -->
<section id="subheader" data-speed="8" data-type="background">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Gallery</h1>
<ul class="crumb">
<li><a href="index.html">Home</a></li>
<li class="sep">/</li>
<li>Gallery</li>
</ul>
</div>
</div>
</div>
</section>
<!-- subheader close -->
2022-07-13 05:15:23 +00:00
2022-07-13 06:28:07 +00:00
<!-- content begin -->
<div id="content" class="no-top no-bottom">
<!-- section begin -->
<section id="section-portfolio" class="no-top no-bottom" aria-label="section-portfolio">
<div class="container">
<div class="spacer-single"></div>
<!-- portfolio filter begin -->
<div class="row">
<div class="col-md-12 text-center">
<ul id="filters" class="wow fadeInUp" data-wow-delay="0s">
<li><a href="#" data-filter="*" class="selected">All Projects</a></li>
<li><a href="#" data-filter=".residential">Residential</a></li>
<!-- <li><a href="#" data-filter=".hospitaly">Hospitaly</a></li>
<li><a href="#" data-filter=".office">Office</a></li>
<li><a href="#" data-filter=".commercial">Commercial</a></li> -->
</ul>
</div>
</div>
<!-- portfolio filter close -->
<div id="gallery" class="row grid_gallery gallery de-gallery wow fadeInUp" data-wow-delay=".3s">
{% for photo in photos %}
<!-- gallery item -->
<div class="col-md-3 item residential">
<div class="picframe">
<a class="image-popup-gallery" href="../portfolio/residential/{{ photo }}">
<span class="overlay">
<span class="pf_text">
<span class="project-name"></span>
</span>
</span>
</a>
<img src="{{ url_for('portfolio.show_photo', category='residential', filename=photo) }}" alt="" />
</div>
</div>
<!-- close gallery item -->
{% endfor %}
</div>
2022-07-13 05:15:23 +00:00
2022-07-13 06:28:07 +00:00
</div>
</section>
<!-- section close -->
<!-- section begin -->
<!-- <section id="call-to-action" class="call-to-action bg-color dark text-center" data-speed="5" data-type="background" aria-label="call-to-action">
<a href="contact.html" class="btn btn-line-black btn-big">Get Quotation</a>
</section> -->
<!-- logo carousel section close -->
</div>
{% endblock %}