Skip to content

Commit 96aa068

Browse files
author
Bert Driehuis
committedJun 27, 2017
Refactor the sliders and counters into files in _data. Fix ugly line break in first title.
1 parent a31ed83 commit 96aa068

File tree

3 files changed

+43
-53
lines changed

3 files changed

+43
-53
lines changed
 

‎_data/funfacts.yml

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
- counter: 20000
2+
icon: ion-ios-chatboxes-outline
3+
text: Cups of Coffee
4+
- counter: 1500
5+
icon: ion-ios-glasses-outline
6+
text: Gallons of Soft Drink
7+
- counter: 1200
8+
icon: ion-ios-compose-outline
9+
text: Whiteboard Markers
10+
- counter: 300
11+
icon: ion-ios-timer-outline
12+
text: Websites built

‎_data/testimonials.yml

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
- name: Rose Ray
2+
title: CEO-Themefisher
3+
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."
4+
image: img/item-img1.jpg
5+
- name: Rose Ray sr.
6+
title: CEO-Themefisher
7+
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."
8+
image: img/item-img1.jpg
9+
- name: Rose Ray jr.
10+
title: CEO-Themefisher
11+
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."
12+
image: img/item-img1.jpg
13+
- name: Rose Ray III
14+
title: CEO-Themefisher
15+
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."
16+
image: img/item-img1.jpg

‎index.html

+15-53
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<div class="col-md-10 col-md-offset-2">
1212
<div class="block">
1313
<h1 class="animated fadeInUp">A DIGITAL MARKETING &#38; <br> DESIGN AGENCY</h1>
14-
<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>
14+
<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>
1515
</div>
1616
</div>
1717
</div>
@@ -147,77 +147,39 @@ <h2>Fun Facts About Us</h2>
147147
</div>
148148
<div class="row">
149149
<div class="col-md-6">
150+
{% if site.data.funfacts.size > 0 %}
150151
<div class="block">
152+
{% for ff in site.data.funfacts %}
151153
<ul class="counter-box clearfix">
152154
<li>
153155
<div class="block">
154-
<i class="ion-ios-chatboxes-outline"></i>
155-
<h4 class="counter">20000</h4>
156-
<span>Cups Of Coffee</span>
156+
<i class="{{ ff.icon }}"></i>
157+
<h4 class="counter">{{ ff.counter }}</h4>
158+
<span>{{ ff.text }}</span>
157159
</div>
158160
</li>
159-
<li>
160-
<div class="block">
161-
<i class="ion-ios-glasses-outline"></i>
162-
<h4 class="counter">20000</h4>
163-
<span>Cups Of Coffee</span>
164-
</div>
165-
</li>
166-
<li>
167-
<div class="block">
168-
<i class="ion-ios-compose-outline"></i>
169-
<h4 class="counter">20000</h4>
170-
<span>Cups Of Coffee</span>
171-
</div>
172-
</li>
173-
<li>
174-
<div class="block">
175-
<i class="ion-ios-timer-outline"></i>
176-
<h4 class="counter">20000</h4>
177-
<span>Cups Of Coffee</span>
178-
</div>
179-
</li>
180-
161+
{% endfor %}
181162
</ul>
182163
</div>
164+
{% endif %}
183165
</div>
184166
<div class="col-md-6">
167+
{% if site.data.testimonials.size > 0 %}
185168
<div class="testimonial-carousel">
186169
<div id="testimonial-slider" class="owl-carousel">
170+
{% for tm in site.data.testimonials %}
187171
<div>
188172
<img src="img/cotation.png" alt="IMG">
189-
<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>
190-
<div class="user">
191-
<img src="img/item-img1.jpg" alt="Pepole">
192-
<p><span>Rose Ray</span> CEO-Themefisher</p>
193-
</div>
194-
</div>
195-
<div>
196-
<img src="img/cotation.png" alt="IMG">
197-
<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>
198-
<div class="user">
199-
<img src="img/item-img1.jpg" alt="Pepole">
200-
<p><span>Rose Ray</span> CEO-Themefisher</p>
201-
</div>
202-
</div>
203-
<div>
204-
<img src="img/cotation.png" alt="IMG">
205-
<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>
206-
<div class="user">
207-
<img src="img/item-img1.jpg" alt="Pepole">
208-
<p><span>Rose Ray</span> CEO-Themefisher</p>
209-
</div>
210-
</div>
211-
<div>
212-
<img src="img/cotation.png" alt="IMG">
213-
<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>
173+
<p>{{ tm.testimonial }}</p>
214174
<div class="user">
215-
<img src="img/item-img1.jpg" alt="Pepole">
216-
<p><span>Rose Ray</span> CEO-Themefisher</p>
175+
<img src="{{ tm.image }}" alt="Pepole">
176+
<p><span>{{ tm.name }}</span> {{ tm.title }}</p>
217177
</div>
218178
</div>
179+
{% endfor %}
219180
</div>
220181
</div>
182+
{% endif %}
221183
</div>
222184
</div>
223185
</div>

0 commit comments

Comments
 (0)
Please sign in to comment.