-
Notifications
You must be signed in to change notification settings - Fork 2.7k
/
template-category.html
154 lines (130 loc) · 5.72 KB
/
template-category.html
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
---
layout: default
---
{% include heading.html %}
<div class="container">
<div class="row">
{% if page.slug == 'all' %}
<div class="col-12">
<div class="mt-4 text-center">
<h2 class="mb-0">Bootstrap Themes</h2>
<p class="lead mb-0">Fully designed Bootstrap 4 themes that are ready to customize and publish!</p>
<hr class="hr-home mt-4 mb-5">
</div>
</div>
{% endif %}
{% for template in site.templates reversed %}
{% if template.categories contains page.slug and template.categories contains 'theme' %}
<div class="col-lg-4 col-md-6 sb-preview text-center">
<div class="card h-100">
<a class="sb-preview-img" href="{{ template.src }}">
<img class="card-img-top" src="{{ template.img-src }}" alt="{{ template.img-desc }}">
</a>
<div class="card-body">
<h4 class="card-title">{{ template.title }}</h4>
<p class="card-text">{{ template.bump }}</p>
</div>
<div class="card-footer">
<a href="{{ template.src }}" class="btn btn-secondary">Preview & Download</a>
</div>
</div>
</div>
{% endif %}
{% endfor %}
{% if page.slug == 'all' %}
<div class="col-12">
<div class="mt-4 text-center">
<h2 class="mb-0">Bootstrap Templates</h2>
<p class="lead mb-0">Bootstrap 4 layouts that are a perfect starting point for projects or custom pages.</p>
<hr class="hr-home mt-4 mb-5">
</div>
</div>
{% endif %}
{% for template in site.templates reversed %}
{% if template.categories contains page.slug and template.categories contains 'template' %}
<div class="col-lg-4 col-md-6 sb-preview text-center">
<div class="card h-100">
<a class="sb-preview-img" href="{{ template.src }}">
<img class="card-img-top" src="{{ template.img-src }}" alt="{{ template.img-desc }}">
</a>
<div class="card-body">
<h4 class="card-title">{{ template.title }}</h4>
<p class="card-text">{{ template.bump }}</p>
</div>
<div class="card-footer">
<a href="{{ template.src }}" class="btn btn-secondary">Preview & Download</a>
</div>
</div>
</div>
{% endif %}
{% endfor %}
<!-- Featured Premium Themes ONLY for All Templates Category -->
{% if page.slug == 'all' %}
<div class="col-12">
<div class="mt-4 text-center">
<h2 class="mb-0">Premium Bootstrap Themes</h2>
<p class="lead mb-0">Looking for something more? Try these hand picked premium themes!</p>
<hr class="hr-home mt-4 mb-5">
</div>
</div>
<!-- Creative Tim -->
{% for item in site.premium reversed %}
{% if item.categories contains 'featured' %}
<div class="col-lg-4 col-md-6 sb-preview text-center">
<div class="card h-100">
<a class="sb-preview-img" href="{{ item.src }}" onclick="ga('send','event','Product','click','{{ item.title }}')">
<img class="card-img-top" src="{{ item.img-src }}" alt="{{ item.img-desc }}">
</a>
<div class="card-body">
<h4 class="card-title">{{ item.title }}</h4>
<p class="card-text">{{ item.bump }}</p>
</div>
<div class="card-footer">
<a href="{{ item.src }}" class="btn btn-secondary" onclick="ga('send','event','Product','click','{{ item.title }}')">Preview & Download</a>
</div>
</div>
</div>
{% endif %}
{% endfor %}
<div class="col-12 text-center mb-5">
<a href="/buy-bootstrap-templates" class="btn btn-lg btn-primary mx-auto">View More Premium Themes</a>
</div>
{% endif %}
{% if page.slug == 'premium' %}
<div class="col-12">
<div class="mt-0 text-center">
<a href="https://www.creative-tim.com/?affiliate_id=101249" class="d-block mb-5 border rounded" onclick="ga('send','event','Product','click','Creative Tim Summer Discount')" style="text-decoration: none !important; position: relative;">
<img class="img-fluid rounded" src="/assets/img/creative-tim/ct-summer-discount.jpg" alt="">
<!-- Badge -->
<div class="bg-warning text-white rounded-circle text-uppercase font-weight-bold d-none d-md-flex" style="height: 8rem; width: 8rem; font-size: .8rem; position: absolute; top: -1.5rem; right: -1.5rem; transform: rotate(20deg); border: .5rem solid white;">
<div class="m-auto d-block">
<div class="p-3">
Exclusive Affiliate Offer!
</div>
</div>
</div>
</a>
</div>
</div>
{% endif %}
{% for item in site.premium reversed %}
{% if item.categories contains page.slug %}
<div class="col-lg-4 col-md-6 sb-preview text-center">
<div class="card h-100">
<a class="sb-preview-img" href="{{ item.src }}" onclick="ga('send','event','Product','click','{{ item.title }}')">
<img class="card-img-top" src="{{ item.img-src }}" alt="{{ item.img-desc }}">
</a>
<div class="card-body">
<h4 class="card-title">{{ item.title }}</h4>
<p class="card-text">{{ item.bump }}</p>
</div>
<div class="card-footer">
<a href="{{ item.src }}" class="btn btn-secondary" onclick="ga('send','event','Product','click','{{ item.title }}')">Preview & Purchase</a>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
{{ content }}
</div>