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
<!-- Pricing card -->21
<div class="card pricing-card">22
23
<!-- Price -->24
<div class="price header white-text blue rounded-top">25
<h2 class="number">10</h2>26
<div class="version">27
<h5 class="mb-0">Basic</h5>28
</div>29
</div>30
31
<!-- Features -->32
<div class="card-body striped mb-1">33
34
<ul>35
<li>36
<p class="mt-2"><i class="fas fa-check green-text pr-2"></i>20 GB Of Storage</p>37
</li>38
<li>39
<p><i class="fas fa-check green-text pr-2"></i>2 Email Accounts</p>40
</li>41
<li>42
<p><i class="fas fa-times red-text pr-2"></i>24h Tech Support</p>43
</li>44
<li>45
<p><i class="fas fa-times red-text pr-2"></i>300 GB Bandwidth</p>46
</li>47
<li>48
<p><i class="fas fa-times red-text pr-2"></i>User Management </p>49
</li>50
</ul>51
<button class="btn btn-blue">Buy now</button>52
53
</div>54
<!-- Features -->55
56
</div>57
<!-- Pricing card -->58
59
</div>60
<!-- Grid column -->61
62
<!-- Grid column -->63
<div class="col-lg-4 col-md-6 mb-4">64
65
<!-- Pricing card -->66
<div class="card pricing-card">67
68
<!-- Price -->69
<div class="price header white-text indigo rounded-top">70
<h2 class="number">20</h2>71
<div class="version">72
<h5 class="mb-0">Pro</h5>73
</div>74
</div>75
76
<!-- Features -->77
<div class="card-body striped mb-1">78
79
<ul>80
<li>81
<p class="mt-2"><i class="fas fa-check green-text pr-2"></i>20 GB Of Storage</p>82
</li>83
<li>84
<p><i class="fas fa-check green-text pr-2"></i>4 Email Accounts</p>85
</li>86
<li>87
<p><i class="fas fa-check green-text pr-2"></i>24h Tech Support</p>88
</li>89
<li>90
<p><i class="fas fa-times red-text pr-2"></i>300 GB Bandwidth</p>91
</li>92
<li>93
<p><i class="fas fa-times red-text pr-2"></i>User Management</p>94
</li>95
</ul>96
<button class="btn btn-indigo">Buy now</button>97
98
</div>99
<!-- Features -->100
101
</div>102
<!-- Pricing card -->103
104
</div>105
<!-- Grid column -->106
107
<!-- Grid column -->108
<div class="col-lg-4 col-md-6 mb-4">109
110
<!-- Pricing card -->111
<div class="card pricing-card">112
113
<!-- Price -->114
<div class="price header white-text deep-purple rounded-top">115
<h2 class="number">30</h2>116
<div class="version">117
<h5 class="mb-0">Enterprise</h5>118
</div>119
</div>120
121
<!-- Features -->122
<div class="card-body striped mb-1">123
124
<ul>125
<li>126
<p class="mt-2"><i class="fas fa-check green-text pr-2"></i>30 GB Of Storage</p>127
</li>128
<li>129
<p><i class="fas fa-check green-text pr-2"></i>5 Email Accounts</p>130
</li>131
<li>132
<p><i class="fas fa-check green-text pr-2"></i>24h Tech Support</p>133
</li>134
<li>135
<p><i class="fas fa-check green-text pr-2"></i>300 GB Bandwidth</p>136
</li>137
<li>138
<p><i class="fas fa-check green-text pr-2"></i>User Management</p>139
</li>140
</ul>141
<button class="btn btn-deep-purple">Buy now</button>142
143
</div>144
<!-- Features -->145
146
</div>147
<!-- Pricing card -->148
149
</div>150
<!-- Grid column -->151
152
</div>153
<!-- Grid row -->154
155
</section>156
<!--Section: Content-->157
158
159
</div>1
1
1
1
Console errors: 0