Framework for Site
Add Portfolio module Add Logo
This commit is contained in:
parent
77d9fba81e
commit
c53e72b9af
18
project/__init__.py
Normal file
18
project/__init__.py
Normal file
@ -0,0 +1,18 @@
|
||||
from flask import Flask, render_template
|
||||
|
||||
def create_app():
|
||||
app = Flask(__name__)
|
||||
|
||||
register_blueprints(app)
|
||||
register_error_pages(app)
|
||||
return app
|
||||
|
||||
def register_blueprints(app):
|
||||
from project.portfolio import portfolio_blueprint
|
||||
|
||||
app.register_blueprint(portfolio_blueprint)
|
||||
|
||||
def register_error_pages(app):
|
||||
@app.errorhandler(404)
|
||||
def page_not_found(e):
|
||||
return render_template('404.html'), 404
|
||||
8
project/portfolio/__init__.py
Normal file
8
project/portfolio/__init__.py
Normal file
@ -0,0 +1,8 @@
|
||||
'''
|
||||
For handling portfolio blueprints
|
||||
'''
|
||||
from flask import Blueprint
|
||||
|
||||
portfolio_blueprint = Blueprint('portfolio', __name__, template_folder='templates')
|
||||
|
||||
from . import routes
|
||||
8
project/portfolio/routes.py
Normal file
8
project/portfolio/routes.py
Normal file
@ -0,0 +1,8 @@
|
||||
from . import portfolio_blueprint
|
||||
from flask import render_template, abort
|
||||
|
||||
portfolio_titles = ['Index']
|
||||
|
||||
@portfolio_blueprint.route('/')
|
||||
def index():
|
||||
return render_template('index.html')
|
||||
5
project/portfolio/templates/index.html
Normal file
5
project/portfolio/templates/index.html
Normal file
@ -0,0 +1,5 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% endblock %}
|
||||
8
project/templates/404.html
Normal file
8
project/templates/404.html
Normal file
@ -0,0 +1,8 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<h1 class="errorpage-title">Page Not Found (404)</h1>
|
||||
<div class="errorpage-section">
|
||||
<h4>What you were looking for is just not there!</h4>
|
||||
</div>
|
||||
{% endblock %}
|
||||
231
project/templates/base.html
Normal file
231
project/templates/base.html
Normal file
@ -0,0 +1,231 @@
|
||||
<!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="{{ url_for('static', filename='css/bootstrap.css') }}" type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/jpreloader.css') }}" type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}" type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/plugin.css') }}" type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.css') }}" type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.css') }}" type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.transitions.css') }}" type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}" type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css">
|
||||
|
||||
<!-- custom background -->
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/bg.css') }}" type="text/css">
|
||||
|
||||
<!-- color scheme -->
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/color.css') }}"type="text/css" id="colors">
|
||||
|
||||
<!-- load fonts -->
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='fonts/font-awesome/css/font-awesome.css') }}"type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='fonts/elegant_font/HTML_CSS/style.css') }}"type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='fonts/et-line-font/style.css') }}"type="text/css">
|
||||
|
||||
<!-- revolution slider -->
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='rs-plugin/css/settings.css') }}"type="text/css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='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="{{ url_for('portfolio.index') }}">
|
||||
<img class="logo" src="{{ url_for('static', filename='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="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 -->
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
{% include 'footer.html' %}
|
||||
0
project/templates/contact.html
Normal file
0
project/templates/contact.html
Normal file
107
project/templates/footer.html
Normal file
107
project/templates/footer.html
Normal file
@ -0,0 +1,107 @@
|
||||
<!-- footer begin -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="{{ url_for('static', filename='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="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/jpreLoader.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/jquery.isotope.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/easing.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/jquery.flexslider-min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/jquery.scrollto.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/owl.carousel.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/jquery.countTo.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/classie.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/video.resize.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/validation.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/wow.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/jquery.magnific-popup.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/enquire.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/designesia.js') }}"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION SCRIPTS -->
|
||||
<script type="text/javascript" src="{{ url_for('static', filename='rs-plugin/js/jquery.themepunch.plugins.min.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ url_for('static', filename='rs-plugin/js/jquery.themepunch.revolution.min.js') }}"></script>
|
||||
|
||||
<script src="{{ url_for('static', filename='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>
|
||||
BIN
project/templates/images/logo.png
Normal file
BIN
project/templates/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
833
project/templates/index-new.html
Normal file
833
project/templates/index-new.html
Normal file
@ -0,0 +1,833 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Archi - Responsive Interior Design Template</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="css/bootstrap.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/jpreloader.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/animate.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/plugin.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/owl.theme.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/owl.transitions.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css">
|
||||
|
||||
<!-- custom background -->
|
||||
<link rel="stylesheet" href="css/bg.css" type="text/css">
|
||||
|
||||
<!-- color scheme -->
|
||||
<link rel="stylesheet" href="css/color.css" type="text/css" id="colors">
|
||||
|
||||
<!-- load fonts -->
|
||||
<link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css" type="text/css">
|
||||
<link rel="stylesheet" href="fonts/elegant_font/HTML_CSS/style.css" type="text/css">
|
||||
<link rel="stylesheet" href="fonts/et-line-font/style.css" type="text/css">
|
||||
|
||||
<!-- revolution slider -->
|
||||
<link rel="stylesheet" href="rs-plugin/css/settings.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/rev-settings.css" type="text/css">
|
||||
</head>
|
||||
|
||||
<body id="homepage">
|
||||
|
||||
<div id="wrapper">
|
||||
|
||||
<!-- header begin -->
|
||||
<header class="transparent">
|
||||
<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="index.html">
|
||||
<img class="logo" src="images/logo.png" alt="">
|
||||
</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="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 -->
|
||||
|
||||
<!-- content begin -->
|
||||
<div id="content" class="no-bottom no-top">
|
||||
|
||||
<!-- revolution slider begin -->
|
||||
<section id="section-welcome-7" class="full-height text-light" data-speed="3" data-type="background">
|
||||
|
||||
<div class="center-y text-center">
|
||||
<div class="spacer-double"></div>
|
||||
<h1 class="title">Bring <strong class="id-color">Magic</strong> to home</h1>
|
||||
<div class="spacer-single"></div>
|
||||
<a href="contact.html" class="btn-slider scroll-to">Hire Us Now</a>
|
||||
<div class="spacer-double"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- revolution slider close -->
|
||||
|
||||
<!-- section begin -->
|
||||
<section id="section-services" class="no-top no-bottom">
|
||||
<div class="container">
|
||||
<div class="row mt-70">
|
||||
|
||||
<div class="col-md-4 text-middle text-light wow fadeInRight" data-wow-delay="0">
|
||||
<div class="shadow-soft" data-bgimage="url(images/services/p1_b.jpg)">
|
||||
<div class="padding40 overlay60">
|
||||
<h3>Residential Design</h3>
|
||||
<p>Our commitment to quality and services ensure our clients happy. With years of experiences and continuing research, our team is ready to serve your interior design needs. We're happy to make you feel more comfortable on your home.</p>
|
||||
<a href="service-1.html" class="btn-line btn-fullwidth">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 text-middle text-light wow fadeInRight" data-wow-delay=".1s">
|
||||
<div class="shadow-soft" data-bgimage="url(images/services/p3_b.jpg)">
|
||||
<div class="padding40 overlay60">
|
||||
<h3>Office Design</h3>
|
||||
<p>Our commitment to quality and services ensure our clients happy. With years of experiences and continuing research, our team is ready to serve your interior design needs. We're happy to make you feel more comfortable on your home.</p>
|
||||
<a href="service-1.html" class="btn-line btn-fullwidth">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 text-middle text-light wow fadeInRight" data-wow-delay=".3s">
|
||||
<div class="shadow-soft" data-bgimage="url(images/services/p4_a.jpg)">
|
||||
<div class="padding40 overlay60">
|
||||
<h3>Commercial Design</h3>
|
||||
<p>Our commitment to quality and services ensure our clients happy. With years of experiences and continuing research, our team is ready to serve your interior design needs. We're happy to make you feel more comfortable on your home.</p>
|
||||
<a href="service-1.html" class="btn-line btn-fullwidth">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- section close -->
|
||||
|
||||
|
||||
<section id="section-why-choose-us-2">
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="images/misc/deco_3.png" class="img-responsive wow fadeInUp" alt="">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay="0s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay=".5s"><i class="id-color icon-paintbrush"></i></span>
|
||||
<div class="text">
|
||||
<h3>Interior Expertise</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay=".25s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay=".75s"><i class="id-color icon-trophy"></i></span>
|
||||
<div class="text">
|
||||
<h3>Awards Winning</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="spacer-single"></div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay="1s"><i class="id-color icon-wallet"></i></span>
|
||||
<div class="text">
|
||||
<h3>Affordable Price</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay=".75s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay="1.25s"><i class="id-color icon-chat"></i></span>
|
||||
<div class="text">
|
||||
<h3>Free Consultation</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="spacer-single"></div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay="1.25s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay="1.5s"><i class="id-color icon-envelope"></i></span>
|
||||
<div class="text">
|
||||
<h3>24 / 7 Support</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay="1s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay="1.75s"><i class="id-color icon-recycle"></i></span>
|
||||
<div class="text">
|
||||
<h3>Guaranteed Works</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- section close -->
|
||||
|
||||
<!-- section begin -->
|
||||
<section id="section-custom-1" class="text-light">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 wow fadeInUp">
|
||||
<h2>Awards Winning Interior Design</h2>
|
||||
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
|
||||
|
||||
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
||||
|
||||
<a href="contact.html" class="btn-custom">Read more</a>
|
||||
<div class="spacer-single"></div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<img src="images/misc/misc_1.png" alt="" class="img-responsive wow fadeInUp" data-wow-duration="1.5s">
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- section close -->
|
||||
|
||||
<!-- section begin -->
|
||||
<section id="section-typing" aria-label="section-typing" class="padding40 bg-color text-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<div class="typing-wrap">
|
||||
We do
|
||||
<div class="typed-strings">
|
||||
<p>Residential Design</p>
|
||||
<p>Office Design</p>
|
||||
<p>Hospitaly Design</p>
|
||||
<p>Commercial Design</p>
|
||||
</div>
|
||||
<span class="typed"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- section close -->
|
||||
|
||||
<!-- section begin -->
|
||||
<section id="section-portfolio-2" class="no-top" aria-label="section-portfolio">
|
||||
<div class="container">
|
||||
|
||||
<div class="spacer-single"></div>
|
||||
|
||||
<!-- portfolio filter begin -->
|
||||
<div class="row">
|
||||
<div class="col-md-12 mt40">
|
||||
<ul id="filters" class="wow fadeInUp" data-wow-delay="0s">
|
||||
<li class="pull-right"><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 class="spacer-single"></div>
|
||||
|
||||
<div id="gallery" class="row grid_gallery gallery de-gallery hover-1 wow fadeInUp" data-wow-delay=".3s">
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-4 item residential">
|
||||
<div class="picframe">
|
||||
<a class="simple-ajax-popup-align-top" href="project-details-1.html">
|
||||
<span class="overlay-1">
|
||||
<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-4 item hospitaly">
|
||||
<div class="picframe">
|
||||
<a class="simple-ajax-popup-align-top" href="project-details-2.html">
|
||||
<span class="overlay-1">
|
||||
<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-4 item hospitaly">
|
||||
<div class="picframe">
|
||||
<a class="simple-ajax-popup-align-top" href="project-details-3.html">
|
||||
<span class="overlay-1">
|
||||
<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-4 item residential">
|
||||
<div class="picframe">
|
||||
<a class="simple-ajax-popup-align-top" href="project-details-youtube.html">
|
||||
<span class="overlay-1">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Youtube Video</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
<img src="images/portfolio/pf%20(4).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-4 item office">
|
||||
<div class="picframe">
|
||||
<a class="simple-ajax-popup-align-top" href="project-details-vimeo.html">
|
||||
<span class="overlay-1">
|
||||
<span class="pf_text">
|
||||
<span class="project-name">Vimeo Video</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
<img src="images/portfolio/pf%20(5).jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- close gallery item -->
|
||||
|
||||
<!-- gallery item -->
|
||||
<div class="col-md-4 item commercial">
|
||||
<div class="picframe">
|
||||
<a class="simple-ajax-popup-align-top" href="project-details.html">
|
||||
<span class="overlay-1">
|
||||
<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-4 item residential">
|
||||
<div class="picframe">
|
||||
<a class="simple-ajax-popup-align-top" href="project-details-youtube.html">
|
||||
<span class="overlay-1">
|
||||
<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-4 item office">
|
||||
<div class="picframe">
|
||||
<a class="simple-ajax-popup-align-top" href="project-details-vimeo.html">
|
||||
<span class="overlay-1">
|
||||
<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-4 item office">
|
||||
<div class="picframe">
|
||||
<a class="simple-ajax-popup-align-top" href="project-details-youtube.html">
|
||||
<span class="overlay-1">
|
||||
<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 -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="loader-area">
|
||||
<div class="project-load"></div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- section close -->
|
||||
|
||||
<!-- section begin -->
|
||||
<section id="section-custom-2" class="text-light">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<ul id="blog-carousel" class="blog-list blog-snippet wow fadeInUp">
|
||||
<li class="col-md-6 item">
|
||||
<div class="post-content">
|
||||
<div class="post-image">
|
||||
<img src="images/blog/pic-blog-1.jpg" alt="" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="date-box">
|
||||
<div class="day">26</div>
|
||||
<div class="month">FEB</div>
|
||||
</div>
|
||||
|
||||
<div class="post-text">
|
||||
<h3><a href="css/#">5 Things That Take a Room from Good to Great</a></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="col-md-6 item">
|
||||
<div class="post-content">
|
||||
<div class="post-image">
|
||||
<img src="images/blog/pic-blog-2.jpg" alt="" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="date-box">
|
||||
<div class="day">20</div>
|
||||
<div class="month">FEB</div>
|
||||
</div>
|
||||
|
||||
<div class="post-text">
|
||||
<h3><a href="css/#">Functional and Stylish Wall-to-Wall Shelves</a></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="col-md-6 item">
|
||||
<div class="post-content">
|
||||
<div class="post-image">
|
||||
<img src="images/blog/pic-blog-3.jpg" alt="" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="date-box">
|
||||
<div class="day">16</div>
|
||||
<div class="month">FEB</div>
|
||||
</div>
|
||||
|
||||
<div class="post-text">
|
||||
<h3><a href="css/#">The 5 Secrets to Pulling Off Simple, Minimal Design</a></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="col-md-6 item">
|
||||
<div class="post-content">
|
||||
<div class="post-image">
|
||||
<img src="images/blog/pic-blog-4.jpg" alt="" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="date-box">
|
||||
<div class="day">08</div>
|
||||
<div class="month">FEB</div>
|
||||
</div>
|
||||
|
||||
<div class="post-text">
|
||||
<h3><a href="css/#">How to Make a Huge Impact With Multiples</a></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- section close -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!-- footer begin -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="images/logo.png" class="logo-small" alt=""><br>
|
||||
We are team based on Brookylin. Our expertise on Interior Design. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
|
||||
</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>100 Mainstreet Center, Sydney</span>
|
||||
<span><strong>Phone:</strong>(208) 333 9296</span>
|
||||
<span><strong>Fax:</strong>(208) 333 9298</span>
|
||||
<span><strong>Email:</strong><a href="mailto:contact@archi-interior.com">contact@archi-interior.com</a></span>
|
||||
<span><strong>Web:</strong><a href="#">http://archi-interior.com</a></span>
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
<!-- style switcher
|
||||
================================================== -->
|
||||
|
||||
|
||||
<div id="switcher">
|
||||
<span class="custom-close"></span>
|
||||
<span class="custom-show"></span>
|
||||
|
||||
<span class="sw-title">Header Style</span>
|
||||
<select name="switcher" id="de-header-style">
|
||||
<option value="opt-1" selected>Solid</option>
|
||||
<option value="opt-2">Transparent</option>
|
||||
</select>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<span class="sw-title">Header Color</span>
|
||||
<select name="switcher" id="de-header-color">
|
||||
<option value="opt-1" selected>Dark</option>
|
||||
<option value="opt-2">Light</option>
|
||||
</select>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<span class="sw-title">Menu Style</span>
|
||||
<select name="switcher" id="de-menu">
|
||||
<option value="opt-1" selected>Dotted Separator</option>
|
||||
<option value="opt-2">Line Separator</option>
|
||||
<option value="opt-3">Circle Separator</option>
|
||||
<option value="opt-4">Square Separator</option>
|
||||
<option value="opt-5">Plus Separator</option>
|
||||
<option value="opt-6">Strip Separator</option>
|
||||
<option value="opt-0">No Separator</option>
|
||||
</select>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<span class="sw-title">Color :</span>
|
||||
<ul id="de-color">
|
||||
<li class="bg1"></li>
|
||||
<li class="bg2"></li>
|
||||
<li class="bg3"></li>
|
||||
<li class="bg4"></li>
|
||||
<li class="bg5"></li>
|
||||
<li class="bg6"></li>
|
||||
<li class="bg7"></li>
|
||||
<li class="bg8"></li>
|
||||
<li class="bg9"></li>
|
||||
<li class="bg10"></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Javascript Files
|
||||
================================================== -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jpreLoader.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.isotope.min.js"></script>
|
||||
<script src="js/easing.js"></script>
|
||||
<script src="js/jquery.flexslider-min.js"></script>
|
||||
<script src="js/jquery.scrollto.js"></script>
|
||||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="js/jquery.countTo.js"></script>
|
||||
<script src="js/classie.js"></script>
|
||||
<script src="js/video.resize.js"></script>
|
||||
<script src="js/validation.js"></script>
|
||||
<script src="js/wow.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/enquire.min.js"></script>
|
||||
<script src="js/designesia.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION SCRIPTS -->
|
||||
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
|
||||
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<script src="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>
|
||||
191
project/templates/index.html
Normal file
191
project/templates/index.html
Normal file
@ -0,0 +1,191 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<!-- content begin -->
|
||||
<div id="content" class="no-bottom no-top">
|
||||
|
||||
<!-- revolution slider begin -->
|
||||
<section id="section-welcome-7" class="full-height text-light" data-speed="3" data-type="background">
|
||||
|
||||
<div class="center-y text-center">
|
||||
<div class="spacer-double"></div>
|
||||
<h1 class="title">Bring <strong class="id-color">Magic</strong> to home</h1>
|
||||
<div class="spacer-single"></div>
|
||||
<a href="" class="btn-slider scroll-to">Coming Soon</a>
|
||||
<div class="spacer-double"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- revolution slider close -->
|
||||
|
||||
<!-- section begin -->
|
||||
<!-- <section id="section-services" class="no-top no-bottom">
|
||||
<div class="container">
|
||||
<div class="row mt-70">
|
||||
|
||||
<div class="col-md-4 text-middle text-light wow fadeInRight" data-wow-delay="0">
|
||||
<div class="shadow-soft" data-bgimage="url(images/services/p1_b.jpg)">
|
||||
<div class="padding40 overlay60">
|
||||
<h3>Residential Design</h3>
|
||||
<p>Our commitment to quality and services ensure our clients happy. With years of experiences and continuing research, our team is ready to serve your interior design needs. We're happy to make you feel more comfortable on your home.</p>
|
||||
<a href="service-1.html" class="btn-line btn-fullwidth">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 text-middle text-light wow fadeInRight" data-wow-delay=".1s">
|
||||
<div class="shadow-soft" data-bgimage="url(images/services/p3_b.jpg)">
|
||||
<div class="padding40 overlay60">
|
||||
<h3>Office Design</h3>
|
||||
<p>Our commitment to quality and services ensure our clients happy. With years of experiences and continuing research, our team is ready to serve your interior design needs. We're happy to make you feel more comfortable on your home.</p>
|
||||
<a href="service-1.html" class="btn-line btn-fullwidth">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 text-middle text-light wow fadeInRight" data-wow-delay=".3s">
|
||||
<div class="shadow-soft" data-bgimage="url(images/services/p4_a.jpg)">
|
||||
<div class="padding40 overlay60">
|
||||
<h3>Commercial Design</h3>
|
||||
<p>Our commitment to quality and services ensure our clients happy. With years of experiences and continuing research, our team is ready to serve your interior design needs. We're happy to make you feel more comfortable on your home.</p>
|
||||
<a href="service-1.html" class="btn-line btn-fullwidth">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<!-- section close -->
|
||||
|
||||
<!--
|
||||
<section id="section-why-choose-us-2">
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="images/misc/deco_3.png" class="img-responsive wow fadeInUp" alt="">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay="0s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay=".5s"><i class="id-color icon-paintbrush"></i></span>
|
||||
<div class="text">
|
||||
<h3>Interior Expertise</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay=".25s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay=".75s"><i class="id-color icon-trophy"></i></span>
|
||||
<div class="text">
|
||||
<h3>Awards Winning</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="spacer-single"></div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay="1s"><i class="id-color icon-wallet"></i></span>
|
||||
<div class="text">
|
||||
<h3>Affordable Price</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay=".75s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay="1.25s"><i class="id-color icon-chat"></i></span>
|
||||
<div class="text">
|
||||
<h3>Free Consultation</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="spacer-single"></div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay="1.25s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay="1.5s"><i class="id-color icon-envelope"></i></span>
|
||||
<div class="text">
|
||||
<h3>24 / 7 Support</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay="1s">
|
||||
<div class="box-icon">
|
||||
<span class="icon wow fadeIn" data-wow-delay="1.75s"><i class="id-color icon-recycle"></i></span>
|
||||
<div class="text">
|
||||
<h3>Guaranteed Works</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<!-- section close -->
|
||||
|
||||
<!-- section begin -->
|
||||
<!-- <section id="section-custom-1" class="text-light">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 wow fadeInUp">
|
||||
<h2>Awards Winning Interior Design</h2>
|
||||
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
|
||||
|
||||
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
||||
|
||||
<a href="contact.html" class="btn-custom">Read more</a>
|
||||
<div class="spacer-single"></div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<img src="images/misc/misc_1.png" alt="" class="img-responsive wow fadeInUp" data-wow-duration="1.5s">
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<!-- section close -->
|
||||
|
||||
<!-- section begin -->
|
||||
<!-- <section id="section-typing" aria-label="section-typing" class="padding40 bg-color text-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<div class="typing-wrap">
|
||||
We do
|
||||
<div class="typed-strings">
|
||||
<p>Residential Design</p>
|
||||
<p>Office Design</p>
|
||||
<p>Hospitaly Design</p>
|
||||
<p>Commercial Design</p>
|
||||
</div>
|
||||
<span class="typed"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<!-- section close -->
|
||||
|
||||
{% endblock %}
|
||||
0
project/templates/portfolio.html
Normal file
0
project/templates/portfolio.html
Normal file
Loading…
Reference in New Issue
Block a user