-
Notifications
You must be signed in to change notification settings - Fork 0
/
index4.html
90 lines (83 loc) · 4.33 KB
/
index4.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DEFT - Services</title>
<link href="https://api.fontshare.com/v2/css?f[]=satoshi@900,700,300,400&f[]=clash-display@200,400,600&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="styles4.css">
</head>
<body>
<div class="cross hidden">
<a href="index.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-x-lg cross-icon" viewBox="0 0 16 16">
<path
d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" />
</svg>
</a>
</div>
<br>
<div class="services text-center text-md-start">
<h1 class="services-h1 hidden">Services</h1>
</div>
<div class="px-4 my-5 col-lg-8 col-md-10 col-sm-12 mx-auto text-center hidden">
<p class="service-paragraph">
Discover our web service plans - <span class="green">Entry</span>, <span class="yellow">Elite</span>, and
<span class="red">Pinnacle</span>. Whether you're starting, aspiring, or aiming
high, we've got the perfect plan to meet your digital needs. Simple, effective, and designed to make your
online journey a success. Choose your path today!
</p>
</div>
<div class="must-have-plans hidden">
<h1 class="must-have-plans-h1">Must have plans</h1>
</div>
<div class="row text-center services-container scroll-animation">
<div class="col-lg-12 mb-4 service-1">
<h3 class="fw-bold service-1-h3">Entry Web</h3>
<p class="service-price">$1290/yr</p>
<p class="service-1-p">Only Website</p>
<p class="service-1-p">24/7 support</p>
<p class="service-1-p">No individually designed pages</p>
<p class="service-1-p">Immediate bug fixes for three months</p>
<p class="service-1-p">Number of revisions: 1</p>
<a class="btn service-1-purchase" href="#">Purchase</a>
</div>
<div class="col-lg-12 mb-4 service-2 scroll-animation">
<h2 class="fw-bold service-2-h2">Elite Web</h2>
<p class="service-price">$3280/yr</p>
<p class="service-2-p">Wesbite + Maintenance</p>
<p class="service-2-p">24/7 support</p>
<p class="service-2-p">Upto 5 Individually designed pages</p>
<p class="service-2-p">Immediate bug fixes for first six months</p>
<p class="service-2-p">Responsive webdesign</p>
<p class="service-2-p">Webhosting</p>
<p class="service-2-p">Logo design</p>
<p class="service-2-p">Number of revisions: 5</p>
<a class="btn service-2-purchase" href="#">Purchase</a>
</div>
<div class="col-lg-12 mb-4 service-3 scroll-animation">
<h1 class="fw-bold service-3-h1">Pinnacle Web </h1>
<p class="service-price">$4980/yr</p>
<p class="service-3-p">Wesbite + Maintenance</p>
<p class="service-3-p">First Priority</p>
<p class="service-3-p">Upto 9 Individually designed pages</p>
<p class="service-3-p">Immediate bug fixes</p>
<p class="service-3-p">Responsive webdesign</p>
<p class="service-3-p">Webhosting</p>
<p class="service-3-p">Logo design</p>
<p class="service-3-p">Custom UI/UX design</p>
<p class="service-3-p">Blog Page</p>
<p class="service-3-p">Hack-fix Guarantee</p>
<p class="service-3-p">Site Backup and Security</p>
<p class="service-3-p">Custom Illustrations & Animations</p>
<p class="service-3-p">Dedicated Project Team</p>
<a class="btn service-3-purchase" href="#">Purchase</a>
</div>
</div>
<script src="main.js"></script>
</body>
</html>