-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
219 lines (200 loc) · 9.62 KB
/
index.html
File metadata and controls
219 lines (200 loc) · 9.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mile High Tech Solutions</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f4f8;
margin: 0;
padding: 0;
color: #333;
}
h1 {
color: #ffffff;
font-size: 3em;
font-weight: bold;
margin: 0;
}
header {
background-color: #003366;
color: white;
padding: 50px 30px 30px;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
header p {
font-size: 1.2em;
margin-top: 10px;
color: #dce6f0;
}
nav {
background-color: #002244;
text-align: center;
}
nav a {
display: inline-block;
padding: 14px 20px;
color: white;
text-decoration: none;
}
nav a:hover {
background-color: #005599;
}
main {
padding: 30px;
max-width: 900px;
margin: auto;
}
h2, h3 {
color: #003366;
}
footer {
background-color: #e0e0e0;
text-align: center;
padding: 20px;
font-size: 14px;
margin-top: 40px;
}
.services ul {
list-style: none;
padding-left: 0;
}
.services li {
margin-bottom: 10px;
}
.pricing-table {
background: #ffffff;
border: 1px solid #ccc;
padding: 20px;
border-radius: 8px;
}
.contact-form input,
.contact-form textarea {
width: 100%;
padding: 10px;
margin-bottom: 10px;
}
.contact-form button {
padding: 10px 20px;
background-color: #003366;
color: white;
border: none;
cursor: pointer;
}
.contact-form button:hover {
background-color: #005599;
}
.calendar-button {
background-color: #0073e6;
color: white;
padding: 10px 15px;
text-decoration: none;
display: inline-block;
margin-top: 10px;
border-radius: 5px;
}
.calendar-button:hover {
background-color: #005bb5;
}
.confirmation {
color: green;
margin-top: 10px;
}
</style>
</head>
<body>
<header style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;">
<div style="flex: 1; min-width: 200px;">
<h1>Mile High Tech Solutions</h1>
</div>
<div style="flex: 0 0 auto;">
</div>
<p>Your Local Denver Tech Help — Friendly, Fast, and Affordable</p>
</header>
<nav>
<a href="#services">Services</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
<a href="#faq">FAQ</a>
<a href="#terms">Terms</a>
</nav>
<main>
<section id="welcome">
<h2>Welcome to Mile High Tech Solutions</h2>
<p>We specialize in hands-on tech troubleshooting for everyday users across Denver, Colorado. Whether you're struggling with a sluggish PC, printer issues, router setup, or just need some tutoring, we're here to make technology simple and stress-free.</p>
</section>
<section id="services" class="services">
<h2>Our Services</h2>
<p style="font-size: 1.1em; color: #444; margin-bottom: 20px;">We offer personalized, on-site tech support tailored to your everyday needs. Whether it’s troubleshooting, upgrades, or setup, we bring expert help directly to your home with clarity, care, and affordability.</p>
<ul style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-left: 0;">
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;">Laptops, Desktops, All-in-Ones</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;">Printers, Routers, Modems</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;">PC Tune-ups and Slow Computer Troubleshooting</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;">Virus and Malware Scanning & Removal (Windows only)</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;">Data Backup and Transfers</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;">New Computer Setup</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;"><strong>Operating System Installs:</strong> Maintaining Windows 10 and Installing Windows 11</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;">Level 1 Hardware Installs (RAM, SSDs, Batteries)</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;">Basic Software Installations</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;">One-on-One Tutoring and Tech Coaching</li>
</ul>
<div class="pricing-table">
<h3>Pricing</h3>
<ul>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;"><strong>Diagnostic Service:</strong> $70</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;"><strong>Operating System Install:</strong> $30</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;"><strong>Hardware or Software Install:</strong> $30</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;"><strong>Data Backup and Transfer:</strong> $35</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;"><strong>New Computer Setup:</strong> $30</li>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;"><strong>Tech Tutoring (per hour):</strong> $55</li>
</ul>
</div>
</section>
<section id="about">
<h2>About Us</h2>
<p>Founded in Denver, Mile High Tech Solutions is a solo-owned business focused on delivering expert tech support with a personal touch. While we specialize in Windows systems (10 & 11), we’re growing every day and working to expand into Mac support in the future.</p>
<p>Our goal is to make technology work for people — not the other way around. We value transparency, affordability, and honest service above all.</p>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>Reach out via phone or email to schedule your service or ask a question.</p>
<ul>
<li style="border: 1px solid #000; padding: 10px; border-radius: 6px; background-color: #fff;"><strong>Email:</strong> MileHighTechSolutions@outlook.com</li>
</ul>
<form class="contact-form" action="https://formspree.io/f/manbqngd" method="POST" target="_blank">
<input type="text" name="name" placeholder="Your Name" required />
<input type="email" name="email" placeholder="Your Email" required />
<textarea name="message" placeholder="How can we help you?" rows="5" required></textarea>
<button type="submit">Send Message</button>
<p class="confirmation" style="color: green; margin-top: 10px;">Thank you! Your message has been sent successfully.</p>
</form>
<h3>Schedule an Appointment</h3>
<p>Click below to book a time with us. Your appointment will automatically appear on our calendar once scheduled.</p>
<a href="https://calendly.com/psawaged26/30min" target="_blank" class="calendar-button">Set Appointment with Calendly</a>
</section>
<section id="faq">
<h2>Frequently Asked Questions</h2>
<p><strong>Q: Do you work on Macs?</strong><br/>A: At the moment we specialize in Windows 10/11 systems. Mac support is coming soon!</p>
<p><strong>Q: Do you come to my home?</strong><br/>A: Yes, we provide in-home service across the Denver Metro area.</p>
<p><strong>Q: What if my issue can't be fixed?</strong><br/>A: If we can't resolve the issue, we’ll explain your options and you won’t be charged for a fix we can’t provide.</p>
</section>
<section id="terms">
<h2>Terms & Policies</h2>
<p>By scheduling service with Mile High Tech Solutions, you agree to the following terms and conditions which help us provide quality service and protect both parties involved:</p>
<p><strong>Authorization for Service:</strong> You authorize Mile High Tech Solutions to perform diagnostics, repairs, and other services on your device(s).</p>
<p><strong>Diagnostic Fee:</strong> You understand that some services may include a non-refundable diagnostic fee, which covers the time spent assessing your device even if repairs are not completed.</p>
<p><strong>Data Responsibility:</strong> It is your responsibility to back up all data and media before service. Mile High Tech Solutions is not liable for any data loss, corruption, or alteration under any circumstances.</p>
<p><strong>Hardware Limitations:</strong> You acknowledge that some device failures (e.g., CPU or GPU failures) can occur due to pre-existing conditions and are not the responsibility of Mile High Tech Solutions.</p>
<p><strong>Service Quality:</strong> All services are performed professionally and with care. However, we cannot guarantee full data recovery or device longevity when hardware issues are already present.</p>
<p><strong>Consent to Contact:</strong> By submitting a service request, you consent to being contacted by phone or email regarding your service.</p>
</section>
</section>
</main>
<footer>
© 2025 Mile High Tech Solutions LLC. All rights reserved. Proudly serving the Denver Metro area and surrounding areas.
</footer>
</body>
</html>