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