-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpricing.html
More file actions
162 lines (159 loc) · 16.3 KB
/
Copy pathpricing.html
File metadata and controls
162 lines (159 loc) · 16.3 KB
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Pricing - Brand</title>
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css?h=d5b3d3b14057c216c608a82cf28377e2">
<link rel="stylesheet" href="/assets/css/Inter.css?h=82fe36f4d2b717493b6c9086ddfffd8b">
<link rel="stylesheet" href="/assets/css/accordion-faq-list.css?h=7f2a2ca9279e1a7c2688dbcafd85a53b">
<link rel="stylesheet" href="/assets/css/h.css?h=74f20ffdb6eb7dbe14e68ef43ea53be7">
<link rel="stylesheet" href="/assets/css/Modern-Project-Button.css?h=99083b01ae2c2d0eb38eaee9ddee3138">
<link rel="stylesheet" href="/assets/css/Projects-Grid-images.css?h=4f3cfa46e40e236365345fc77963f4b8">
</head>
<body>
<!-- Start: Navbar Centered Links -->
<nav class="navbar navbar-dark navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav" style="backdrop-filter: hue-rotate(26deg);filter: hue-rotate(26deg);">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="/index.html"><span>Phasma</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav mx-auto">
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link pasta">Support <sup><span style="color: rgb(57, 101, 245);">New</span></sup></a></li>
</ul><a class="btn btn-primary shadow" role="button" style="backdrop-filter: hue-rotate(26deg);">Open Phasma</a>
</div>
</div>
</nav><!-- End: Navbar Centered Links -->
<section class="py-5 mt-5" style="filter: hue-rotate(26deg);backdrop-filter: hue-rotate(26deg);">
<!-- Start: Pricing Duo -->
<div class="container py-5">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 class="fw-bold">Phasma+</h2>
<p class="text-muted w-lg-50">Phasma(Plus) is a subscription service that makes your day better on Phasma.</p>
</div>
</div>
<div class="row g-0 row-cols-1 row-cols-md-2 row-cols-xl-3 d-flex align-items-md-center align-items-xl-center">
<div class="col offset-xl-2 mb-4">
<div class="card bg-dark border-dark">
<div class="card-body p-4">
<div class="d-flex justify-content-between">
<div>
<h3 class="fw-bold mb-0">Basic</h3>
<p>One time purchase</p>
<h4 class="display-4 fw-bold">$5</h4>
</div><span class="badge bg-primary d-xxl-flex justify-content-xxl-center align-items-xxl-center" data-bs-toggle="tooltip" data-bss-tooltip="" style="height: 31px;width: 64px;" title="Feature may contain bugs">BETA</span>
</div>
<div>
<ul class="list-unstyled">
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-primary-light bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Animated Avatar</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-primary-light bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>5 Discriminator changes per month</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-primary-light bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Upload Size 500MB</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-primary-light bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Animated Instance Avatar</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-primary-light bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Instance Max Member Increase to 1k</span></li>
</ul>
</div><button class="btn btn-primary d-block w-100" type="button">Purchase 1 Month</button>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card text-white bg-primary">
<div class="card-body p-4">
<div class="d-flex justify-content-between">
<div>
<h3 class="fw-bold text-white mb-0">Extra</h3>
<p>One time purchase</p>
<h4 class="display-4 fw-bold text-white">$8</h4>
</div>
</div>
<div>
<ul class="list-unstyled">
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-semi-white bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Everything from Basic</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-semi-white bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Unlimited Discriminator Changes</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-semi-white bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Upload Size 2GB</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-semi-white bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Custom Instance URL</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-semi-white bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Phasma+ User Badge</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon-semi-white bs-icon bs-icon-xs me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-check-lg text-primary">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"></path>
</svg></span><span>Instance Max Member Increase to Unlimited</span></li>
</ul>
</div><button class="btn btn-primary disabled d-block w-100 bg-semi-white" data-bs-toggle="tooltip" data-bss-tooltip="" type="button" disabled="" title="We currently do not sell the yearly plan yet.">Purchase 1 Month</button>
</div>
</div>
</div>
</div>
</div><!-- End: Pricing Duo -->
</section><!-- Start: Footer Multi Column -->
<footer class="bg-dark" style="--bs-dark: #27262e;--bs-dark-rgb: 39,38,46;">
<div class="container py-4 py-lg-5" style="filter: hue-rotate(26deg);">
<div class="row justify-content-center">
<!-- Start: Services -->
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
<h3 class="fs-6 fw-bold">About Us</h3>
<p><span style="color: rgb(57, 101, 245);">Phasma</span> is a communication platform designed for everyone to use, feel free to grab a coffee and talk to your buddy's.</p>
</div><!-- End: Services -->
<!-- Start: About -->
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
<h3 class="fs-6 fw-bold">Useful Information & Credits</h3>
<ul class="list-unstyled">
<li><a href="/attribution.html">Third Party Credit / Attribution Rights</a></li>
<li><a href="/faq.html">FAQ</a></li>
<li><a href="#">Support</a></li>
</ul>
</div><!-- End: About -->
<!-- Start: Careers -->
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
<h3 class="fs-6 fw-bold">Staff Positions</h3>
<ul class="list-unstyled">
<li><a href="/req.html">Requirements</a></li>
<li><a href="/ben.html">Benefits</a></li>
<li><a href="/nda.html">NDA</a></li>
</ul>
</div><!-- End: Careers -->
<!-- Start: Social Icons -->
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last item social">
<div class="fw-bold d-flex align-items-center mb-2"><span style="color: #3965f5;">Phasma</span></div>
<p class="text-muted copyright">For more information on our staff positions please contact us through our Phasma Instance.</p>
</div><!-- End: Social Icons -->
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2022 Phasma, All Rights Reserved.</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M456 32h-304C121.1 32 96 57.13 96 88v320c0 13.22-10.77 24-24 24S48 421.2 48 408V112c0-13.25-10.75-24-24-24S0 98.75 0 112v296C0 447.7 32.3 480 72 480h352c48.53 0 88-39.47 88-88v-304C512 57.13 486.9 32 456 32zM464 392c0 22.06-17.94 40-40 40H139.9C142.5 424.5 144 416.4 144 408v-320c0-4.406 3.594-8 8-8h304c4.406 0 8 3.594 8 8V392zM264 272h-64C186.8 272 176 282.8 176 296S186.8 320 200 320h64C277.3 320 288 309.3 288 296S277.3 272 264 272zM408 272h-64C330.8 272 320 282.8 320 296S330.8 320 344 320h64c13.25 0 24-10.75 24-24S421.3 272 408 272zM264 352h-64c-13.25 0-24 10.75-24 24s10.75 24 24 24h64c13.25 0 24-10.75 24-24S277.3 352 264 352zM408 352h-64C330.8 352 320 362.8 320 376s10.75 24 24 24h64c13.25 0 24-10.75 24-24S421.3 352 408 352zM400 112h-192c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h192c17.67 0 32-14.33 32-32v-64C432 126.3 417.7 112 400 112z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-letter-p">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5"></path>
</svg></li>
</ul>
</div>
</div>
</footer><!-- End: Footer Multi Column -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/bs-init.js?h=f85385df9bc7fca4241bc1dbf53b9d61"></script>
<script src="/assets/js/bold-and-dark.js?h=914b066f52f5e2b2583e4d1558c90518"></script>
</body>
</html>