-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
233 lines (231 loc) · 16.1 KB
/
index.html
File metadata and controls
233 lines (231 loc) · 16.1 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html>
<head>
<title>TechFix</title>
<meta charset="UTF-8">
<link rel="icon" type="image/x-png" sizes="128x128" href="icon.png">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Faculty+Glyphic" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="website.css">
</head>
<body>
<div class="container">
<div class="half1">
<video autoplay loop muted display-inline class="adv">
<source src="advertisement.mp4" type="video/mp4">
</video>
<nav class="navbar">
<div class="heading"><img src="icon.png" alt="tech" width="50px" height="50px">TechFix
<div class="cross"><i class="fa-solid fa-bars"></i></div>
</div>
<ul class="cont">
<li class="items"><a href="#">Home</a></li>
<li class="items"><a href="#sec">Repairs</a></li>
<li class="items"><a href="#srs">Services</a></li>
<li class="items" id="si"><a href="#">Signin</a></li>
</ul>
</nav>
<div class="login">
<form id="form" name="not" autocomplete="on">
<div class="lo">
<i class="fas fa-times" id="crs1"></i>
<h1>Get Started</h1>
<div class="val"><h4>User Name</h4><div class="m"><i class="fas fa-user"></i><input type="text" name="username" id="username" placeholder="e.g: John Doe" /></div><div class="error"></div></div>
<div class="val"><h4>Email</h4><div class="m"><i class="fas fa-envelope"></i><input type="email" name="Email" id="Email" placeholder="e.g: example@gmail.com" /></div><div class="error"></div></div>
<div class="val"><h4>Password</h4><div class="m"><i class="fas fa-key"></i><i class="fas fa-eye" id="sp" style="position: absolute; margin-left: 270px;"></i><input type="password" name="password" id="password" placeholder="Your Password" /></div><div class="error"></div></div>
<div class="val"><button id="btn" type="submit">Submit</button></div>
</div>
</form>
</div>
<div class="contents">
<div class="icont">
<img src="fix.png" alt="repair" width="90px" height="90px">
<p>Facing tech issues? Look no further! Our expert team is here to provide swift and reliable solutions, ensuring your technology runs smoothly. From software glitches to hardware malfunctions, we've got you covered. Trust us to resolve your tech troubles efficiently so you can focus on what matters most.</p>
<a href="https://forms.gle/mZ7eiW4HAYcVvrxf7" target="_blank"><div class="buttons"><i class="fas fa-calendar-check"></i>Book Appointment</div></a>
</div>
</div>
</div>
<div class="ihalf2">
<h1 class="info">Most Trusted Tech Repair Center</h1>
<div class="half2">
<div class="val1"><img src="clock.jpeg" alt="clock" class="infoimg"><h1>Open 24/7 - Available</h1><p>Experience unparalleled convenience with our services. We are always here to cater to your needs. Our commitment to being open 24/7 ensures that you can rely on us anytime providing you with seamless access to the support you require</p></div>
<div class="val2"><img src="heart.jpg" alt="heart" class="infoimg"><h1>Satisfaction Guaranteed</h1><p>Your satisfaction is our top priority. We stand behind the quality of our services and products with a solid guarantee. Experience the peace of mind that comes with our commitment to excellence and customer happiness.</p></div>
<div class="val3"><img src="avatar.jpg" alt="avatar" class="infoimg"><h1>Professional Technicians</h1><p>Experience the best in technical support with our team of professionally trained technicians. Equipped with the latest skills and industry knowledge, they are dedicated to providing top-notch service for all your technical needs.Ensuring your technology operates smoothly and without interruption.</p></div>
</div>
</div>
<div class="half3" id="sec"><h1>Get Your Repair Started</h1>
<div class="rs">
<div class="cts"><div class="res"><div class="fl"><img src="monitor.jpg" alt="repairs" class="rimg"></div><h3>PC Monitor Computer</h3></div><div class="res"><p>Our expert technicians provide fast, reliable repairs to restore optimal performance.</p><div class="book"><a href="#">Book Now...</a></div></div></div>
<div class="cts"><div class="res"><div class="fl"><img src="laptop.png" alt="repairs" class="rimg"></div><h3>Laptops, MAC Books</h3></div><div class="res"><p>Our skilled technicians provide quick, dependable repairs for your laptop quickly.</p><div class="book"><a href="#">Book Now...</a></div></div></div>
<div class="cts"><div class="res"><div class="fl"><img src="console.png" alt="repairs" class="rimg"></div><h3>Video Game Consoles</h3></div><div class="res"><p>Our seasoned technicians provide swift, reliable repairs to get you back in game.</p><div class="book"><a href="#">Book Now...</a></div></div></div>
<div class="cts"><div class="res"><div class="fl"><img src="cdpal.png" alt="repairs" class="rimg"></div><h3>CD, DVD Players (parts)</h3></div><div class="res"><p>Our expert technicians offer fast, dependable repairs to restore your DVD player.</p><div class="book"><a href="#">Book Now...</a></div></div></div>
</div>
</div>
<div class="half4">
<h1>Everybody has standards Ours are just better.</h1>
<p>Everyone has standards, but ours are superior, setting us apart with exceptional quality and excellence. We go above and beyond to deliver results that exceed expectations, consistently achieving standards that others aspire to.</p>
</div>
<div class="half5">
<div class="bx"><i class="fas fa-wrench" id="cl"></i><h2>Free Diagnostics</h2><p>Unlock your device's full potential with our free diagnostics. Our expert technicians will assess your tech issues and provide a detailed report—all at no cost. Experience hassle-free and reliable repairs with our commitment to quality service.</p></div>
<div class="bx"><i class="fas fa-money-bill-alt" id="cl"></i><h2>Little Price More Benifit</h2><p>Investing a little in our tech repair services leads to great benefits. Our app accurately scans for damages, provides cost estimates, and offers easy-to-follow animated repair tutorials. Ensure best budgeted Repair with us</p></div>
<div class="bx"><i class="fas fa-cog" id="cl"></i><h2>Quick Repair Process</h2><p>Experience a swift and efficient repair process with our tech repair services. Our team quickly identifies damages and provides prompt repairs, ensuring your devices are back in top shape in no time. Enjoy a hassle-free and rapid turnaround.</p></div>
<div class="bx"><i class="fas fa-calendar-check" id="cl"></i><h2>30-Day Warranty</h2><p>Enjoy peace of mind with our 30-day warranty. If any issues arise within 30 days of your repair, we'll fix it at no extra cost. Trust in our commitment to quality and reliability. Rest assured, your satisfaction is our priority.</p></div>
</div>
<div class="hlf1">
<h1>Offering Professional Game Console Repair Service</h1>
<div class="ppconsoles">
<div class="cosh">
<div class="itm1"><img src="ps4.jpg" alt="console" class="cimg"></div>
<div class="itm2">
<h1>Play Station Console Repair</h1>
<p>Restore your PS4 console to its prime with our expert repair services. We handle disc drive repairs, power supply fixes, and fan noise issues—all at competitive prices. Enjoy reassuring 30-day warranty on all repairs. Our reliable service to get your PS4 back in action quickly</p>
<div id="crep">View Playstation Repairs</div>
</div>
</div>
<div class="cosh">
<div class="itm1"><img src="xbox.jpg" alt="console" class="cimg"></div>
<div class="itm2">
<h1>XBOX Console Repair</h1>
<p>Restore your xbox console to its prime with our expert repair services. We handle disc drive repairs, power supply fixes, and fan noise issues—all at competitive prices. Enjoy reassuring 30-day warranty on all repairs. Our reliable service to get your XBOX back in action quickly</p>
<div id="crep">View Xbox Repairs</div>
</div>
</div>
<div class="cosh">
<div class="itm1"><img src="nintendo.jpg" alt="console" class="cimg"></div>
<div class="itm2">
<h1>Nintendo Console Repair</h1>
<p>Restore your nintendo console to its prime with our expert repair services. We handle disc drive repairs, power supply fixes, and fan noise issues—all at competitive prices. Enjoy reassuring 30-day warranty on all repairs. Our reliable service to get your Nintendo back in action quickly</p>
<div id="crep">View nintendo Repairs</div>
</div>
</div>
</div>
</div>
<div class="tswt">
<a class="button left"><span><i class="fa-solid fa-chevron-left"></i></span></a><h1 id="rs5">View our Repairs</h1><a class="button right"><span><i class="fa-solid fa-chevron-right"></i></span></a>
</div>
<div class = "plans" id="srs">
<div class="plansi">
<div class="phgt"><h1>$250</h1><i class="fas fa-globe"></i></div>
<h1>Regular Plans</h1>
<div class="cnts">
<div>
<i class="fas fa-check"></i>
<p>Screen Repairs</p>
</div>
<div>
<i class="fas fa-times"></i>
<p>Full Replacements</p>
</div>
<div>
<i class="fas fa-times"></i>
<p>Additional Warranty</p>
</div>
<div>
<i class="fas fa-times"></i>
<p>24/7 Services</p>
</div>
<div>
<i class="fas fa-times"></i>
<p>Unlimited Support</p>
</div>
</div>
</div>
<div class="plansi"><div class="phgt"><h1>$980</h1><i class="fas fa-briefcase"></i></div>
<h1>Standard Plans</h1>
<div class="cnts">
<div>
<i class="fas fa-check"></i>
<p>Screen Repairs</p>
</div>
<div>
<i class="fas fa-check"></i>
<p>Full Replacements</p>
</div>
<div>
<i class="fas fa-check"></i>
<p>Additional Warranty</p>
</div>
<div>
<i class="fas fa-times"></i>
<p>24/7 Services</p>
</div>
<div>
<i class="fas fa-times"></i>
<p>Unlimited Support</p>
</div>
</div>
</div>
<div class="plansi">
<div class="phgt"><h1>$1120</h1><i class="fas fa-gem"></i></div>
<h1>Premium Plans</h1>
<div class="cnts">
<div>
<i class="fas fa-check"></i>
<p>Screen Repairs</p>
</div>
<div>
<i class="fas fa-check"></i>
<p>Full Replacements</p>
</div>
<div>
<i class="fas fa-check"></i>
<p>Additional Warranty</p>
</div>
<div>
<i class="fas fa-check"></i>
<p>24/7 Services</p>
</div>
<div>
<i class="fas fa-check"></i>
<p>Unlimited Support</p>
</div>
</div>
</div>
</div>
<div class="hlf2">
<h1>Get in touch with us</h1>
<form>
<input type="text" name="Name" placeholder="Name:" id="name" required>
<input type="email" name="Email" placeholder="E-mail:" id="mail" required>
<textarea name="Name" placeholder="Message:" id = "msg" required></textarea>
<input type="button" value="Submit"id="sub">
</form>
<h3 id="disp"></h3>
</div>
</div>
<div class="half6">
<div class="ihf1"><img src="3366891.jpg" alt="phone" class="igs"></div>
<div class="ihf2"><p>#On comment Page</p><h1>What People Are Says</h1><div class="stars"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div><div class="pop"><img src="jrktopper.jpeg" alt="people" class="jrk"><div class="name"><h1>Jeshua Roji Kannethu</h1><p>A professional Fullstack developer</p></div></div>
<p id="review">I had an outstanding experience using the Tech Fix website! The user-friendly interface made it incredibly easy to navigate and find the services I needed. My device was fixed perfectly, and the 30-day warranty gave me extra peace of mind.</p>
</div>
</div>
<div class="footer">
<div class="alignments">
<div class="conts">
<div class="itms"><div class="iic"><img src="icon.png" alt="techfix" width="70px" height="70px"><h1>TechFix</h1></div>
<p>TechFix Company 1234 Innovation Drive Suite 567 Tech City, CA 90210</p>
<p><b>Email:</b> info@techfix.com</p></div></div>
<div class="conts">
<div class="grds"><h1>TechFix</h1><p>repairs</p><p>Contact</p><p>Blog</p><p>About</p></div>
<div class="grds"><h1>Services</h1><p>Publishing</p><p>Solutions</p><p>ComplexFix</p></div>
<div class="grds"><h1>Events</h1><p>PVR</p><p>Jones</p></div>
</div>
<div class="conts"><div class="itms"><h2>Follow us on:</h2><div class="icons">
<a href="https://www.twitter.com" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.facebook.com" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.play.google.com" target="_blank"><i class="fab fa-google-play"></i></a>
<a href="https://www.pininterest.com" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="https://www.youtube.com" target="_blank"><i class="fab fa-youtube"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<script src="website.js"></script>
</body>