Add new routes for pages, clean-up copy and refine the sections

This commit is contained in:
Alexander Hosking 2018-11-21 22:56:58 -05:00
parent 3b00846ad9
commit 4814236ee1
4 changed files with 25 additions and 183 deletions

View File

@ -9,7 +9,8 @@ app.config['FREEZER_RELATIVE_URLS'] = True
app.config['FREEZER_IGNORE_MIMETYPE_WARNINGS'] = True
@app.route('/')
@app.route('/index.html')
@app.route('/index')
@app.route('/home')
def index():
categories = os.listdir('projects/')
projects = []
@ -78,7 +79,7 @@ def photo_url_generator():
def show_project_file(category, project_name, filename):
return send_from_directory('projects/' + category + '/'+ project_name + '/', filename)
@app.route('/about.html')
@app.route('/about-us')
def about():
return render_template('aboutus.html', title="About Us - JPs Contracting")

View File

@ -9,7 +9,7 @@
<div class="px-text">
<div class="px-text-holder">
<h1>About Us</h1>
<span>You may think we're a one man shop, bust just you wait and see. We'll get your project from planning to completion faster than you'd expect.</span>
<!-- <span>You may think we're a one man shop, bust just you wait and see. We'll get your project from planning to completion faster than you'd expect.</span> -->
</div>
</div>
</div>
@ -35,7 +35,7 @@
We focus heavily on the design and ensure it is exactly what the homeowner loves first and foremost. Complete and proper planning is the key to a successful project; more specifically, an efficient execution, staying within project budget and customer satisfaction.
</p>
<p style="margin:0;">Blah, blah, blah</p>
<!-- <p style="margin:0;">Blah, blah, blah</p> -->
</div>
</div>
<div class="element-size-50">
@ -173,7 +173,7 @@
</div>
</div>
</section>
<section class="page-section" style="background:url({{ url_for('static', filename='extra-images/bg-counter.png') }}) no-repeat; background-size:cover; padding:60px 0 30px;">
<!-- <section class="page-section" style="background:url({{ url_for('static', filename='extra-images/bg-counter.png') }}) no-repeat; background-size:cover; padding:60px 0 30px;">
<div class="container">
<div class="row">
<div class="section-fullwidth">
@ -240,7 +240,7 @@
</div>
</div>
</div>
</section>
</section> -->
<section class="page-section" style="padding:55px 0 0 0;">
<div class="container">
<div class="row">
@ -248,7 +248,7 @@
<div class="element-size-100">
<div class="px-fancy-heading col-md-12" style="text-align:center;">
<h2 style="text-transform:uppercase;">Our Working Process</h2>
<p>One jeepers stood owing and narrow while among that orca thanks.</p>
<!-- <p>One jeepers stood owing and narrow while among that orca thanks.</p> -->
</div>
</div>
<div class="element-size-100">
@ -291,7 +291,7 @@
</article>
</div>
</div>
<div class="element-size-67">
<!-- <div class="element-size-67">
<div class="col-md-12">
<div class="px-section-title">
<h3>Our Skills</h3>
@ -347,8 +347,8 @@
</div>
</div>
</div>
</div>
<div class="element-size-33">
</div> -->
<!-- <div class="element-size-33">
<div class="col-md-12">
<div class="px-section-title">
<h3>Top Questions</h3>
@ -428,7 +428,7 @@
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
@ -602,7 +602,7 @@
</div>
</div>
</div> -->
<div class="element-size-100">
<!-- <div class="element-size-100">
<div class="px-fancy-heading" style="text-align: center;">
<div class="px-content-inner">
<h2>Our Clients</h2>
@ -622,7 +622,7 @@
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-12.png') }}"></a></figure></li>
</ul>
</div>
</div>
</div> -->
</div>
</div>
</div>

View File

@ -13,7 +13,7 @@
<div class="px-contact-info">
<div class="px-section-title"><h4>Contact Us</h4></div>
<ul>
<li><i class="icon-house"></i>
<!-- <li><i class="icon-house"></i>
<span>Visit us</span>
<p>
197 Spadina Avenue<br/>
@ -21,7 +21,7 @@
Toronto, Ontario<br/>
Canada
</p>
</li>
</li> -->
<li>
<i class="icon-phone8"></i>
<span>Phones</span>
@ -41,17 +41,17 @@
</div>
<div class="col-md-12">
<div class="widget element-size-100 widget_text">
<div class="widget-section-title"><h5>Promotions</h5></div>
<!-- <div class="widget-section-title"><h5>Promotions</h5></div> -->
<div class="textwidget">
<p>
<img alt="" src="{{ url_for('static', filename='extra-images/img-1.png') }}">
<!-- <img alt="" src="{{ url_for('static', filename='extra-images/img-1.png') }}"> -->
</p>
</div>
</div>
</div>
</div>
<div class="element-size-67">
<div class="col-md-12">
<!-- <div class="col-md-12">
<div class="px-map-section px-has-map">
<iframe width="100%" height="322" frameborder="0" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d26081603.294420466!2d-95.677068!3d37.06250000000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1404801729076" style="border:0"></iframe>
</div>
@ -69,7 +69,7 @@
<img src="{{ url_for('static', filename='extra-images/thumblist-img3.jpg') }}">
</li>
</ul>
</div>
</div> -->
<div class="lightbox col-md-12">
<p class="px-textborder">At JPs contracting, we want to make your project a success. From the small one-off jobs, to large project plans, we will give you the confidence to improve and grow like you've always wanted to!</p>
</div>

View File

@ -287,145 +287,7 @@
</article>
</div>
</div>
<div class="element-size-67">
<div class="col-md-12">
<div class="px-section-title">
<h3>Our Skills</h3>
</div>
<div class="px-skills px-plain">
<div class="skills-sec" data-percent="100%">
<span>Handsome</span>
<div class="skillbar">
<div class="skillbar-bar" style="width:100%;">
<small>100%</small>
</div>
</div>
</div>
<div class="skills-sec" data-percent="55%">
<span>Demolition Tools</span>
<div class="skillbar">
<div class="skillbar-bar" style="width:55%;">
<small>55%</small>
</div>
</div>
</div>
<div class="skills-sec" data-percent="98%">
<span>Cutting Wood</span>
<div class="skillbar">
<div class="skillbar-bar" style="width:100%;">
<small>100%</small>
</div>
</div>
</div>
<div class="skills-sec" data-percent="42%">
<span>Perfect Grip</span>
<div class="skillbar">
<div class="skillbar-bar" style="width:42%;">
<small>42%</small>
</div>
</div>
</div>
<div class="skills-sec" data-percent="80%">
<span>Complete Renovation</span>
<div class="skillbar">
<div class="skillbar-bar" style="width:80%;">
<small>80%</small>
</div>
</div>
</div>
<div class="skills-sec" data-percent="66%">
<span>Talking</span>
<div class="skillbar">
<div class="skillbar-bar" style="width:66%;">
<small>66%</small>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="element-size-33">
<div class="col-md-12">
<div class="px-section-title">
<h3>Top Questions</h3>
</div>
<div class="panel-group px-box" id="accordion-7237671">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-6886517" class="collapsed" aria-expanded="false">
Our best Renovation &amp; Repairs?
</a>
</h4>
</div>
<div id="accordion-6886517" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn and before inventoried scurrilously or hey far darn wedded worm fit terrier depen ding regardless darn on less. indiscriminate ouch along darn reliable cuckoo goodness buT.</p></div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-5369205" class="collapsed" aria-expanded="false">
How Much for Refurbishment?
</a>
</h4>
</div>
<div id="accordion-5369205" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-989306" class="collapsed" aria-expanded="false">
Do we make Storage?
</a>
</h4>
</div>
<div id="accordion-989306" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-989308" class="" aria-expanded="true">
Do we make Arc Doors?
</a>
</h4>
</div>
<div id="accordion-989308" class="panel-collapse collapse in" aria-expanded="true">
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-9893081" class="collapsed" aria-expanded="false">
Can we Renovate?
</a>
</h4>
</div>
<div id="accordion-9893081" class="panel-collapse collapse " aria-expanded="false">
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-9893080" class="collapsed" aria-expanded="false">
Who we Are?
</a>
</h4>
</div>
<div id="accordion-9893080" class="panel-collapse collapse " aria-expanded="false">
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@ -598,27 +460,6 @@
</div>
</div>
</div> -->
<div class="element-size-100">
<div class="px-fancy-heading" style="text-align: center;">
<div class="px-content-inner">
<h2>Our Clients</h2>
<p>Our clients are the best clients.</p>
</div>
</div>
</div>
<div class="element-size-100">
<div class="col-md-12">
<div class="px-partner">
<ul class="row">
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-7.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-8.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-9.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-10.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-11.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-12.png') }}"></a></figure></li>
</ul>
</div>
</div>
</div>
</div>
</div>