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-6 col-md-12 mb-4">19
20
<!-- Featured news -->21
<div class="single-news">22
23
<!-- Image -->24
<div class="view overlay rounded z-depth-1-half mb-4">25
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Slides/1.jpg" alt="Sample image">26
<a>27
<div class="mask rgba-white-slight"></div>28
</a>29
</div>30
31
<!-- Data -->32
<div class="news-data d-flex justify-content-between">33
<a href="#!" class="deep-orange-text">34
<h6 class="font-weight-bold"><i class="fas fa-utensils pr-2"></i>Culinary</h6>35
</a>36
<p class="font-weight-bold dark-grey-text"><i class="fas fa-clock-o pr-2"></i>27/02/2018</p>37
</div>38
39
<!-- Excerpt -->40
<h3 class="font-weight-bold dark-grey-text mb-3"><a>Title of the news</a></h3>41
<p class="dark-grey-text">Sed ut perspiciatis unde voluptatem omnis iste natus42
error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo43
inventore veritatis et quasi architecto beatae vitae explicabo. Duis aute irure dolor in44
reprehenderit in voluptate velit esse cillum dolore eu fugiat.</p>45
46
</div>47
<!-- Featured news -->48
49
</div>50
<!-- Grid column -->51
52
<!-- Grid column -->53
<div class="col-lg-6 col-md-12 mb-4">54
55
<!-- Small news -->56
<div class="single-news mb-4">57
58
<!-- Grid row -->59
<div class="row">60
61
<!-- Grid column -->62
<div class="col-md-3">63
64
<!--Image-->65
<div class="view overlay rounded z-depth-1 mb-4">66
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/img%20(29).jpg" alt="Sample image">67
<a>68
<div class="mask rgba-white-slight"></div>69
</a>70
</div>71
72
</div>73
<!-- Grid column -->74
75
<!-- Grid column -->76
<div class="col-md-9">77
78
<!-- Excerpt -->79
<p class="font-weight-bold dark-grey-text">26/02/2018</p>80
<div class="d-flex justify-content-between">81
<div class="col-11 text-truncate pl-0 mb-3">82
<a href="#!" class="dark-grey-text">At vero eos et accusamus et iusto odio dignissimos83
ducimus qui blanditiis</a>84
</div>85
<a><i class="fas fa-angle-double-right"></i></a>86
</div>87
88
</div>89
<!-- Grid column -->90
91
</div>92
<!-- Grid row -->93
94
</div>95
<!-- Small news -->96
97
<!-- Small news -->98
<div class="single-news mb-4">99
100
<!-- Grid row -->101
<div class="row">102
103
<!-- Grid column -->104
<div class="col-md-3">105
106
<!--Image-->107
<div class="view overlay rounded z-depth-1 mb-4">108
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(45).jpg"109
alt="Sample image">110
<a>111
<div class="mask rgba-white-slight"></div>112
</a>113
</div>114
115
</div>116
<!-- Grid column -->117
118
<!-- Grid column -->119
<div class="col-md-9">120
121
<!-- Excerpt -->122
<p class="font-weight-bold dark-grey-text">25/02/2018</p>123
<div class="d-flex justify-content-between">124
<div class="col-11 text-truncate pl-0 mb-3">125
<a href="#!" class="dark-grey-text">Itaque earum rerum hic tenetur a sapiente delectus</a>126
</div>127
<a><i class="fas fa-angle-double-right"></i></a>128
</div>129
130
</div>131
<!-- Grid column -->132
133
</div>134
<!-- Grid row -->135
136
</div>137
<!-- Small news -->138
139
<!-- Small news -->140
<div class="single-news mb-4">141
142
<!-- Grid row -->143
<div class="row">144
145
<!-- Grid column -->146
<div class="col-md-3">147
148
<!--Image-->149
<div class="view overlay rounded z-depth-1 mb-4">150
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/images/87.jpg" alt="Sample image">151
<a>152
<div class="mask rgba-white-slight"></div>153
</a>154
</div>155
156
</div>157
<!-- Grid column -->158
159
<!-- Grid column -->160
<div class="col-md-9">161
162
<!-- Excerpt -->163
<p class="font-weight-bold dark-grey-text">24/02/2018</p>164
<div class="d-flex justify-content-between">165
<div class="col-11 text-truncate pl-0 mb-3">166
<a href="#!" class="dark-grey-text">Soluta nobis est eligendi optio cumque nihil impedit quo167
minus</a>168
</div>169
<a><i class="fas fa-angle-double-right"></i></a>170
</div>171
172
</div>173
<!-- Grid column -->174
175
</div>176
<!-- Grid row -->177
178
</div>179
<!-- Small news -->180
181
<!-- Small news -->182
<div class="single-news">183
184
<!-- Grid row -->185
<div class="row">186
187
<!-- Grid column -->188
<div class="col-md-3">189
190
<!--Image-->191
<div class="view overlay rounded z-depth-1 mb-md-0 mb-4">192
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/img%20(27).jpg" alt="Sample image">193
<a>194
<div class="mask rgba-white-slight"></div>195
</a>196
</div>197
198
</div>199
<!-- Grid column -->200
201
<!-- Grid column -->202
<div class="col-md-9">203
204
<!-- Excerpt -->205
<p class="font-weight-bold dark-grey-text">23/02/2018</p>206
<div class="d-flex justify-content-between">207
<div class="col-11 text-truncate pl-0 mb-lg-3">208
<a href="#!" class="dark-grey-text">Duis aute irure dolor in reprehenderit in voluptate</a>209
</div>210
<a><i class="fas fa-angle-double-right"></i></a>211
</div>212
213
</div>214
<!-- Grid column -->215
216
</div>217
<!-- Grid row -->218
219
</div>220
<!-- Small news -->221
222
</div>223
<!--Grid column-->224
225
</div>226
<!-- Grid row -->227
228
</section>229
<!--Section: Content-->230
231
232
</div>1
1
1
1
Console errors: 0