-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpricing.pug
116 lines (116 loc) · 12.3 KB
/
pricing.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
html(lang="en")
head
title Visit www.pixelrocket.store to learn how to become a frontend web developer
meta(charset="utf-8")
meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no")
link(rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700&display=swap")
link(rel="stylesheet" href="css/bootstrap/bootstrap.min.css")
link(rel="icon" type="image/png" sizes="32x32" href="favicon.png")
body
div(class="")
div(class="py-2 text-center bg-primary text-white")
p(class="m-0")
| Want to learn how to build templates like this one? Visit
a(class="text-light" href="https://www.pixelrocket.store") www.pixelrocket.store
div
section
nav(class="navbar navbar-light navbar-expand-lg bg-white")
div(class="container-fluid position-relative")
a(class="navbar-brand h4 mb-0 text-decoration-none" href="index.html")
img(src="images/logo-dark.svg" alt="" style="height: 30px;" width="auto")
div(class="d-lg-none")
button(class="btn p-0 btn-sm navbar-burger")
svg(width="39" height="13" viewbox="0 0 39 13" fill="none" xmlns="http://www.w3.org/2000/svg")
rect(width="39" height="2" rx="1" transform="matrix(-1 0 0 1 39 0)" fill="#C4C4C4")
rect(width="20" height="2" rx="1" transform="matrix(-1 0 0 1 20 11)" fill="#C4C4C4")
div(class="collapse navbar-collapse position-absolute top-50 start-50 translate-middle")
ul(class="navbar-nav mx-auto")
li(class="nav-item position-relative")
a(class="nav-link" href="about.html") About
div(class="position-absolute top-50 end-0 bg-secondary-light rounded-circle" style="width: 5px; height: 5px;")
li(class="nav-item position-relative")
a(class="nav-link" href="pricing.html") Pricing
div(class="position-absolute top-50 end-0 bg-secondary-light rounded-circle" style="width: 5px; height: 5px;")
li(class="nav-item position-relative")
a(class="nav-link" href="blog.html") Blog
div(class="position-absolute top-50 end-0 bg-secondary-light rounded-circle" style="width: 5px; height: 5px;")
li(class="nav-item")
a(class="nav-link" href="contact.html") Contact
div(class="d-none d-lg-block")
a(class="btn btn-outline-light text-dark" href="register.html") Sign Up
div(class="d-none navbar-menu position-fixed top-0 start-0 bottom-0 w-75 mw-sm" style="z-index: 9999;")
div(class="navbar-close navbar-backdrop position-fixed top-0 start-0 end-0 bottom-0 bg-dark" style="opacity: 75%;")
nav(class="position-relative h-100 w-100 d-flex flex-column py-8 px-8 bg-white overflow-auto")
div(class="d-flex align-items-center mb-32")
a(class="me-auto h4 mb-0 text-decoration-none" href="#")
img(src="images/logo-dark.svg" alt="" style="height: 28px;" width="auto")
button(class="navbar-close btn-close" type="button" aria-label="Close")
div
ul(class="nav flex-column")
li(class="nav-item")
a(class="nav-link text-dark py-5 ps-8" href="about.html") About
li(class="nav-item")
a(class="nav-link text-dark py-5 ps-8" href="pricing.html") Pricing
li(class="nav-item")
a(class="nav-link text-dark py-5 ps-8" href="blog.html") Blog
li(class="nav-item")
a(class="nav-link text-dark py-5 ps-8" href="contact.html") Contact
div(class="mt-auto")
div(class="py-6")
a(class="w-100 mb-2 btn btn-outline-light text-dark" href="login.html") Sign In
a(class="w-100 btn btn-primary" href="register.html") Sign Up
p(class="mb-4 small text-center text-muted")
span © 2022. All rights reserved.
div(class="container my-5")
p(class="alert alert-primary")
| Thank you for your interest in this template! You've downloaded the starter template which only includes the homepage. You can download the full version of this template for free by creating an account on my website and joining my newsletter.
a(href="https://www.pixelrocket.store/free-templates/html-templates/segment-html-bootstrap-saas-website-template") Click here to visit view this template on my website.
section(class="py-40")
div(class="container")
div(class="mw-2xl mx-auto text-center")
a(class="d-inline-block mx-auto mb-8" href="#")
h2(class="mb-8") Learn Bootstrap
p(class="text-secondary mb-16") Visit www.pixelrocket.store and enrol in my Bootstrap Masterclass
a(class="btn btn-primary" href="https://www.pixelrocket.store") Visit Pixel Rocket
div
section(class="bg-secondary-dark py-24 py-md-40")
div(class="container")
div(class="text-center pb-20 mb-12 border-bottom border-secondary")
a(class="d-inline-block mb-20" href="#")
img(class="img-fluid" src="images/logo.svg" alt="" width="auto")
div(class="row justify-content-center align-items-center mb-n6")
div(class="col-6 col-md-3 col-xl-auto me-xl-16 mb-6")
a(class="d-inline-block fw-bold text-white text-decoration-none" href="#") Home
div(class="col-6 col-md-3 col-xl-auto me-xl-16 mb-6")
a(class="d-inline-block fw-bold text-white text-decoration-none" href="#") Product
div(class="col-6 col-md-3 col-xl-auto me-xl-16 mb-6")
a(class="d-inline-block fw-bold text-white text-decoration-none" href="#") Pricing
div(class="col-6 col-md-3 col-xl-auto me-xl-16 mb-6")
a(class="d-inline-block fw-bold text-white text-decoration-none" href="#") Story
div(class="col-6 col-md-3 col-xl-auto me-xl-16 mb-6")
a(class="d-inline-block fw-bold text-white text-decoration-none" href="#") Features
div(class="col-6 col-md-3 col-xl-auto me-xl-16 mb-6")
a(class="d-inline-block fw-bold text-white text-decoration-none" href="#") Contact
div(class="d-flex mt-20 justify-content-center")
a(class="d-flex me-4 justify-content-center align-items-center bg-secondary rounded-circle" href="#" style="width: 48px; height: 48px")
svg(width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 16px;height: 16px")
g(clip-path="url(#clip0)")
path(d="M17.0064 3.181e-08H0.992752C0.444397 0.00027469 -0.000137297 0.445084 3.181e-08 0.993576V17.0072C0.00027469 17.5556 0.445084 18.0001 0.993576 18H17.0064C17.5551 18.0001 17.9999 17.5555 18 17.0068C18 17.0067 18 17.0066 18 17.0064V0.992752C17.9997 0.444397 17.5549 -0.000137297 17.0064 3.181e-08Z" fill="white")
path(d="M12.4277 18.0001V11.0391H14.7744L15.126 8.31453H12.4277V6.57924C12.4277 5.79221 12.6462 5.25594 13.7748 5.25594H15.2051V2.82562C14.9562 2.79253 14.1025 2.71851 13.109 2.71851C11.0348 2.71851 9.61523 3.98413 9.61523 6.30939V8.31453H7.27734V11.0391H9.61523V18.0001H12.4277Z" fill="#2D2D33")
|
a(class="d-flex me-4 justify-content-center align-items-center bg-secondary rounded-circle" href="#" style="width: 48px; height: 48px")
svg(width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 16px;height: 16px")
g(clip-path="url(#clip0)")
path(d="M17.982 5.29205C17.9398 4.33564 17.7852 3.67812 17.5636 3.10836C17.3351 2.50359 16.9834 1.96213 16.5227 1.51201C16.0726 1.05489 15.5276 0.699691 14.9298 0.474702C14.3568 0.253147 13.7027 0.0984842 12.7463 0.0563159C11.7827 0.0105764 11.4768 0 9.03301 0C6.58917 0 6.28328 0.0105764 5.3233 0.0527447C4.36689 0.0949129 3.70937 0.249713 3.13975 0.471131C2.53484 0.699691 1.99338 1.05132 1.54326 1.51201C1.08614 1.96213 0.731078 2.50716 0.505952 3.10493C0.284397 3.67812 0.129734 4.33207 0.0875659 5.28848C0.0418264 6.25203 0.03125 6.55792 0.03125 9.00176C0.03125 11.4456 0.0418264 11.7515 0.0839947 12.7115C0.126163 13.6679 0.280963 14.3254 0.502518 14.8952C0.731078 15.4999 1.08614 16.0414 1.54326 16.4915C1.99338 16.9486 2.53841 17.3038 3.13618 17.5288C3.70937 17.7504 4.36332 17.905 5.31986 17.9472C6.27971 17.9895 6.58574 17.9999 9.02957 17.9999C11.4734 17.9999 11.7793 17.9895 12.7393 17.9472C13.6957 17.905 14.3532 17.7504 14.9228 17.5288C16.1325 17.0611 17.0889 16.1047 17.5566 14.8952C17.778 14.322 17.9328 13.6679 17.975 12.7115C18.0172 11.7515 18.0278 11.4456 18.0278 9.00176C18.0278 6.55792 18.0242 6.25203 17.982 5.29205ZM16.3611 12.6411C16.3223 13.5202 16.1747 13.9949 16.0516 14.3114C15.7492 15.0956 15.1268 15.7179 14.3426 16.0204C14.0262 16.1434 13.548 16.2911 12.6724 16.3297C11.723 16.372 11.4382 16.3824 9.03658 16.3824C6.63491 16.3824 6.3466 16.372 5.40063 16.3297C4.52155 16.2911 4.04685 16.1434 3.73038 16.0204C3.34015 15.8761 2.98495 15.6476 2.69664 15.3487C2.39775 15.0568 2.16919 14.7052 2.02497 14.315C1.9019 13.9985 1.75424 13.5202 1.71565 12.6447C1.67334 11.6953 1.6629 11.4104 1.6629 9.00876C1.6629 6.60709 1.67334 6.31878 1.71565 5.37295C1.75424 4.49387 1.9019 4.01917 2.02497 3.7027C2.16919 3.31234 2.39775 2.95727 2.70021 2.66883C2.99196 2.36994 3.34359 2.14138 3.73395 1.99729C4.05042 1.87422 4.52869 1.72656 5.4042 1.68783C6.3536 1.64566 6.63848 1.63508 9.04001 1.63508C11.4453 1.63508 11.73 1.64566 12.676 1.68783C13.555 1.72656 14.0297 1.87422 14.3462 1.99729C14.7364 2.14138 15.0916 2.36994 15.3799 2.66883C15.6788 2.96071 15.9074 3.31234 16.0516 3.7027C16.1747 4.01917 16.3223 4.49731 16.3611 5.37295C16.4032 6.32236 16.4138 6.60709 16.4138 9.00876C16.4138 11.4104 16.4032 11.6917 16.3611 12.6411Z" fill="white")
path(d="M9.03411 4.37793C6.48135 4.37793 4.41016 6.44898 4.41016 9.00188C4.41016 11.5548 6.48135 13.6258 9.03411 13.6258C11.587 13.6258 13.6581 11.5548 13.6581 9.00188C13.6581 6.44898 11.587 4.37793 9.03411 4.37793ZM9.03411 12.0013C7.37801 12.0013 6.03467 10.6581 6.03467 9.00188C6.03467 7.34564 7.37801 6.00244 9.03411 6.00244C10.6903 6.00244 12.0335 7.34564 12.0335 9.00188C12.0335 10.6581 10.6903 12.0013 9.03411 12.0013Z" fill="white")
path(d="M14.9208 4.1952C14.9208 4.79133 14.4375 5.27468 13.8412 5.27468C13.2451 5.27468 12.7617 4.79133 12.7617 4.1952C12.7617 3.59894 13.2451 3.11572 13.8412 3.11572C14.4375 3.11572 14.9208 3.59894 14.9208 4.1952Z" fill="white")
|
a(class="d-flex justify-content-center align-items-center bg-secondary rounded-circle" href="#" style="width: 48px; height: 48px")
svg(width="18" height="16" viewbox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 16px;height: 16px")
path(d="M18 2.41887C17.3306 2.7125 16.6174 2.90712 15.8737 3.00162C16.6388 2.54487 17.2226 1.82712 17.4971 0.962C16.7839 1.38725 15.9964 1.68763 15.1571 1.85525C14.4799 1.13413 13.5146 0.6875 12.4616 0.6875C10.4186 0.6875 8.77387 2.34575 8.77387 4.37863C8.77387 4.67113 8.79862 4.95237 8.85938 5.22012C5.7915 5.0705 3.07687 3.60013 1.25325 1.36025C0.934875 1.91263 0.748125 2.54488 0.748125 3.2255C0.748125 4.5035 1.40625 5.63637 2.38725 6.29225C1.79437 6.281 1.21275 6.10888 0.72 5.83775C0.72 5.849 0.72 5.86363 0.72 5.87825C0.72 7.6715 1.99912 9.161 3.6765 9.50412C3.37612 9.58625 3.04875 9.62562 2.709 9.62562C2.47275 9.62562 2.23425 9.61213 2.01038 9.56262C2.4885 11.024 3.84525 12.0984 5.4585 12.1332C4.203 13.1154 2.60888 13.7071 0.883125 13.7071C0.5805 13.7071 0.29025 13.6936 0 13.6565C1.63462 14.7106 3.57188 15.3125 5.661 15.3125C12.4515 15.3125 16.164 9.6875 16.164 4.81175C16.164 4.64862 16.1584 4.49113 16.1505 4.33475C16.8829 3.815 17.4982 3.16587 18 2.41887Z" fill="white")
p(class="text-center text-white mb-0")
span(class="text-secondary-light")
| Bootstrap Template created by
a(href="https://www.pixelrocket.store") Pixel Rocket
script(src="js/bootstrap/bootstrap.bundle.min.js")
script(src="js/main.js")