xxxxxxxxxx1
<div class="container my-5">2
3
4
<!--Section: Content-->5
<section class="magazine-section dark-grey-text">6
7
<!-- Section heading -->8
<h3 class="text-center font-weight-bold mb-4 pb-2">Magazine newsfeed</h3>9
<!-- Section description -->10
<p class="text-center w-responsive mx-auto mb-5">Duis aute irure dolor in reprehenderit in voluptate velit11
esse cillum dolore eu fugiat nulla sint occaecat cupidatat non proident, sunt culpa12
qui officia deserunt est laborum.</p>13
14
<!-- Grid row -->15
<div class="row">16
17
<!-- Grid column -->18
<div class="col-lg-4 col-md-12 mb-4">19
20
<!-- Featured news -->21
<div class="single-news mb-3">22
23
<!-- Image -->24
<div class="view overlay rounded z-depth-2 mb-4">25
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/images/86.jpg" alt="Sample image">26
<a>27
<div class="mask rgba-white-slight"></div>28
</a>29
</div>30
31
<!-- Grid row -->32
<div class="row mb-3">33
34
<!-- Grid column -->35
<div class="col-12">36
37
<!-- Badge -->38
<a href="#!"><span class="badge pink"><i class="fas fa-camera pr-2" aria-hidden="true"></i>Adventure</span></a>39
40
</div>41
<!-- Grid column -->42
43
</div>44
<!-- Grid row -->45
46
<!-- Title -->47
<div class="d-flex justify-content-between">48
<div class="col-11 text-truncate pl-0 mb-3">49
<a class="font-weight-bold">This is title of the news</a>50
</div>51
<a><i class="fas fa-angle-double-right"></i></a>52
</div>53
54
</div>55
<!-- Featured news -->56
57
<!-- Small news -->58
<div class="single-news mb-3">59
60
<!-- Title -->61
<div class="d-flex justify-content-between">62
<div class="col-11 text-truncate pl-0 mb-3">63
<a>24 Food Swaps That Slash Calories.</a>64
</div>65
<a><i class="fas fa-angle-double-right"></i></a>66
</div>67
68
</div>69
<!-- Small news -->70
71
<!-- Small news -->72
<div class="single-news mb-3">73
74
<!-- Title -->75
<div class="d-flex justify-content-between">76
<div class="col-11 text-truncate pl-0 mb-3">77
<a>How to Make a Beet Cocktail?</a>78
</div>79
<a><i class="fas fa-angle-double-right"></i></a>80
</div>81
82
</div>83
<!-- Small news -->84
85
<!-- Small news -->86
<div class="single-news mb-3">87
88
<!-- Title -->89
<div class="d-flex justify-content-between">90
<div class="col-11 text-truncate pl-0 mb-3">91
<a>8 Sneaky Reasons You're Always Hungry.</a>92
</div>93
<a><i class="fas fa-angle-double-right"></i></a>94
</div>95
96
</div>97
<!-- Small news -->98
99
<!-- Small news -->100
<div class="single-news">101
102
<!-- Title -->103
<div class="d-flex justify-content-between">104
<div class="col-11 text-truncate pl-0">105
<a>5 Pressure Cooker Recipes You Need to Try.</a>106
</div>107
<a><i class="fas fa-angle-double-right"></i></a>108
</div>109
110
</div>111
<!-- Small news -->112
113
</div>114
<!-- Grid column -->115
116
<!-- Grid column -->117
<div class="col-lg-4 col-md-6 mb-4">118
119
<!-- Featured news -->120
<div class="single-news mb-3">121
122
<!-- Image -->123
<div class="view overlay rounded z-depth-2 mb-4">124
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/images/31.jpg" alt="Sample image">125
<a>126
<div class="mask rgba-white-slight"></div>127
</a>128
</div>129
130
<!-- Grid row -->131
<div class="row mb-3">132
133
<!-- Grid column -->134
<div class="col-12">135
136
<!-- Badge -->137
<a href="#!"><span class="badge deep-orange"><i class="fas fa-plane pr-2" aria-hidden="true"></i>Travel</span></a>138
139
</div>140
<!-- Grid column -->141
142
</div>143
<!-- Grid row -->144
145
<!-- Title -->146
<div class="d-flex justify-content-between">147
<div class="col-11 text-truncate pl-0 mb-3">148
<a class="font-weight-bold">This is title of the news</a>149
</div>150
<a><i class="fas fa-angle-double-right"></i></a>151
</div>152
153
</div>154
<!-- Featured news -->155
156
<!-- Small news -->157
<div class="single-news mb-3">158
159
<!-- Title -->160
<div class="d-flex justify-content-between">161
<div class="col-11 text-truncate pl-0 mb-3">162
<a>Trends in the blogosphere for 2018.</a>163
</div>164
<a><i class="fas fa-angle-double-right"></i></a>165
</div>166
167
</div>168
<!-- Small news -->169
170
<!-- Small news -->171
<div class="single-news mb-3">172
173
<!-- Title -->174
<div class="d-flex justify-content-between">175
<div class="col-11 text-truncate pl-0 mb-3">176
<a>Where can you eat the best lunch in Warsaw?</a>177
</div>178
<a><i class="fas fa-angle-double-right"></i></a>179
</div>180
181
</div>182
<!-- Small news -->183
184
<!-- Small news -->185
<div class="single-news mb-3">186
187
<!-- Title -->188
<div class="d-flex justify-content-between">189
<div class="col-11 text-truncate pl-0 mb-3">190
<a>What camera is worth taking for holidays?</a>191
</div>192
<a><i class="fas fa-angle-double-right"></i></a>193
</div>194
195
</div>196
<!-- Small news -->197
198
<!-- Small news -->199
<div class="single-news">200
201
<!-- Title -->202
<div class="d-flex justify-content-between">203
<div class="col-11 text-truncate pl-0">204
<a>Why should you visit Lisbon?</a>205
</div>206
<a><i class="fas fa-angle-double-right"></i></a>207
</div>208
209
</div>210
<!-- Small news -->211
212
</div>213
<!-- Grid column -->214
215
<!-- Grid column -->216
<div class="col-lg-4 col-md-6 mb-4">217
218
<!-- Featured news -->219
<div class="single-news mb-3">220
221
<!-- Image -->222
<div class="view overlay rounded z-depth-2 mb-4">223
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/images/52.jpg" alt="Sample image">224
<a>225
<div class="mask rgba-white-slight"></div>226
</a>227
</div>228
229
<!-- Grid row -->230
<div class="row mb-3">231
232
<!-- Grid column -->233
<div class="col-12">234
235
<!-- Badge -->236
<a href="#!"><span class="badge success-color"><i class="fas fa-leaf pr-2" aria-hidden="true"></i>Nature</span></a>237
238
</div>239
<!-- Grid column -->240
241
</div>242
<!-- Grid row -->243
244
<!-- Title -->245
<div class="d-flex justify-content-between">246
<div class="col-11 text-truncate pl-0 mb-3">247
<a class="font-weight-bold">This is title of the news</a>248
</div>249
<a><i class="fas fa-angle-double-right"></i></a>250
</div>251
252
</div>253
<!-- Featured news -->254
255
<!-- Small news -->256
<div class="single-news mb-3">257
258
<!-- Title -->259
<div class="d-flex justify-content-between">260
<div class="col-11 text-truncate pl-0 mb-3">261
<a>How to recognize the footsteps of wild animals?</a>262
</div>263
<a><i class="fas fa-angle-double-right"></i></a>264
</div>265
266
</div>267
<!-- Small news -->268
269
<!-- Small news -->270
<div class="single-news mb-3">271
272
<!-- Title -->273
<div class="d-flex justify-content-between">274
<div class="col-11 text-truncate pl-0 mb-3">275
<a>National Parks in Poland.</a>276
</div>277
<a><i class="fas fa-angle-double-right"></i></a>278
</div>279
280
</div>281
<!-- Small news -->282
283
<!-- Small news -->284
<div class="single-news mb-3">285
286
<!-- Title -->287
<div class="d-flex justify-content-between">288
<div class="col-11 text-truncate pl-0 mb-3">289
<a>Traveling without littering the planet.</a>290
</div>291
<a><i class="fas fa-angle-double-right"></i></a>292
</div>293
294
</div>295
<!-- Small news -->296
297
<!-- Small news -->298
<div class="single-news">299
300
<!-- Title -->301
<div class="d-flex justify-content-between">302
<div class="col-11 text-truncate pl-0">303
<a>How to protect rainforests?</a>304
</div>305
<a><i class="fas fa-angle-double-right"></i></a>306
</div>307
308
</div>309
<!-- Small news -->310
311
</div>312
<!-- Grid column -->313
314
</div>315
<!-- Grid row -->316
317
</section>318
<!--Section: Content-->319
320
321
</div>1
1
1
1
Console errors: 0