Skip to content

Commit

Permalink
Refactor the sliders and counters into files in _data. Fix ugly line …
Browse files Browse the repository at this point in the history 
…break in first title.
  • Loading branch information
Bert Driehuis committed Jun 27, 2017
1 parent a31ed83 commit 96aa068
Show file tree
Hide file tree
Showing 3 changed files with 43 additions and 53 deletions.
12 changes: 12 additions & 0 deletions _data/funfacts.yml
View file
@@ -0,0 +1,12 @@
- counter: 20000
icon: ion-ios-chatboxes-outline
text: Cups of Coffee
- counter: 1500
icon: ion-ios-glasses-outline
text: Gallons of Soft Drink
- counter: 1200
icon: ion-ios-compose-outline
text: Whiteboard Markers
- counter: 300
icon: ion-ios-timer-outline
text: Websites built
16 changes: 16 additions & 0 deletions _data/testimonials.yml
View file
@@ -0,0 +1,16 @@
- name: Rose Ray
title: CEO-Themefisher
testimonial: "This company created an e-commerce site with the tools to make our business a success, with innovative ideas. We feel that our site has unique elements that make us stand out from the crowd."
image: img/item-img1.jpg
- name: Rose Ray sr.
title: CEO-Themefisher
testimonial: "An e-commerce site was created by this company with the tools to make our business a success, with innovative ideas. We feel that our site has unique elements that make us stand out from the crowd."
image: img/item-img1.jpg
- name: Rose Ray jr.
title: CEO-Themefisher
testimonial: "With the tools to make our business a success, this company created an e-commerce site, with innovative ideas. We feel that our site has unique elements that make us stand out from the crowd."
image: img/item-img1.jpg
- name: Rose Ray III
title: CEO-Themefisher
testimonial: "We feel that our site has unique elements that make us stand out from the crowd. This company created an e-commerce site with the tools to make our business a success, with innovative ideas."
image: img/item-img1.jpg
68 changes: 15 additions & 53 deletions index.html
View file
Expand Up @@ -11,7 +11,7 @@
<div class="col-md-10 col-md-offset-2">
<div class="block">
<h1 class="animated fadeInUp">A DIGITAL MARKETING &#38; <br> DESIGN AGENCY</h1>
<p class="animated fadeInUp">We love the Web and the work we do.We work closely with our </br> clients to deliver the best possible solutions for their needs</p>
<p class="animated fadeInUp">We love the Web and the work we do. We work closely with our clients to deliver the best possible solutions for their needs</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -147,77 +147,39 @@ <h2>Fun Facts About Us</h2>
</div>
<div class="row">
<div class="col-md-6">
{% if site.data.funfacts.size > 0 %}
<div class="block">
{% for ff in site.data.funfacts %}
<ul class="counter-box clearfix">
<li>
<div class="block">
<i class="ion-ios-chatboxes-outline"></i>
<h4 class="counter">20000</h4>
<span>Cups Of Coffee</span>
<i class="{{ ff.icon }}"></i>
<h4 class="counter">{{ ff.counter }}</h4>
<span>{{ ff.text }}</span>
</div>
</li>
<li>
<div class="block">
<i class="ion-ios-glasses-outline"></i>
<h4 class="counter">20000</h4>
<span>Cups Of Coffee</span>
</div>
</li>
<li>
<div class="block">
<i class="ion-ios-compose-outline"></i>
<h4 class="counter">20000</h4>
<span>Cups Of Coffee</span>
</div>
</li>
<li>
<div class="block">
<i class="ion-ios-timer-outline"></i>
<h4 class="counter">20000</h4>
<span>Cups Of Coffee</span>
</div>
</li>

{% endfor %}
</ul>
</div>
{% endif %}
</div>
<div class="col-md-6">
{% if site.data.testimonials.size > 0 %}
<div class="testimonial-carousel">
<div id="testimonial-slider" class="owl-carousel">
{% for tm in site.data.testimonials %}
<div>
<img src="img/cotation.png" alt="IMG">
<p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
<div class="user">
<img src="img/item-img1.jpg" alt="Pepole">
<p><span>Rose Ray</span> CEO-Themefisher</p>
</div>
</div>
<div>
<img src="img/cotation.png" alt="IMG">
<p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
<div class="user">
<img src="img/item-img1.jpg" alt="Pepole">
<p><span>Rose Ray</span> CEO-Themefisher</p>
</div>
</div>
<div>
<img src="img/cotation.png" alt="IMG">
<p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
<div class="user">
<img src="img/item-img1.jpg" alt="Pepole">
<p><span>Rose Ray</span> CEO-Themefisher</p>
</div>
</div>
<div>
<img src="img/cotation.png" alt="IMG">
<p>"This Company created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make us stand out from the crowd."</p>
<p>{{ tm.testimonial }}</p>
<div class="user">
<img src="img/item-img1.jpg" alt="Pepole">
<p><span>Rose Ray</span> CEO-Themefisher</p>
<img src="{{ tm.image }}" alt="Pepole">
<p><span>{{ tm.name }}</span> {{ tm.title }}</p>
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
Expand Down

0 comments on commit 96aa068

Please sign in to comment.