1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
[layout_box]
[one_full]
<h2 style="font-weight: 400;margin: 0px;text-align: center">Visually Appealing Elements.</h2>
<h3 style="text-align: center">Build your own custom layouts with shortcodes.</h3>

<hr class="normal" />

[/one_full]
[two_third]
<h3>Content is King</h3>
[p][square_dropcap]L[/square_dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor gravida mi, eu mollis est venenatis posuere. Nunc dictum lacinia eros vel facilisis. Cras fermentum iaculis tortor, a feugiat risus ornare nec. Vivamus non odio et metus ornare accumsan. Donec luctus tellus at leo ornare lobortis. Maecenas sit amet dolor non mi iaculis viverra sed ac lorem. [/p]

[p]Pellentesque nulla tortor, blandit vel ultrices id, dignissim et ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum.[/p]
[/two_third][one_third_last]
<h3>Skills Bars</h3>
<div class="skills-bar">
<div class="skills-bar-content" style="width: 90%"></div>
<span class="skills-title">Web Design 90%</span>

</div>
<div class="skills-bar">
<div class="skills-bar-content" style="width: 95%"></div>
<span class="skills-title">HTML/CSS 95%</span>

</div>
<div class="skills-bar">
<div class="skills-bar-content" style="width: 85%"></div>
<span class="skills-title">Graphic Design 85%</span>

</div>
<div class="skills-bar">
<div class="skills-bar-content" style="width: 75%"></div>
<span class="skills-title">WordPress 75%</span>

</div>
[/one_third_last]

[one_full]

<hr class="normal" />

[/one_full]
[one_full]
<h3>Entypo Icons</h3>
[/one_full]
[one_fourth]
[p][icon icon="icon-heart"][/icon]Donec luctus tell maecenas sit amet dolor non mi iaculis viverra sed ac lorem.[/p]

[/one_fourth]

[one_fourth]
[p][icon icon="icon-tools"][/icon]Donec luctus tellus at leo ornare lobortis. Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.[/p]

[/one_fourth]

[one_fourth]
[p][icon icon="icon-heart"][/icon]Donec luctus tellus at leo ornare lobortis. Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.[/p]

[/one_fourth]

[one_fourth_last]
[p][icon icon="icon-tag"][/icon]Donec luctus tellus at leo ornare lobortis. Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.[/p]

[/one_fourth_last]
[one_full]

<hr class="normal" />

[/one_full]
[one_full]
<h3>Toggles &amp; Tabs</h3>
[/one_full]
[one_half]
 <dl class="accordion">

<dt><a href="">What are the delivery charges?</a></dt>
<dd>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</dd>

<dt><a href="">What are the Terms &amp; Conditions?</a></dt>
<dd>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</dd>

<dt><a href="">Do we ship Worldwide?</a></dt>
<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</dd>

<dt><a href="">Can i return my item if faulty?</a></dt>
<dd>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</dd>

</dl>
[/one_half]

[one_half_last]
<div class="shortcode-tabs">
<ul class="tabs">
	<li><a href="#tab-one">First Tab</a></li>
	<li><a href="#tab-two">Second Tab</a></li>
	<li><a href="#tab-three">Third Tab</a></li>
</ul>
<div class="panel" id="tab-one">
<h3>First Tab Content</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum.

</div>
<div class="panel" id="tab-two">
<h3>Second Tab Content</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum.

</div>
<div class="panel" id="tab-three">
<h3>Third Tab Content</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum.

</div>
</div>
[/one_half_last]
[one_full]

<hr class="normal" />

[/one_full]
[one_full]
<h3>Styled Lists</h3>
[/one_full]
[one_fourth]
[list type="iconrightopen" style="themed"]
<ul>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
</ul>
[/list]

[/one_fourth]

[one_fourth]

[list type="iconpencil" style="themed"]
<ul>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
</ul>
[/list]

[/one_fourth]

[one_fourth]
[list type="iconthumbsup" style="themed"]
<ul>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
</ul>
[/list]

[/one_fourth]

[one_fourth_last]
[list type="iconrocket" style="themed"]
<ul>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
	<li>Maecenas sit amet dolor non mi iaculis viverra sed ac lorem.</li>
</ul>
[/list]

[/one_fourth_last]

[/layout_box]

[layout_box bg="diagonal"]
[recent_products per_page="4" columns="4" orderby="date" order="desc"]
[/layout_box]
[layout_box]

[one_fourth][icon_notification icon="icon-phone"]<b>Tele</b>phone[/icon_notification][/one_fourth]
[one_fourth][icon_notification icon="icon-paper-plane"]<b>paper</b>plane[/icon_notification][/one_fourth][one_fourth][icon_notification icon="icon-lifebuoy"]<b>quality</b>support[/icon_notification][/one_fourth][one_fourth_last][icon_notification icon="icon-lamp"]<b>light</b>bulb[/icon_notification][/one_fourth_last][/layout_box]
[layout_box bg="lines"]
		[one_full]
			[recent_brands_slider title="Brands" brandset="Brands" order="DESC" orderby="date" mousewheel="false" autoscroll="false" swipe="false" items="6" scroll="1"]
		[/one_full]
	[/layout_box]