xxxxxxxxxx
1
<div class="container my-5 p-5 z-depth-1">
2
3
4
<!--Section: Content-->
5
<section class="dark-grey-text">
6
7
<!-- Section heading -->
8
<h2 class="text-center font-weight-bold mb-4 pb-2">Why is it so great?</h2>
9
<!-- Section description -->
10
<p class="text-center lead grey-text mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
11
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
12
13
<!-- Grid row -->
14
<div class="row">
15
16
<!-- Grid column -->
17
<div class="col-md-4">
18
19
<!-- Grid row -->
20
<div class="row mb-3">
21
22
<!-- Grid column -->
23
<div class="col-2">
24
<i class="fas fa-2x fa-flag-checkered deep-purple-text"></i>
25
</div>
26
<!-- Grid column -->
27
28
<!-- Grid column -->
29
<div class="col-10">
30
<h5 class="font-weight-bold mb-3">International</h5>
31
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores
32
nam, aperiam minima assumenda deleniti hic.</p>
33
</div>
34
<!-- Grid column -->
35
36
</div>
37
<!-- Grid row -->
38
39
<!-- Grid row -->
40
<div class="row mb-3">
41
42
<!-- Grid column -->
43
<div class="col-2">
44
<i class="fas fa-2x fa-flask deep-purple-text"></i>
45
</div>
46
<!-- Grid column -->
47
48
<!-- Grid column -->
49
<div class="col-10">
50
<h5 class="font-weight-bold mb-3">Experimental</h5>
51
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores
52
nam, aperiam minima assumenda deleniti hic.</p>
53
</div>
54
<!-- Grid column -->
55
56
</div>
57
<!-- Grid row -->
58
59
<!-- Grid row -->
60
<div class="row mb-md-0 mb-3">
61
62
<!-- Grid column -->
63
<div class="col-2">
64
<i class="fas fa-2x fa-glass-martini deep-purple-text"></i>
65
</div>
66
<!-- Grid column -->
67
68
<!-- Grid column -->
69
<div class="col-10">
70
<h5 class="font-weight-bold mb-3">Relaxing</h5>
71
<p class="grey-text mb-md-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit
72
maiores nam, aperiam minima assumenda deleniti hic.</p>
73
</div>
74
<!-- Grid column -->
75
76
</div>
77
<!-- Grid row -->
78
79
</div>
80
<!-- Grid column -->
81
82
<!-- Grid column -->
83
<div class="col-md-4 text-center">
84
<img class="img-fluid" src="https://mdbootstrap.com/img/Mockups/Transparent/Small/iphone-portfolio1.png"
85
alt="Sample image">
86
</div>
87
<!-- Grid column -->
88
89
<!-- Grid column -->
90
<div class="col-md-4">
91
92
<!-- Grid row -->
93
<div class="row mb-3">
94
95
<!-- Grid column -->
96
<div class="col-2">
97
<i class="far fa-2x fa-heart deep-purple-text"></i>
98
</div>
99
<!-- Grid column -->
100
101
<!-- Grid column -->
102
<div class="col-10">
103
<h5 class="font-weight-bold mb-3">Beloved</h5>
104
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores
105
nam, aperiam minima assumenda deleniti hic.</p>
106
</div>
107
<!-- Grid column -->
108
109
</div>
110
<!-- Grid row -->
111
112
<!-- Grid row -->
113
<div class="row mb-3">
114
115
<!-- Grid column -->
116
<div class="col-2">
117
<i class="fas fa-2x fa-bolt deep-purple-text"></i>
118
</div>
119
<!-- Grid column -->
120
121
<!-- Grid column -->
122
<div class="col-10">
123
<h5 class="font-weight-bold mb-3">Rapid</h5>
124
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores
125
nam, aperiam minima assumenda deleniti hic.</p>
126
</div>
127
<!-- Grid column -->
128
129
</div>
130
<!-- Grid row -->
131
132
<!-- Grid row -->
133
<div class="row">
134
135
<!-- Grid column -->
136
<div class="col-2">
137
<i class="fas fa-2x fa-magic deep-purple-text"></i>
138
</div>
139
<!-- Grid column -->
140
141
<!-- Grid column -->
142
<div class="col-10">
143
<h5 class="font-weight-bold mb-3">Magical</h5>
144
<p class="grey-text mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit
145
maiores nam, aperiam minima assumenda deleniti hic.</p>
146
</div>
147
<!-- Grid column -->
148
149
</div>
150
<!-- Grid row -->
151
152
</div>
153
<!-- Grid column -->
154
155
</div>
156
<!-- Grid row -->
157
158
</section>
159
<!--Section: Content-->
160
161
162
</div>
1
1
1
1
Console errors: 0