xxxxxxxxxx
1
<div class="container my-5 px-0 z-depth-1">
2
3
4
<!--Section: Content-->
5
<section class="text-center white-text deep-purple lighten-2 pt-5 px-lg-5">
6
7
<!-- Section heading -->
8
<h3 class="font-weight-bold mt-3 mb-4 pb-2">Choose your pricing plan</h3>
9
10
<!-- Grid row -->
11
<div class="row mb-5">
12
13
<!-- Grid column -->
14
<div class="col-lg-4 col-md-12 mb-4">
15
16
<!-- Card -->
17
<div class="pricing-card">
18
19
<!-- Content -->
20
<div class="card-body">
21
22
<!-- Price -->
23
<p class="display-3"><span class="h5 font-weight-normal pr-2">$</span>29</p>
24
25
<h5 class="text-uppercase font-weight-normal mb-4">Single Template</h5>
26
27
<p class="mb-4 pb-2">Single template, lifetime license</p>
28
29
<a class="btn btn-outline-white btn-md btn-rounded btn-block">Select an album</a>
30
31
</div>
32
<!-- Content -->
33
34
</div>
35
<!-- Card -->
36
37
</div>
38
<!-- Grid column -->
39
40
<!-- Grid column -->
41
<div class="col-lg-4 col-md-6 mb-4">
42
43
<!-- Card -->
44
<div class="pricing-card">
45
46
<!-- Content -->
47
<div class="card-body">
48
49
<!-- Price -->
50
<p class="display-3"><span class="h5 font-weight-normal pr-2">$</span>99</p>
51
52
<h5 class="text-uppercase font-weight-normal mb-4">One year membership</h5>
53
54
<p class="mb-4 pb-2">Get access to all templates</p>
55
56
<a class="btn btn-white btn-md btn-rounded dark-grey-text btn-block">Sign up</a>
57
58
</div>
59
<!-- Content -->
60
61
</div>
62
<!-- Card -->
63
64
</div>
65
<!-- Grid column -->
66
67
<!-- Grid column -->
68
<div class="col-lg-4 col-md-6 mb-4">
69
70
<!-- Card -->
71
<div class="pricing-card">
72
73
<!-- Content -->
74
<div class="card-body">
75
76
<!-- Price -->
77
<p class="display-3"><span class="h5 font-weight-normal pr-2">$</span>199</p>
78
79
<h5 class="text-uppercase font-weight-normal mb-4">Lifetime access</h5>
80
81
<p class="mb-4 pb-2">Pay only once and have fun forever</p>
82
83
<a class="btn btn-outline-white btn-md btn-rounded btn-block">Sign up</a>
84
85
</div>
86
<!-- Content -->
87
88
</div>
89
<!-- Card -->
90
91
</div>
92
<!-- Grid column -->
93
94
</div>
95
<!-- Grid row -->
96
97
</section>
98
<!--Section: Content-->
99
100
101
</div>
1
1
1
1
Console errors: 0