diff --git a/v2/pricing.html b/v2/pricing.html index 40fcbb5..3edd6d8 100644 --- a/v2/pricing.html +++ b/v2/pricing.html @@ -47,6 +47,61 @@ a[class^="uui-button-1"]:hover, a[class^="uui-button-1"]:focus, .uui-button-6:ho #scammer-banner { display: none; } +input[type="number"] { + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + width: 100px; + font-size: 16px; + margin-right: 10px; + } + +.slider { + -webkit-appearance: none; + width: 100%; + height: 15px; + border-radius: 5px; + background: #ddd; + outline: none; + opacity: 0.7; + -webkit-transition: .2s; + transition: opacity .2s; +} + +.slider:hover { + opacity: 1; +} + +.slider::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 25px; + height: 25px; + border-radius: 50%; + background: #024eff; + cursor: pointer; +} + +.slider::-moz-range-thumb { + width: 25px; + height: 25px; + border-radius: 50%; + background: #024eff; + cursor: pointer; +} + +form { + display: flex; + flex-direction: column; + align-items: flex-start; + margin-bottom: 20px; +} + +label { + margin-right: 10px; + font-size: 16px; + margin-bottom: 10px; +} @@ -355,7 +410,7 @@ a[class^="uui-button-1"]:hover, a[class^="uui-button-1"]:focus, .uui-button-6:ho - +
Buy now
@@ -428,7 +483,67 @@ a[class^="uui-button-1"]:hover, a[class^="uui-button-1"]:focus, .uui-button-6:ho - + +
Buy now
+
+ + + + +
+
+
+
+
+

Customized plan

+
$19.90/month
+
billed annually
+
+
+
+
+ +
+
+ + +
+ +
+
+ +