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="pricing-card card">22
23
<!-- Content -->24
<div class="card-body">25
<h5 class="font-weight-bold mt-3">Basic</h5>26
27
<!-- Price -->28
<div class="price pt-0">29
<h2 class="number red-text mb-0">10</h2>30
</div>31
32
<ul class="striped mb-1">33
<li>34
<p><strong>1</strong> project</p>35
</li>36
<li>37
<p><strong>100</strong> components</p>38
</li>39
<li>40
<p><strong>150</strong> features</p>41
</li>42
<li>43
<p><strong>200</strong> members</p>44
</li>45
</ul>46
<a class="btn btn-danger btn-rounded mb-4"> Buy now</a>47
48
</div>49
<!-- Content -->50
51
</div>52
<!-- Card -->53
54
</div>55
<!-- Grid column -->56
57
<!-- Grid column -->58
<div class="col-lg-4 col-md-6 mb-4">59
60
<!-- Card -->61
<div class="card card-image" style="background-image: url('https://mdbootstrap.com/img/Photos/Others/pricing-table%20(8).jpg');">62
63
<!-- Pricing card -->64
<div class="text-white text-center pricing-card d-flex align-items-center rgba-indigo-strong py-3 px-3 rounded">65
66
<!-- Content -->67
<div class="card-body">68
<h5 class="font-weight-bold mt-2">Pro</h5>69
70
<!--Price -->71
<div class="price pt-0">72
<h2 class="number mb-0">20</h2>73
</div>74
75
<ul class="striped mb-0">76
<li>77
<p><strong>3</strong> projects</p>78
</li>79
<li>80
<p><strong>200</strong> components</p>81
</li>82
<li>83
<p><strong>250</strong> features</p>84
</li>85
<li>86
<p><strong>300</strong> members</p>87
</li>88
</ul>89
<a class="btn btn-rounded btn-outline-white">Buy now</a>90
91
</div>92
<!-- Content -->93
94
</div>95
<!-- Pricing card -->96
97
</div>98
<!-- Card -->99
</div>100
<!-- Grid column -->101
102
<!-- Grid column -->103
<div class="col-lg-4 col-md-6 mb-4">104
105
<!-- Card -->106
<div class="pricing-card card">107
108
<!-- Content -->109
<div class="card-body">110
<h5 class="font-weight-bold mt-3">Enterprise</h5>111
112
<!-- Price -->113
<div class="price pt-0">114
<h2 class="number red-text mb-0">30</h2>115
</div>116
117
<ul class="striped mb-1">118
<li>119
<p><strong>5</strong> projects</p>120
</li>121
<li>122
<p><strong>300</strong> components</p>123
</li>124
<li>125
<p><strong>350</strong> features</p>126
</li>127
<li>128
<p><strong>400</strong> members</p>129
</li>130
</ul>131
<a class="btn btn-danger btn-rounded mb-4"> Buy now</a>132
133
</div>134
<!-- Content -->135
136
</div>137
<!-- Card -->138
139
</div>140
<!-- Grid column -->141
142
</div>143
<!-- Grid row -->144
145
</section>146
<!--Section: Content-->147
148
149
</div>1
1
1
1
Console errors: 0