Add start of Gallery work
This commit is contained in:
parent
41db9c9e43
commit
d63f661b6c
340
project/build/gallery/index.html
Normal file
340
project/build/gallery/index.html
Normal file
@ -0,0 +1,340 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Studi-O Designs</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Archi is best selling interior design website template with responsive stunning design">
|
||||
<meta name="keywords" content="architecture,building,business,bootstrap,creative,exterior design,furniture design,gallery,garden design,house,interior design,landscape design,multipurpose,onepage,portfolio,studio">
|
||||
<meta name="author" content="">
|
||||
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<!-- CSS Files
|
||||
================================================== -->
|
||||
<link rel="stylesheet" href="/static/css/bootstrap.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/jpreloader.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/animate.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/plugin.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/owl.carousel.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/owl.theme.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/owl.transitions.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/magnific-popup.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/style.css" type="text/css">
|
||||
|
||||
<!-- custom background -->
|
||||
<link rel="stylesheet" href="/static/css/bg.css" type="text/css">
|
||||
|
||||
<!-- color scheme -->
|
||||
<link rel="stylesheet" href="/static/css/color.css"type="text/css" id="colors">
|
||||
|
||||
<!-- load fonts -->
|
||||
<link rel="stylesheet" href="/static/fonts/font-awesome/css/font-awesome.css"type="text/css">
|
||||
<link rel="stylesheet" href="/static/fonts/elegant_font/HTML_CSS/style.css"type="text/css">
|
||||
<link rel="stylesheet" href="/static/fonts/et-line-font/style.css"type="text/css">
|
||||
|
||||
<!-- revolution slider -->
|
||||
<link rel="stylesheet" href="/static/rs-plugin/css/settings.css"type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/rev-settings.css"type="text/css">
|
||||
</head>
|
||||
|
||||
<body id="homepage">
|
||||
|
||||
<div id="wrapper">
|
||||
|
||||
<!-- header begin -->
|
||||
<header>
|
||||
<div class="info">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="col">Working Hours Monday - Friday <span class="id-color"><strong>08:00-16:00</strong></span></div>
|
||||
<div class="col">Toll Free <span class="id-color"><strong>1800.899.900</strong></span></div>
|
||||
<!-- social icons -->
|
||||
<div class="col social">
|
||||
<a href="#"><i class="fa fa-facebook"></i></a>
|
||||
<a href="#"><i class="fa fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa fa-rss"></i></a>
|
||||
<a href="#"><i class="fa fa-google-plus"></i></a>
|
||||
<a href="#"><i class="fa fa-envelope-o"></i></a>
|
||||
</div>
|
||||
<!-- social icons close -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<!-- logo begin -->
|
||||
<div id="logo">
|
||||
<a href="/">
|
||||
<img class="logo" src="/static/images/logo.png" alt="" height="60px">
|
||||
</a>
|
||||
</div>
|
||||
<!-- logo close -->
|
||||
|
||||
<!-- small button begin -->
|
||||
<span id="menu-btn"></span>
|
||||
<!-- small button close -->
|
||||
|
||||
<!-- mainmenu begin -->
|
||||
<nav>
|
||||
<ul id="mainmenu">
|
||||
<!-- <li><a href="index.html">Home</a>
|
||||
<ul class="mega">
|
||||
<li>
|
||||
<div class="container-fluid">
|
||||
<div class="menu-content">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<ul>
|
||||
<li class="title">Home Featured</li>
|
||||
<li><a href="index-arts.html">Arts</a></li>
|
||||
<li><a href="index-multipurpose-1.html">Multipurpose</a></li>
|
||||
<li><a href="index-portfolio-minimal.html">Portfolio Minimal</a></li>
|
||||
<li><a href="index-fresh.html">Fresh</a></li>
|
||||
<li><a href="index-profession.html">New: Profession</a></li>
|
||||
<li><a href="index-new.html">Modern 2</a></li>
|
||||
<li><a href="index-header-bottom.html">Menu Bottom</a></li>
|
||||
<li><a href="index-minimal.html">Minimal</a></li>
|
||||
<li><a href="index-slider-2.html">Modern</a></li>
|
||||
<li><a href="index-onepage.html">One Page Style</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<ul>
|
||||
<li class="title">Homepage Original</li>
|
||||
<li><a href="index.html">Slider</a></li>
|
||||
<li><a href="index-parallax.html">Parallax</a></li>
|
||||
<li><a href="index-video.html">Video</a></li>
|
||||
</ul>
|
||||
<div class="spacer-single"></div>
|
||||
<ul>
|
||||
<li class="title">Homepage Masonry</li>
|
||||
<li><a href="index-masonry-med-3-cols.html">Medium 3 Cols</a></li>
|
||||
<li><a href="index-masonry-med-4-cols.html">Medium 4 Cols</a></li>
|
||||
<li><a href="index-masonry-big-3-cols.html">Big 3 Cols</a></li>
|
||||
<li><a href="index-masonry-big-4-cols.html">Big 4 Cols</a></li>
|
||||
<li><a href="index-masonry-no-grid-3-cols.html">No Grid 3 Cols</a></li>
|
||||
<li><a href="index-masonry-no-grid-4-cols.html">No Grid 4 Cols</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<ul>
|
||||
<li class="title">Homepage Sidebar</li>
|
||||
<li><a href="index-sidebar.html">Sidebar Parallax</a></li>
|
||||
<li><a href="index-sidebar-slider.html">Sidebar Slider</a></li>
|
||||
<li><a href="index-landing-page.html">Parallax</a></li>
|
||||
<li><a href="index-landing-page-video.html">Video</a></li>
|
||||
<li><a href="index.html">Slider</a></li>
|
||||
<li><a href="index-parallax.html">Parallax</a></li>
|
||||
<li><a href="index-video.html">Video</a></li>
|
||||
</ul>
|
||||
<div class="spacer-single"></div>
|
||||
<ul>
|
||||
<li class="title">Homepage Landing</li>
|
||||
<li><a href="index-landing-page.html">Parallax</a></li>
|
||||
<li><a href="index-landing-page-video.html">Video</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li> -->
|
||||
<!-- <li><a href="projects.html">Projects</a>
|
||||
<ul>
|
||||
<li><a href="projects.html">Wide Style</a>
|
||||
<ul>
|
||||
<li><a href="projects-2-cols.html">2 Cols Wide</a></li>
|
||||
<li><a href="projects-3-cols.html">3 Cols Wide</a></li>
|
||||
<li><a href="projects.html">4 Cols Wide</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="projects-contained-3-cols.html">Contained Style</a>
|
||||
<ul>
|
||||
<li><a href="projects-contained-2-cols.html">2 Cols Contained</a></li>
|
||||
<li><a href="projects-contained-3-cols.html">3 Cols Contained</a></li>
|
||||
<li><a href="projects-contained-4-cols.html">4 Cols Contained</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="projects-carousel-3-cols.html">Carousel Style</a>
|
||||
<ul>
|
||||
<li><a href="projects-carousel-2-cols.html">2 Cols Carousel</a></li>
|
||||
<li><a href="projects-carousel-3-cols.html">3 Cols Carousel</a></li>
|
||||
<li><a href="projects-carousel-4-cols.html">4 Cols Carousel</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="projects-inverted-3-cols.html">Inverted Style</a>
|
||||
<ul>
|
||||
<li><a href="projects-inverted-2-cols.html">2 Cols Inverted</a></li>
|
||||
<li><a href="projects-inverted-3-cols.html">3 Cols Inverted</a></li>
|
||||
<li><a href="projects-inverted-4-cols.html">4 Cols Inverted</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="projects-contained-3-cols.html">Simple Gallery</a>
|
||||
<ul>
|
||||
<li><a href="gallery-4-cols.html">4 Cols</a></li>
|
||||
<li><a href="gallery-3-cols.html">3 Cols</a></li>
|
||||
<li><a href="gallery-2-cols.html">2 Cols</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="services.html">Services</a>
|
||||
<ul>
|
||||
<li><a href="service-1.html">Residential Design</a></li>
|
||||
<li><a href="service-2.html">Hospitaly Design</a></li>
|
||||
<li><a href="service-3.html">Office Design</a></li>
|
||||
<li><a href="service-4.html">Commercial Design</a></li>
|
||||
<li><a href="services.html">All Services</a></li>
|
||||
<li><a href="services-style-2.html">New All Services</a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
<!-- <li><a href="#">Pages</a>
|
||||
<ul>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="pricing-3-cols.html">Pricing 3 Cols</a></li>
|
||||
<li><a href="pricing-4-cols.html">Pricing 4 Cols</a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
<li><a href="/gallery/">Gallery</a></li>
|
||||
<!-- <li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="shop.html">Shop</a></li>
|
||||
<li><a href="contact.html">Contact</a></li> -->
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- mainmenu close -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- header close -->
|
||||
|
||||
<main class="content">
|
||||
<!-- child template -->
|
||||
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- footer begin -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="/static/images/logo.png" class="logo-small" alt=""><br>
|
||||
We are team based in York Region. Our experience spans residential, commercial, office, and restaurant design.
|
||||
We take pride in blending our aesthetic across a project scope to enable and provide projects that deliver beyond our clients expectations.
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="widget widget_recent_post">
|
||||
<!-- <h3>Latest News</h3> -->
|
||||
<ul>
|
||||
<!-- <li><a href="#">5 Things That Take a Room from Good to Great</a></li>
|
||||
<li><a href="#">Functional and Stylish Wall-to-Wall Shelves</a></li>
|
||||
<li><a href="#">9 Unique and Unusual Ways to Display Your TV</a></li>
|
||||
<li><a href="#">The 5 Secrets to Pulling Off Simple, Minimal Design</a></li>
|
||||
<li><a href="#">How to Make a Huge Impact With Multiples</a></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<h3>Contact Us</h3>
|
||||
<div class="widget widget-address">
|
||||
<address>
|
||||
<span>York Region, Ontario, Canada</span>
|
||||
<span><strong>Phone:</strong>(647) 478-6951</span>
|
||||
<span><strong>Email:</strong><a href="mailto:design@studi-odesigns.com">design@studi-odesigns.com</a></span>
|
||||
<span><strong>Web:</strong><a href="#">http://studi-odesigns.com</a></span>
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
<!-- <div class="subfooter">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
© Copyright 2019 - Archi Interior Design Template by <span class="id-color">Designesia</span>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="social-icons">
|
||||
<a href="#"><i class="fa fa-facebook fa-lg"></i></a>
|
||||
<a href="#"><i class="fa fa-twitter fa-lg"></i></a>
|
||||
<a href="#"><i class="fa fa-rss fa-lg"></i></a>
|
||||
<a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
|
||||
<a href="#"><i class="fa fa-skype fa-lg"></i></a>
|
||||
<a href="#"><i class="fa fa-dribbble fa-lg"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<a href="#" id="back-to-top"></a>
|
||||
</footer>
|
||||
<!-- footer close -->
|
||||
</div>
|
||||
|
||||
<!-- Javascript Files
|
||||
================================================== -->
|
||||
<script src="/static/js/jquery.min.js"></script>
|
||||
<script src="/static/js/jpreLoader.js"></script>
|
||||
<script src="/static/js/bootstrap.min.js"></script>
|
||||
<script src="/static/js/jquery.isotope.min.js"></script>
|
||||
<script src="/static/js/easing.js"></script>
|
||||
<script src="/static/js/jquery.flexslider-min.js"></script>
|
||||
<script src="/static/js/jquery.scrollto.js"></script>
|
||||
<script src="/static/js/owl.carousel.js"></script>
|
||||
<script src="/static/js/jquery.countTo.js"></script>
|
||||
<script src="/static/js/classie.js"></script>
|
||||
<script src="/static/js/video.resize.js"></script>
|
||||
<script src="/static/js/validation.js"></script>
|
||||
<script src="/static/js/wow.min.js"></script>
|
||||
<script src="/static/js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="/static/js/enquire.min.js"></script>
|
||||
<script src="/static/js/designesia.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION SCRIPTS -->
|
||||
<script type="text/javascript" src="/static/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
|
||||
<script type="text/javascript" src="/static/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<script src="/static/js/typed.js"></script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
// jquery typed plugin
|
||||
$(".typed").typed({
|
||||
stringsElement: $('.typed-strings'),
|
||||
typeSpeed: 100,
|
||||
backDelay: 1500,
|
||||
loop: true,
|
||||
contentType: 'html', // or text
|
||||
// defaults to false for infinite loop
|
||||
loopCount: false,
|
||||
callback: function () { null; },
|
||||
resetCallback: function () { newTyped(); }
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -80,13 +80,13 @@
|
||||
<!-- logo close -->
|
||||
|
||||
<!-- small button begin -->
|
||||
<!-- <span id="menu-btn"></span> -->
|
||||
<span id="menu-btn"></span>
|
||||
<!-- small button close -->
|
||||
|
||||
<!-- mainmenu begin -->
|
||||
<!-- <nav>
|
||||
<nav>
|
||||
<ul id="mainmenu">
|
||||
<li><a href="index.html">Home</a>
|
||||
<!-- <li><a href="index.html">Home</a>
|
||||
<ul class="mega">
|
||||
<li>
|
||||
<div class="container-fluid">
|
||||
@ -149,8 +149,8 @@
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="projects.html">Projects</a>
|
||||
</li> -->
|
||||
<!-- <li><a href="projects.html">Projects</a>
|
||||
<ul>
|
||||
<li><a href="projects.html">Wide Style</a>
|
||||
<ul>
|
||||
@ -198,21 +198,22 @@
|
||||
<li><a href="services.html">All Services</a></li>
|
||||
<li><a href="services-style-2.html">New All Services</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Pages</a>
|
||||
</li> -->
|
||||
<!-- <li><a href="#">Pages</a>
|
||||
<ul>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="pricing-3-cols.html">Pricing 3 Cols</a></li>
|
||||
<li><a href="pricing-4-cols.html">Pricing 4 Cols</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
</li> -->
|
||||
<li><a href="/gallery/">Gallery</a></li>
|
||||
<!-- <li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="shop.html">Shop</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<li><a href="contact.html">Contact</a></li> -->
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- mainmenu close -->
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,8 +1,12 @@
|
||||
from . import portfolio_blueprint
|
||||
from flask import render_template, abort
|
||||
|
||||
portfolio_titles = ['Index']
|
||||
categories = ['residential', 'commercial', 'office', 'industrial']
|
||||
|
||||
@portfolio_blueprint.route('/')
|
||||
def index():
|
||||
return render_template('index.html')
|
||||
|
||||
@portfolio_blueprint.route('/gallery/')
|
||||
def gallery():
|
||||
return render_template('gallery.html')
|
||||
238
project/portfolio/templates/gallery.html
Normal file
238
project/portfolio/templates/gallery.html
Normal file
@ -0,0 +1,238 @@
|
||||
{% extends "gallery.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item residential">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(1).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Eco Green Interior</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
<img src="images/portfolio/pf%20(1).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item hospitaly">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(2).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Modern Elegance Suite</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<img src="images/portfolio/pf%20(2).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item hospitaly">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(3).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Apartment Renovation</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<img src="images/portfolio/pf%20(3).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item residential">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(4).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Bedroom Make Over</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
<img src="images/portfolio/pf%20(4).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item office">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(5).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Modern Office</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
<img src="images/portfolio/pf%20(5).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item commercial">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(6).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Restaurant In Texas</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
<img src="images/portfolio/pf%20(6).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item residential">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(7).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Summer House</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<img src="images/portfolio/pf%20(7).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item office">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(8).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Office On Space</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<img src="images/portfolio/pf%20(8).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item office">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(9).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Luxury Living Room</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<img src="images/portfolio/pf%20(9).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item residential">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(10).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Cozy Bedroom</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<img src="images/portfolio/pf%20(10).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item hospitaly">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(11).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Classic Furnishing</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<img src="images/portfolio/pf%20(11).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-3 item commercial">
|
||||
<div class="picframe">
|
||||
<a class="image-popup-gallery" href="images/portfolio/pf%20(12).jpg">
|
||||
<span class="overlay">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Restaurant In Cannes</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<img src="images/portfolio/pf%20(12).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
</div>
|
||||
|
||||
</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 %}
|
||||
@ -80,13 +80,13 @@
|
||||
<!-- logo close -->
|
||||
|
||||
<!-- small button begin -->
|
||||
<!-- <span id="menu-btn"></span> -->
|
||||
<span id="menu-btn"></span>
|
||||
<!-- small button close -->
|
||||
|
||||
<!-- mainmenu begin -->
|
||||
<!-- <nav>
|
||||
<nav>
|
||||
<ul id="mainmenu">
|
||||
<li><a href="index.html">Home</a>
|
||||
<!-- <li><a href="index.html">Home</a>
|
||||
<ul class="mega">
|
||||
<li>
|
||||
<div class="container-fluid">
|
||||
@ -149,8 +149,8 @@
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="projects.html">Projects</a>
|
||||
</li> -->
|
||||
<!-- <li><a href="projects.html">Projects</a>
|
||||
<ul>
|
||||
<li><a href="projects.html">Wide Style</a>
|
||||
<ul>
|
||||
@ -198,21 +198,22 @@
|
||||
<li><a href="services.html">All Services</a></li>
|
||||
<li><a href="services-style-2.html">New All Services</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Pages</a>
|
||||
</li> -->
|
||||
<!-- <li><a href="#">Pages</a>
|
||||
<ul>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="pricing-3-cols.html">Pricing 3 Cols</a></li>
|
||||
<li><a href="pricing-4-cols.html">Pricing 4 Cols</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
</li> -->
|
||||
<li><a href="{{ url_for('portfolio.gallery') }}">Gallery</a></li>
|
||||
<!-- <li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="shop.html">Shop</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<li><a href="contact.html">Contact</a></li> -->
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- mainmenu close -->
|
||||
|
||||
</div>
|
||||
|
||||
6
project/templates/gallery.html
Normal file
6
project/templates/gallery.html
Normal file
@ -0,0 +1,6 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue
Block a user