Skip to content

Commit 42e3fb7

Browse files
stardream56stardream56
authored
Create index.html
1 parent 235a200 commit 42e3fb7

File tree

1 file changed

+128
-0
lines changed

1 file changed

+128
-0
lines changed

‎index.html‎

Lines changed: 128 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>go2repair | Local Repairs 247 </title>
7+
<style>
8+
body {
9+
font-family: Arial, sans-serif;
10+
margin: 0;
11+
background-color: #008000;
12+
color: #008000;
13+
}
14+
header {
15+
background-color: #008000;
16+
color: #008000;
17+
padding: 20px 0;
18+
text-align: center;
19+
}
20+
nav a {
21+
color: #008000;
22+
margin: 0 15px;
23+
text-decoration: none;
24+
font-weight: bold;
25+
}
26+
.hero {
27+
padding: 60px 20px;
28+
text-align: center;
29+
background-color: #007bff;
30+
color: white;
31+
}
32+
.hero h1 {
33+
margin-bottom: 10px;
34+
}
35+
.section {
36+
padding: 40px 20px;
37+
max-width: 1000px;
38+
margin: auto;
39+
}
40+
.services {
41+
display: flex;
42+
flex-wrap: wrap;
43+
justify-content: space-around;
44+
gap: 20px;
45+
}
46+
.service {
47+
background: white;
48+
padding: 20px;
49+
border-radius: 8px;
50+
box-shadow: 0 0 10px rgba(0,0,0,0.1);
51+
flex: 1 1 250px;
52+
}
53+
footer {
54+
text-align: center;
55+
padding: 20px;
56+
background: #222;
57+
color: #fff;
58+
}
59+
a.button {
60+
display: inline-block;
61+
margin-top: 20px;
62+
padding: 12px 25px;
63+
background: #28a745;
64+
color: white;
65+
text-decoration: none;
66+
border-radius: 5px;
67+
font-weight: bold;
68+
}
69+
@media (max-width: 600px) {
70+
.services {
71+
flex-direction: column;
72+
}
73+
}
74+
</style>
75+
</head>
76+
<body>
77+
78+
<header>
79+
<h2>⚒️go2repair⚒️</h2>
80+
<nav>
81+
<a href="#services">Services</a>
82+
<a href="#contact">repairs_r_us@aol.com</a>
83+
<a href="https://www.facebook.com/" target="_blank">Facebook</a>
84+
</nav>
85+
</header>
86+
87+
<section class="hero">
88+
<h1>Fast, Local & Lowcost Repairs</h1>
89+
<p>We fix broken items, consoles, phones, watches, soldering, custom projects – right here in Staines.</p>
90+
<a href="#contact" class="button">Book a Repair</a>
91+
</section>
92+
93+
<section class="section" id="services">
94+
<h2>Our Services</h2>
95+
<div class="services">
96+
<div class="service">
97+
<h3>📱 Phone Repairs</h3>
98+
<p>Cracked screens, charging issues, battery swaps and more.</p>
99+
</div>
100+
<div class="service">
101+
<h3>🎮 Console Repairs, Deep clean, Upgrades </h3>
102+
<p>PlayStation, Xbox, Nintendo – hardware faults and HDMI fixes Fan replacement.</p>
103+
</div>
104+
<div class="service">
105+
<h3>Soldering Repairs</h3>
106+
<p>components, resistors, replacements, and general maintenance.</p>
107+
</div>
108+
<div class="service">
109+
<h3>⏱ Watch Repairs</h3>
110+
<p>Battery changes, strap adjustments, and minor servicing, seals & gasket.</p>
111+
</div>
112+
</div>
113+
</section>
114+
115+
<section class="section" id="contact">
116+
<h2>Contact Us</h2>
117+
<p><strong>Email:repairs_r_us@aol.com</strong>
118+
<p><strong>Facebook:</strong> <a href="https://www.facebook.com/
119+
target="_blank">facebook.com</a></p>
120+
<p><strong>Location:Staines-upon-themes</strong> Local drop off or postal service !</p>
121+
</section>
122+
123+
<footer>
124+
<p>&copy; 2025 go2repair. All rights reserved.</p>
125+
</footer>
126+
127+
</body>
128+
</html>

0 commit comments

Comments
 (0)