Commit ac4ea9c8 authored by Priyanka Manchanda's avatar Priyanka Manchanda

changes

parent 83fe4bb9
{
"project_name": "ProjectTitle",
"project_name": "Tilley bathrooms & tiling",
"assets": [
{ "src": "src/client/stylesheets/bootstrap.scss", "inject": "stylesheets" },
{ "src": "src/client/stylesheets/iconfont.scss", "inject": false },
{ "src": "src/client/stylesheets/main.scss", "inject": "stylesheets" },
{ "src": "src/client/stylesheets/fontawesome-webfont.scss", "inject": "stylesheets" },
{ "src": "src/client/javascript/head.core.js", "inject": "head" },
......@@ -14,7 +15,8 @@
{ "src": "node_modules/popper.js/dist/umd/popper.js", "inject": "footer" },
{ "src": "node_modules/bootstrap/dist/js/bootstrap.js", "inject": "footer" },
{ "src": "node_modules/object-fit-images/dist/ofi.browser.js", "inject": "footer" },
{ "src": "src/client/javascript/jquery.cycle2.min.js", "inject": "footer" },
{ "src": "src/client/javascript/owl.carousel.min.js", "inject": "footer" },
{ "src": "src/client/javascript/main.js", "inject": "footer" }
]
}
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
@font-face {
font-family: 'Butler';
src: url('Butler-Bold.eot');
src: url('Butler-Bold.eot?#iefix') format('embedded-opentype'),
url('Butler-Bold.woff2') format('woff2'),
url('Butler-Bold.woff') format('woff'),
url('Butler-Bold.ttf') format('truetype'),
url('Butler-Bold.svg#Butler-Bold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('Butler-Black.eot');
src: url('Butler-Black.eot?#iefix') format('embedded-opentype'),
url('Butler-Black.woff2') format('woff2'),
url('Butler-Black.woff') format('woff'),
url('Butler-Black.ttf') format('truetype'),
url('Butler-Black.svg#Butler-Black') format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('Butler-Light.eot');
src: url('Butler-Light.eot?#iefix') format('embedded-opentype'),
url('Butler-Light.woff2') format('woff2'),
url('Butler-Light.woff') format('woff'),
url('Butler-Light.ttf') format('truetype'),
url('Butler-Light.svg#Butler-Light') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('Butler-ExtraBold.eot');
src: url('Butler-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('Butler-ExtraBold.woff2') format('woff2'),
url('Butler-ExtraBold.woff') format('woff'),
url('Butler-ExtraBold.ttf') format('truetype'),
url('Butler-ExtraBold.svg#Butler-ExtraBold') format('svg');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('Butler-Medium.eot');
src: url('Butler-Medium.eot?#iefix') format('embedded-opentype'),
url('Butler-Medium.woff2') format('woff2'),
url('Butler-Medium.woff') format('woff'),
url('Butler-Medium.ttf') format('truetype'),
url('Butler-Medium.svg#Butler-Medium') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('Butler-UltraLight.eot');
src: url('Butler-UltraLight.eot?#iefix') format('embedded-opentype'),
url('Butler-UltraLight.woff2') format('woff2'),
url('Butler-UltraLight.woff') format('woff'),
url('Butler-UltraLight.ttf') format('truetype'),
url('Butler-UltraLight.svg#Butler-UltraLight') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Butler';
src: url('Butler.eot');
src: url('Butler.eot?#iefix') format('embedded-opentype'),
url('Butler.woff2') format('woff2'),
url('Butler.woff') format('woff'),
url('Butler.ttf') format('truetype'),
url('Butler.svg#Butler') format('svg');
font-weight: normal;
font-style: normal;
}
This diff is collapsed.
{% set html_class = "" %}
{% set body_class = "" %}
{% set page_name = "Bathroom tiling" %}
{% extends 'layouts/default.html' %}
{% block container %}
<!--page banner-->
<div id="banner">
<div class="owl-carousel carousel d-block">
<div class="item">
<figure class="figure1">
<img class="w-100" src="images/bathroom-tiling.jpg" alt="img">
</figure>
<div class="description">
<div class="container">
<h1>Bathroom Tiling</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
</div>
</div>
<span class="overlay"></span>
</div>
<div class="item">
<figure class="figure1">
<img class="w-100" src="images/bathroom-tiling.jpg" alt="img">
</figure>
<div class="description">
<div class="container">
<h1>Bathroom Tiling</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
</div>
</div>
<span class="overlay"></span>
</div>
<div class="item">
<figure class="figure1">
<img class="w-100" src="images/bathroom-tiling.jpg" alt="img">
</figure>
<div class="description">
<div class="container">
<h1>Bathroom Tiling</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
</div>
</div>
<span class="overlay"></span>
</div>
</div>
</div>
<!-- page banner end-->
<!-- services-->
<div class="section text-content">
<div class="container">
<div class="row">
<div class="col-md-10 m-auto about-us-text">
<h3>Lorem ipsum dolor sit amet</h3>
<p><span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
rem
aperiam, eaque ipsa quae ab illo inventore.</span></p>
<p>Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
aspernatur
aut odit aut fugit, sed quia consequuntur agni dolores eos qui ratione voluptatem sequi nesciunt porro
quisquam est.</p>
</div>
</div>
</div>
</div>
<!-- services-->
<!-- section-->
<div class="section services">
<div class="container">
<div class="row">
<div class="col-md-11 m-auto">
<ul class="list-unstyled two-col alt">
<li>
<div class="inner text-center">
<img src="images/img4.jpg" alt="">
<h3>Heading One</h3>
<p>Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt porro quisquam est.</p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque. Sed ut perspiciatis unde omnis iste natus voluptatem accusantium doloremque laudantium, totam rem.</p>
</div>
</li>
<li>
<div class="inner text-center">
<img src="images/img5.jpg" alt="">
<h3>Heading Two</h3>
<p>Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt porro quisquam est.</p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque. Sed ut perspiciatis unde omnis iste natus voluptatem accusantium doloremque laudantium, totam rem.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- section end-->
<!-- section-->
<div class="section two-col">
<div class="container">
<div class="row">
<div class="col-md-6 text-center align-self-center order-lg-last">
<img src="images/trust-trader.jpg" alt="image">
</div>
<div class="col-md-6 text">
<h3>A trusted trader</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
<p>Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
aspernatur aut odit aut fugit.</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-6 text-center align-self-center">
<img src="images/about-img2.jpg" alt="image">
</div>
<div class="col-md-6 text">
<h3>Kind on the environment</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing 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 ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
</div>
</div>
</div>
</div>
<!-- section end-->
<!-- recent projects-->
<div class="section recent-projects bg-primary">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3>Recent projects</h3>
<div class="owl-carousel carousel1 d-block">
<div class="item">
<div class="box">
<article class="post">
<figure class="image">
<a href="#">
<img class="w-100" src="images/recent-project-img1.jpg" alt="img">
</a>
</figure>
<div class="image-description">
<h5><a href="#">CONTEMPORARY BATHROOM INSTALLATION</a></h5>
<p>Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.</p>
</div>
</article>
</div>
</div>
<div class="item">
<div class="box">
<article class="post">
<figure class="image">
<a href="#">
<img class="w-100" src="images/recent-project-img2.jpg" alt="img">
</a>
</figure>
<div class="image-description">
<h5><a href="#">NEW BUILD FLOORING PROJECT</a></h5>
<p>Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.</p>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- recent projects ends-->
<!-- testimonial-->
<div class="section testimonial">
<div class="container">
<div class="row">
<div class="col-lg-10 m-auto">
<div class="bg-light inner">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
<p>Veritatis et quasi architecto beatae vitae dicta Sunt explicabo. Nemo enim ipsam voluptatem
quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui
ratione voluptatem sequi nesciunt porro quisquam est.</p>
<div class="meta-data">
<p>JOHN & SUE, NORTHAMPTON</p>
<span class="rating">
<i class="far fa-star checked"></i>
<i class="far fa-star checked"></i>
<i class="far fa-star checked"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
</span>
</div>
</div>
<div class="quality-craftsmanship">
<span>
<h4>
Have you received exceptional quality craftsmanship from Tilley?
</h4>
</span>
<a href="#" class="btn btn-secondary alt">CLICK HERE TO LEAVE US A REVIEW</a>
</div>
</div>
</div>
</div>
</div>
<!-- testimonial ends-->
<!-- gallery-->
<div class="section gallery">
<div class="container-fluid">
<div class=>
<div class="owl-carousel carousel2 d-block">
<div class="item">
<div class="box">
<img src="images/gallery-img1.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img2.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img3.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img4.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img5.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img1.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- gallery ends-->
{% endblock %}
\ No newline at end of file
{% set html_class = "" %}
{% set body_class = "" %}
{% set page_name = "contact" %}
{% extends 'layouts/default.html' %}
{% block container %}
<!--page banner-->
<div id="banner">
<div class="owl-carousel carousel d-block">
<div class="item">
<figure class="figure1">
<img class="w-100" src="images/contact-banner.jpg" alt="img">
</figure>
<div class="description">
<div class="container">
<h1>Get in touch</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
</div>
</div>
<span class="overlay"></span>
</div>
<div class="item">
<figure class="figure1">
<img class="w-100" src="images/contact-banner.jpg" alt="img">
</figure>
<div class="description">
<div class="container">
<h1>Get in touch</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
</div>
</div>
<span class="overlay"></span>
</div>
<div class="item">
<figure class="figure1">
<img class="w-100" src="images/contact-banner.jpg" alt="img">
</figure>
<div class="description">
<div class="container">
<h1>Get in touch</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
</div>
</div>
<span class="overlay"></span>
</div>
</div>
</div>
<!-- page banner end-->
<div class="bg-secondary banner-bottom alt contact">
<div class="container">
<div class="row">
<div class="col-lg-8 m-auto">
<ul class="list-unstyled contact-details">
<li>
<a href="#">
<i class="fas fa-phone-alt"></i>
07977 126 483
</a>
</li>
<li>
<a href="#">
<i class="fal fa-envelope"></i>
info@tilleytiling.co.uk
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="section contact-content">
<div class="container">
<div class="row">
<div class="col-md-10 m-auto talk-to-us">
<div class="header-top">
<h3>
We’d love to discuss your project with you
</h3>
<p>
Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.
</p>
</div>
<form class="form">
<div class="form-row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="Name*">
<input type="text" class="form-control" placeholder="Telephone*">
<input type="text" class="form-control" placeholder="Email*">
</div>
<div class="col-md-6">
<textarea class="form-control" id="exampleFormControlTextarea1" rows="1"
placeholder="Tell us a bit more about your project… "></textarea>
</div>
</div>
<div class="form-row">
<div class="col-md-12">
<button type="submit" class="btn btn-primary alt">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="section follow-us">
<div class="container">
<div class="row">
<div class="col-md-10 m-auto">
<div class="row">
<div class="col-md-6">
<img src="images/follow-us.jpg">
</div>
<div class="col-md-6 content">
<div class="inner">
<h3>Follow us</h3>
<p>Find out what we’ve been working on. </p>
<ul class="social list-unstyled">
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- gallery-->
<div class="section gallery">
<div class="container-fluid">
<div class=>
<div class="owl-carousel carousel2 d-block">
<div class="item">
<div class="box">
<img src="images/gallery-img1.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img2.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img3.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img4.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img5.jpg" alt="">
</div>
</div>
<div class="item">
<div class="box">
<img src="images/gallery-img1.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- gallery ends-->
{% endblock %}
\ No newline at end of file
This diff is collapsed.
......@@ -35,14 +35,108 @@
</head>
<body class="{{ body_class }}">
{% block before_container %}{% endblock %}
<div id="container">
<!-- header -->
<header id="header">
<div class="container">
<div class="row">
<div class="col-md-5 col-lg-3 logo">
<a href="#">
<img src="images/logo.svg" alt="logo">
</a>
</div>
<div class="col-md-7 col-lg-9 header-right">
<nav id="main-navigation">
<div class="scrollable-content">
<a class="close-menu-btn d-lg-none"><i class="fal fa-times"></i></a>
<ul class="list-unstyled list1">
<li>
<a href="#">SERVICES</a>
</li>
<li>
<a href="#">GALLERY</a>
</li>
<li>
<a href="#">ABOUT US</a>
</li>
<li>
<a href="#">CONTACT</a>
</li>
</ul>
</div>
</nav>
<a href="#" class="btn btn-primary">REQUEST A QUOTE</a>
<div class="d-lg-none"><a class="open-menu-btn"><i class="fal fa-bars"></i></a></div>
</span>
</div>
</div>
</div>
</header>
{% block container%}{% endblock %}
<!-- footer -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-lg-6">
<a href="#"><img src="../images/footer-logo.svg" alt="image"></a>
<ul class="list2 list-unstyled">
<li><a href="#">2019 © Copyright Tilley Tiling Ltd</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="col-lg-3">