xxxxxxxxxx1
<div class="container mt-5">2
3
4
<!--Section: Content-->5
<section class="dark-grey-text text-center">6
7
<!-- Section heading -->8
<h2 class="font-weight-bold mb-4 pb-2">Recent posts</h2>9
<!-- Section description -->10
<p class="text-center mx-auto w-responsive mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur veniam.</p>11
12
<!-- Grid row -->13
<div class="row">14
15
<!-- Grid column -->16
<div class="col-lg-4 col-md-12 mb-4">17
18
<!-- Featured image -->19
<div class="view overlay rounded z-depth-2 mb-4">20
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/images/81.jpg" alt="Sample image">21
<a>22
<div class="mask rgba-white-slight"></div>23
</a>24
</div>25
26
<!-- Category -->27
<a href="#!" class="pink-text">28
<h6 class="font-weight-bold mb-3"><i class="fas fa-map pr-2"></i>Adventure</h6>29
</a>30
<!-- Post title -->31
<h4 class="font-weight-bold mb-3"><strong>Title of the news</strong></h4>32
<!-- Post data -->33
<p>by <a class="font-weight-bold">Billy Forester</a>, 15/07/2018</p>34
<!-- Excerpt -->35
<p class="dark-grey-text">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit36
quo minus id quod maxime placeat facere possimus voluptas.</p>37
<!-- Read more button -->38
<a class="btn btn-pink btn-rounded btn-md">Read more</a>39
40
</div>41
<!-- Grid column -->42
43
<!-- Grid column -->44
<div class="col-lg-4 col-md-6 mb-4">45
46
<!-- Featured image -->47
<div class="view overlay rounded z-depth-2 mb-4">48
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/images/43.jpg" alt="Sample image">49
<a>50
<div class="mask rgba-white-slight"></div>51
</a>52
</div>53
54
<!-- Category -->55
<a href="#!" class="deep-orange-text">56
<h6 class="font-weight-bold mb-3"><i class="fas fa-graduation-cap pr-2"></i>Education</h6>57
</a>58
<!-- Post title -->59
<h4 class="font-weight-bold mb-3"><strong>Title of the news</strong></h4>60
<!-- Post data -->61
<p>by <a class="font-weight-bold">Billy Forester</a>, 13/07/2018</p>62
<!-- Excerpt -->63
<p class="dark-grey-text">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis64
voluptatum deleniti atque corrupti quos dolores.</p>65
<!-- Read more button -->66
<a class="btn btn-deep-orange btn-rounded btn-md">Read more</a>67
68
</div>69
<!-- Grid column -->70
71
<!-- Grid column -->72
<div class="col-lg-4 col-md-6 mb-4">73
74
<!-- Featured image -->75
<div class="view overlay rounded z-depth-2 mb-4">76
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/images/13.jpg" alt="Sample image">77
<a>78
<div class="mask rgba-white-slight"></div>79
</a>80
</div>81
82
<!-- Category -->83
<a href="#!" class="blue-text">84
<h6 class="font-weight-bold mb-3"><i class="fas fa-fire pr-2"></i>Culture</h6>85
</a>86
<!-- Post title -->87
<h4 class="font-weight-bold mb-3"><strong>Title of the news</strong></h4>88
<!-- Post data -->89
<p>by <a class="font-weight-bold">Billy Forester</a>, 11/07/2018</p>90
<!-- Excerpt -->91
<p class="dark-grey-text">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed92
quia consequuntur magni dolores eos qui ratione.</p>93
<!-- Read more button -->94
<a class="btn btn-info btn-rounded btn-md">Read more</a>95
96
</div>97
<!-- Grid column -->98
99
</div>100
<!-- Grid row -->101
102
</section>103
<!--Section: Content-->104
105
106
</div>1
1
1
1
Console errors: 0