xxxxxxxxxx1
<div class="container my-5">2
3
4
<!--Section: Content-->5
<section class="">6
7
<!-- Section heading -->8
<h3 class="text-center font-weight-bold mb-5">Latest news</h3>9
10
<div class="row">11
12
<!--Grid column-->13
<div class="col-md-4 mb-4">14
<!--Card-->15
<div class="card">16
17
<!--Card image-->18
<div class="view overlay">19
<img src="https://mdbootstrap.com/img/Photos/Horizontal/City/6-col/img%20(49).jpg" class="card-img-top" alt="">20
<a>21
<div class="mask rgba-white-slight waves-effect waves-light"></div>22
</a>23
</div>24
<!--/.Card image-->25
26
<!--Card content-->27
<div class="card-body">28
<!--Title-->29
<h4 class="card-title"><strong>Card title</strong></h4>30
<hr>31
<!--Text-->32
<p class="card-text mb-3">Some quick example text to build on the card title and make up the bulk33
of the card's34
content.35
</p>36
<p class="font-small font-weight-bold dark-grey-text mb-1"><i class="far fa-clock-o"></i>37
27/08/2019</p>38
<p class="font-small grey-text mb-0">Anna Smith</p>39
<p class="text-right mb-0 font-small font-weight-bold"><a>read more <i class="fas fa-angle-right"></i></a></p>40
</div>41
<!--/.Card content-->42
43
</div>44
<!--/.Card-->45
46
</div>47
<!--Grid column-->48
49
<!--Grid column-->50
<div class="col-md-4 mb-4">51
52
<!--Card-->53
<div class="card">54
55
<!--Card image-->56
<div class="view overlay">57
<img src="https://mdbootstrap.com/img/Photos/Horizontal/People/6-col/img%20(33).jpg" class="card-img-top" alt="">58
<a>59
<div class="mask rgba-white-slight waves-effect waves-light"></div>60
</a>61
</div>62
<!--/.Card image-->63
64
<!--Card content-->65
<div class="card-body">66
<!--Title-->67
<h4 class="card-title"><strong>Card title</strong></h4>68
<hr>69
<!--Text-->70
<p class="card-text mb-3">Some quick example text to build on the card title and make up the bulk71
of the card's72
content.73
</p>74
<p class="font-small font-weight-bold dark-grey-text mb-1"><i class="far fa-clock-o"></i>75
27/08/2019</p>76
<p class="font-small grey-text mb-0">Anna Smith</p>77
<p class="text-right mb-0 font-small font-weight-bold"><a>read more <i class="fas fa-angle-right"></i></a></p>78
</div>79
<!--/.Card content-->80
81
</div>82
<!--/.Card-->83
</div>84
<!--Grid column-->85
86
<!--Grid column-->87
<div class="col-md-4 mb-4">88
89
<!--Card-->90
<div class="card">91
92
<!--Card image-->93
<div class="view overlay">94
<img src="https://mdbootstrap.com/img/Photos/Horizontal/People/6-col/img%20(84).jpg" class="card-img-top" alt="">95
<a>96
<div class="mask rgba-white-slight waves-effect waves-light"></div>97
</a>98
</div>99
<!--/.Card image-->100
101
<!--Card content-->102
<div class="card-body">103
<!--Title-->104
<h4 class="card-title"><strong>Card title</strong></h4>105
<hr>106
<!--Text-->107
<p class="card-text mb-3">Some quick example text to build on the card title and make up the bulk108
of the card's109
content.110
</p>111
<p class="font-small font-weight-bold dark-grey-text mb-1"><i class="far fa-clock-o"></i>112
27/08/2019</p>113
<p class="font-small grey-text mb-0">Anna Smith</p>114
<p class="text-right mb-0 font-small font-weight-bold"><a>read more <i class="fas fa-angle-right"></i></a></p>115
</div>116
<!--/.Card content-->117
118
</div>119
<!--/.Card-->120
</div>121
<!--Grid column-->122
123
</div>124
125
<div class="text-center mt-4 mb-5">126
<a class="black-text font-weight-bold" href="#!">Browse all articles <i class="fa fa-angle-right"></i></a>127
</div>128
129
</section>130
<!--Section: Content-->131
132
133
</div>1
1
1
1
Console errors: 0