xxxxxxxxxx1
<div class="container mt-5">2
3
4
<!--Section: Content-->5
<section class="dark-grey-text text-center">6
7
<style>8
.md-pills .nav-link.active {9
background-color: #3f51b5;10
}11
</style>12
13
<!-- Section heading -->14
<h3 class="font-weight-bold mb-4 pb-2">Our best projects</h3>15
<!-- Section description -->16
<p class="text-muted w-responsive mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum quas, eos officia maiores ipsam ipsum dolores reiciendis ad voluptas, animi obcaecati adipisci sapiente mollitia. </p>17
18
<!--First row-->19
<div class="row">20
21
<!--First column-->22
<div class="col-12">23
24
<!-- Nav tabs -->25
<ul class="nav md-pills flex-center flex-wrap mx-0" role="tablist">26
<li class="nav-item">27
<a class="nav-link active font-weight-bold" data-toggle="tab" href="#panel31" role="tab">ALL</a>28
</li>29
<li class="nav-item">30
<a class="nav-link font-weight-bold" data-toggle="tab" href="#panel32" role="tab">BRANDING</a>31
</li>32
<li class="nav-item">33
<a class="nav-link font-weight-bold" data-toggle="tab" href="#panel33" role="tab">PACKAGING</a>34
</li>35
<li class="nav-item">36
<a class="nav-link font-weight-bold" data-toggle="tab" href="#panel34" role="tab">PRINT DESIGN</a>37
</li>38
</ul>39
40
</div>41
<!--First column-->42
43
</div>44
<!--First row-->45
46
<!--Tab panels-->47
<div class="tab-content">48
49
<!--Panel 1-->50
<div class="tab-pane fade show in active" id="panel31" role="tabpanel">51
52
<!--First row-->53
<div class="row">54
55
<!--First column-->56
<div class="col-lg-4 col-md-12 mb-4">57
<!--Featured image-->58
<div class="view overlay zoom z-depth-2">59
<img src="https://mdbootstrap.com/img/Photos/Others/project1.jpg" class="img-fluid">60
</div>61
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit62
amet</p>63
</div>64
<!--First column-->65
66
<!--Second column-->67
<div class="col-lg-4 col-md-6 mb-4">68
<!--Featured image-->69
<div class="view overlay zoom z-depth-2">70
<img src="https://mdbootstrap.com/img/Photos/Others/project8.jpg" class="img-fluid">71
</div>72
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit73
amet</p>74
</div>75
<!--Second column-->76
77
<!--Third column-->78
<div class="col-lg-4 col-md-6 mb-4">79
<!--Featured image-->80
<div class="view overlay zoom z-depth-2">81
<img src="https://mdbootstrap.com/img/Photos/Others/project4.jpg" class="img-fluid">82
</div>83
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit84
amet</p>85
</div>86
<!--Third column-->87
88
</div>89
<!--First row-->90
91
</div>92
<!--Panel 1-->93
94
<!--Panel 2-->95
<div class="tab-pane fade" id="panel32" role="tabpanel">96
97
<!--First row-->98
<div class="row">99
100
<!--First column-->101
<div class="col-lg-4 col-md-12 mb-4">102
<!--Featured image-->103
<div class="view overlay zoom z-depth-2">104
<img src="https://mdbootstrap.com/img/Photos/Others/project4.jpg" class="img-fluid">105
</div>106
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit107
amet</p>108
</div>109
<!--First column-->110
111
<!--Second column-->112
<div class="col-lg-4 col-md-6 mb-4">113
<!--Featured image-->114
<div class="view overlay zoom z-depth-2">115
<img src="https://mdbootstrap.com/img/Photos/Others/project5.jpg" class="img-fluid">116
</div>117
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit118
amet</p>119
</div>120
<!--Second column-->121
122
<!--Third column-->123
<div class="col-lg-4 col-md-6 mb-4">124
<!--Featured image-->125
<div class="view overlay zoom z-depth-2">126
<img src="https://mdbootstrap.com/img/Photos/Others/project1.jpg" class="img-fluid">127
</div>128
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit129
amet</p>130
</div>131
<!--Third column-->132
133
</div>134
<!--First row-->135
136
</div>137
<!--Panel 2-->138
139
<!--Panel 3-->140
<div class="tab-pane fade" id="panel33" role="tabpanel">141
142
<!--First row-->143
<div class="row">144
145
<!--First column-->146
<div class="col-lg-4 col-md-12 mb-4">147
<!--Featured image-->148
<div class="view overlay zoom z-depth-2">149
<img src="https://mdbootstrap.com/img/Photos/Others/project3.jpg" class="img-fluid">150
</div>151
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit152
amet</p>153
</div>154
<!--First column-->155
156
<!--Second column-->157
<div class="col-lg-4 col-md-6">158
<!--Featured image-->159
<div class="view overlay zoom z-depth-2">160
<img src="https://mdbootstrap.com/img/Photos/Others/project6.jpg" class="img-fluid">161
</div>162
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit163
amet</p>164
</div>165
<!--Second column-->166
167
<!--Third column-->168
<div class="col-lg-4 col-md-6 mb-4">169
<!--Featured image-->170
<div class="view overlay zoom z-depth-2">171
<img src="https://mdbootstrap.com/img/Photos/Others/project8.jpg" class="img-fluid">172
</div>173
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit174
amet</p>175
</div>176
<!--Third column-->177
178
</div>179
<!--First row-->180
181
</div>182
<!--Panel 3-->183
184
<!--Panel 4-->185
<div class="tab-pane fade" id="panel34" role="tabpanel">186
187
<!--First row-->188
<div class="row">189
190
<!--First column-->191
<div class="col-lg-4 col-md-12 mb-4">192
<!--Featured image-->193
<div class="view overlay zoom z-depth-2">194
<img src="https://mdbootstrap.com/img/Photos/Others/project1.jpg" class="img-fluid">195
</div>196
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit197
amet</p>198
</div>199
<!--First column-->200
201
<!--Second column-->202
<div class="col-lg-4 col-md-6 mb-4">203
<!--Featured image-->204
<div class="view overlay zoom z-depth-2">205
<img src="https://mdbootstrap.com/img/Photos/Others/project7.jpg" class="img-fluid">206
</div>207
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit208
amet</p>209
</div>210
<!--Second column-->211
212
<!--Third column-->213
<div class="col-lg-4 col-md-6 mb-4">214
<!--Featured image-->215
<div class="view overlay zoom z-depth-2">216
<img src="https://mdbootstrap.com/img/Photos/Others/project8.jpg" class="img-fluid">217
</div>218
<p class="text-uppercase text-center font-weight-bold text-muted my-4">Lorem ipsum dolor sit219
amet</p>220
</div>221
<!--Third column-->222
223
</div>224
<!--First row-->225
226
</div>227
<!--Panel 4-->228
229
</div>230
<!--Tab panels-->231
232
</section>233
234
235
</div>1
1
1
1
Console errors: 0