portfolio-website/project/build/index.html

525 lines
27 KiB
HTML
Raw Permalink Normal View History

2022-07-07 05:26:08 +00:00
<!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>
2022-07-13 06:28:07 +00:00
<body id="homepage" class="page-projects">
2022-07-07 05:26:08 +00:00
<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 -->
2022-07-13 05:15:23 +00:00
<span id="menu-btn"></span>
2022-07-07 05:26:08 +00:00
<!-- small button close -->
<!-- mainmenu begin -->
2022-07-13 05:15:23 +00:00
<nav>
2022-07-07 05:26:08 +00:00
<ul id="mainmenu">
2022-07-13 05:15:23 +00:00
<!-- <li><a href="index.html">Home</a>
2022-07-07 05:26:08 +00:00
<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>
2022-07-13 05:15:23 +00:00
</li> -->
<!-- <li><a href="projects.html">Projects</a>
2022-07-07 05:26:08 +00:00
<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>
2022-07-13 05:15:23 +00:00
</li> -->
<!-- <li><a href="#">Pages</a>
2022-07-07 05:26:08 +00:00
<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>
2022-07-13 05:15:23 +00:00
</li> -->
2022-07-13 06:28:07 +00:00
<li><a href="/portfolio/">Gallery</a></li>
2022-07-13 05:15:23 +00:00
<!-- <li><a href="blog.html">Blog</a></li>
2022-07-07 05:26:08 +00:00
<li><a href="shop.html">Shop</a></li>
2022-07-13 05:15:23 +00:00
<li><a href="contact.html">Contact</a></li> -->
2022-07-07 05:26:08 +00:00
</ul>
</nav>
2022-07-13 05:15:23 +00:00
</div>
2022-07-07 05:26:08 +00:00
<!-- mainmenu close -->
</div>
</div>
</header>
<!-- header close -->
2022-07-13 06:28:07 +00:00
2022-07-07 05:26:08 +00:00
<!-- child template -->
<!-- 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 -->
2022-07-13 06:28:07 +00:00
2022-07-07 05:26:08 +00:00
<!-- 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">
&copy; 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>