xxxxxxxxxx1
<div class="container my-5">2
3
4
<!--Section: Content-->5
<section class="text-center dark-grey-text">6
7
<!-- Section heading -->8
<h3 class="font-weight-bold pb-2 mb-4">Our pricing plans</h3>9
<!-- Section description -->10
<p class="text-muted w-responsive mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit.11
Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam12
eum porro a pariatur veniam.</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
<!-- Card -->21
<div class="card">22
23
<!-- Content -->24
<div class="card-body">25
26
<!-- Offer -->27
<h5 class="mb-4">Basic plan</h5>28
<div class="d-flex justify-content-center">29
<div class="card-circle d-flex justify-content-center align-items-center">30
<i class="fas fa-home light-blue-text"></i>31
</div>32
</div>33
34
<!-- Price -->35
<h2 class="font-weight-bold my-4">59$</h2>36
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa pariatur id37
nobis accusamus deleniti cumque hic laborum.</p>38
<a class="btn btn-light-blue btn-rounded">Buy now</a>39
40
</div>41
<!-- Content -->42
43
</div>44
<!-- Card -->45
46
</div>47
<!-- Grid column -->48
49
<!-- Grid column -->50
<div class="col-lg-4 col-md-6 mb-4">51
52
<!-- Card -->53
<div class="card purple-gradient">54
55
<!-- Content -->56
<div class="card-body white-text">57
58
<!-- Offer -->59
<h5 class="mb-4">Premium plan</h5>60
<div class="d-flex justify-content-center">61
<div class="card-circle d-flex justify-content-center align-items-center">62
<i class="fas fa-users"></i>63
</div>64
</div>65
66
<!--Price -->67
<h2 class="font-weight-bold my-4">79$</h2>68
<p>Esse corporis saepe laudantium velit adipisci cumque iste ratione facere non distinctio cupiditate69
sequi atque.</p>70
<a class="btn btn-outline-white btn-rounded">Buy now</a>71
72
</div>73
<!-- Content -->74
75
</div>76
<!-- Card -->77
78
</div>79
<!-- Grid column -->80
81
<!-- Grid column -->82
<div class="col-lg-4 col-md-6 mb-4">83
84
<!-- Card -->85
<div class="card">86
87
<!-- Content -->88
<div class="card-body">89
90
<!-- Offer -->91
<h5 class="mb-4">Advanced plan</h5>92
<div class="d-flex justify-content-center">93
<div class="card-circle d-flex justify-content-center align-items-center">94
<i class="far fa-chart-bar light-blue-text"></i>95
</div>96
</div>97
98
<!--Price -->99
<h2 class="font-weight-bold my-4">99$</h2>100
<p class="grey-text">At ab ea a molestiae corrupti numquam quo beatae minima ratione magni101
accusantium repellat eveniet quia vitae.</p>102
<a class="btn btn-light-blue btn-rounded">Buy now</a>103
104
</div>105
<!-- Content -->106
107
</div>108
<!-- Card -->109
110
</div>111
<!-- Grid column -->112
113
</div>114
<!-- Grid row -->115
116
</section>117
<!--Section: Content-->118
119
120
</div>1
1
1
1
Console errors: 0