Spaces:
Running
Running
Change all regerences of Eddy's Handy Haven to 'Edd Your Handy' (since that's the new business anme) and make the text more readable (contract on text is not enough so its not readable in the hero ). Make these changes
Browse files- index.html +17 -12
- style.css +25 -2
index.html
CHANGED
|
@@ -10,9 +10,14 @@
|
|
| 10 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 11 |
<style>
|
| 12 |
.hero-gradient {
|
| 13 |
-
background: linear-gradient(135deg, rgba(30, 58, 138, 0.
|
|
|
|
| 14 |
}
|
| 15 |
-
.
|
|
|
|
|
|
|
|
|
|
|
|
|
| 16 |
transform: translateY(-5px);
|
| 17 |
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
| 18 |
}
|
|
@@ -34,8 +39,8 @@
|
|
| 34 |
<div class="flex items-center">
|
| 35 |
<div class="flex-shrink-0 flex items-center">
|
| 36 |
<i data-feather="tool" class="h-8 w-8 text-indigo-600"></i>
|
| 37 |
-
<span class="ml-2 text-xl font-bold text-gray-900">
|
| 38 |
-
|
| 39 |
</div>
|
| 40 |
<div class="hidden md:block">
|
| 41 |
<div class="ml-10 flex items-center space-x-4">
|
|
@@ -67,11 +72,11 @@
|
|
| 67 |
<div class="hero-gradient text-white">
|
| 68 |
<div class="max-w-7xl mx-auto py-24 px-4 sm:py-32 sm:px-6 lg:px-8 text-center">
|
| 69 |
<h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl">
|
| 70 |
-
|
| 71 |
-
|
| 72 |
<p class="mt-6 max-w-3xl mx-auto text-xl">
|
| 73 |
-
|
| 74 |
-
|
| 75 |
<div class="mt-10">
|
| 76 |
<a href="#booking" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-indigo-700 bg-white hover:bg-gray-50">
|
| 77 |
<i data-feather="calendar" class="mr-2"></i> Book a Service
|
|
@@ -188,8 +193,8 @@
|
|
| 188 |
About Eddy's Handy Haven
|
| 189 |
</h2>
|
| 190 |
<p class="mt-3 text-lg text-gray-500">
|
| 191 |
-
Founded in 2010,
|
| 192 |
-
|
| 193 |
<div class="mt-6">
|
| 194 |
<div class="flex items-start">
|
| 195 |
<div class="flex-shrink-0">
|
|
@@ -489,8 +494,8 @@
|
|
| 489 |
<div class="mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between">
|
| 490 |
<div class="flex space-x-6 md:order-2">
|
| 491 |
<p class="text-base text-gray-400">
|
| 492 |
-
© 2023
|
| 493 |
-
|
| 494 |
</div>
|
| 495 |
<div class="mt-8 md:mt-0 md:order-1">
|
| 496 |
<p class="text-base text-gray-400">
|
|
|
|
| 10 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 11 |
<style>
|
| 12 |
.hero-gradient {
|
| 13 |
+
background: linear-gradient(135deg, rgba(30, 58, 138, 0.95) 0%, rgba(99, 102, 241, 0.95) 100%);
|
| 14 |
+
color: #fff;
|
| 15 |
}
|
| 16 |
+
.hero-gradient a {
|
| 17 |
+
color: white;
|
| 18 |
+
text-decoration: underline;
|
| 19 |
+
}
|
| 20 |
+
.service-card:hover {
|
| 21 |
transform: translateY(-5px);
|
| 22 |
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
| 23 |
}
|
|
|
|
| 39 |
<div class="flex items-center">
|
| 40 |
<div class="flex-shrink-0 flex items-center">
|
| 41 |
<i data-feather="tool" class="h-8 w-8 text-indigo-600"></i>
|
| 42 |
+
<span class="ml-2 text-xl font-bold text-gray-900">Edd Your Handy</span>
|
| 43 |
+
</div>
|
| 44 |
</div>
|
| 45 |
<div class="hidden md:block">
|
| 46 |
<div class="ml-10 flex items-center space-x-4">
|
|
|
|
| 72 |
<div class="hero-gradient text-white">
|
| 73 |
<div class="max-w-7xl mx-auto py-24 px-4 sm:py-32 sm:px-6 lg:px-8 text-center">
|
| 74 |
<h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl">
|
| 75 |
+
<span class="bg-black bg-opacity-70 px-2 py-1 rounded">Expert Home Services You Can Trust</span>
|
| 76 |
+
</h1>
|
| 77 |
<p class="mt-6 max-w-3xl mx-auto text-xl">
|
| 78 |
+
<span class="bg-black bg-opacity-70 px-2 py-1 rounded">From small repairs to complete remodels, Edd Your Handy delivers quality craftsmanship with a personal touch.</span>
|
| 79 |
+
</p>
|
| 80 |
<div class="mt-10">
|
| 81 |
<a href="#booking" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-indigo-700 bg-white hover:bg-gray-50">
|
| 82 |
<i data-feather="calendar" class="mr-2"></i> Book a Service
|
|
|
|
| 193 |
About Eddy's Handy Haven
|
| 194 |
</h2>
|
| 195 |
<p class="mt-3 text-lg text-gray-500">
|
| 196 |
+
Founded in 2010, Edd Your Handy has been serving the community with reliable, high-quality home services. Our team of skilled professionals takes pride in every project, big or small.
|
| 197 |
+
</p>
|
| 198 |
<div class="mt-6">
|
| 199 |
<div class="flex items-start">
|
| 200 |
<div class="flex-shrink-0">
|
|
|
|
| 494 |
<div class="mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between">
|
| 495 |
<div class="flex space-x-6 md:order-2">
|
| 496 |
<p class="text-base text-gray-400">
|
| 497 |
+
© 2023 Edd Your Handy. All rights reserved.
|
| 498 |
+
</p>
|
| 499 |
</div>
|
| 500 |
<div class="mt-8 md:mt-0 md:order-1">
|
| 501 |
<p class="text-base text-gray-400">
|
style.css
CHANGED
|
@@ -1,8 +1,31 @@
|
|
|
|
|
| 1 |
body {
|
| 2 |
-
padding:
|
| 3 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4 |
}
|
| 5 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 6 |
h1 {
|
| 7 |
font-size: 16px;
|
| 8 |
margin-top: 0;
|
|
|
|
| 1 |
+
|
| 2 |
body {
|
| 3 |
+
padding: 0;
|
| 4 |
+
margin: 0;
|
| 5 |
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
| 6 |
+
line-height: 1.6;
|
| 7 |
+
color: #333;
|
| 8 |
+
}
|
| 9 |
+
|
| 10 |
+
.hero-gradient h1,
|
| 11 |
+
.hero-gradient p {
|
| 12 |
+
text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
|
| 13 |
+
}
|
| 14 |
+
|
| 15 |
+
h1, h2, h3, h4 {
|
| 16 |
+
font-weight: 700;
|
| 17 |
+
line-height: 1.2;
|
| 18 |
+
color: #111;
|
| 19 |
}
|
| 20 |
|
| 21 |
+
p {
|
| 22 |
+
color: #444;
|
| 23 |
+
margin-bottom: 1em;
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
.card {
|
| 27 |
+
background: white;
|
| 28 |
+
}
|
| 29 |
h1 {
|
| 30 |
font-size: 16px;
|
| 31 |
margin-top: 0;
|