Skip to content

Commit fcca06f

Browse files
Fluffy728Fluffy728
authored
Create home.html
1 parent 96c3375 commit fcca06f

File tree

1 file changed

+90
-0
lines changed

1 file changed

+90
-0
lines changed

‎src/deploy/home.html

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
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.0">
6+
<title>About Deploy | Scratch Coding Hut</title>
7+
<script src="https://cdn.tailwindcss.com"></script>
8+
<link rel="preconnect" href="https://fonts.googleapis.com">
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
11+
<style>
12+
body {
13+
font-family: 'Inter', sans-serif;
14+
}
15+
</style>
16+
</head>
17+
<body class="bg-gray-100">
18+
<header class="bg-blue-500 text-white py-4 flex justify-between items-center shadow-md sticky top-0 z-10 rounded-md">
19+
<div class="logo text-xl font-bold ml-4">Deploy | Coding Hut</div>
20+
<nav class="mr-4">
21+
<ul class="flex space-x-4">
22+
<li><a href="index.html" class="hover:text-blue-300 no-underline">Back To Coding Hut</a></li>
23+
<li><a href="deploy/home.html" class="hover:text-blue-300 no-underline">Deploy Home</a></li>
24+
<li><a href="services.html" class="hover:text-blue-300 no-underline">About Deploy</a></li>
25+
<li><a href="contact.html" class="hover:text-blue-300 no-underline">Download Deploy</a></li>
26+
</ul>
27+
</nav>
28+
</header>
29+
30+
<main class="container mx-auto py-8">
31+
<section id="home" class="text-center mb-16">
32+
<h2 class="text-3xl font-semibold text-blue-600 mb-4">Welcome to ScratchURL</h2>
33+
<p class="text-gray-700">Deploy By Coding Hut Is An Application To Manage Website Hosting & Deployment Related Requests (for coding hut)</p>
34+
<button onclick="download()" class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded mt-4">Download</button>
35+
</section>
36+
37+
<section id="about" class="text-center mb-16 bg-white rounded-lg shadow-md p-6">
38+
<h2 class="text-2xl font-semibold text-blue-600 mb-4">About Us</h2>
39+
<p class="text-gray-700">This is the about section. Tell us about your company or yourself.</p>
40+
<div class="flex justify-center mt-4">
41+
<img src="https://placehold.co/600x400/EEE/31343C" alt="About Us" class="rounded-lg">
42+
</div>
43+
</section>
44+
45+
<section id="services" class="text-center mb-16">
46+
<h2 class="text-2xl font-semibold text-blue-600 mb-4">Our Services</h2>
47+
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
48+
<div class="bg-white rounded-lg shadow-md p-6">
49+
<h3 class="text-xl font-semibold text-gray-800 mb-2">Service 1</h3>
50+
<p class="text-gray-700">Description of service 1.</p>
51+
</div>
52+
<div class="bg-white rounded-lg shadow-md p-6">
53+
<h3 class="text-xl font-semibold text-gray-800 mb-2">Service 2</h3>
54+
<p class="text-gray-700">Description of service 2.</p>
55+
</div>
56+
<div class="bg-white rounded-lg shadow-md p-6">
57+
<h3 class="text-xl font-semibold text-gray-800 mb-2">Service 3</h3>
58+
<p class="text-gray-700">Description of service 3.</p>
59+
</div>
60+
</div>
61+
</section>
62+
63+
<section id="contact" class="text-center mb-16 bg-white rounded-lg shadow-md p-6">
64+
<h2 class="text-2xl font-semibold text-blue-600 mb-4">Contact Us</h2>
65+
<p class="text-gray-700 mb-4">Get in touch with us using the form below.</p>
66+
<form class="max-w-md mx-auto">
67+
<div class="mb-4">
68+
<input type="text" placeholder="Your Name" class="w-full px-4 py-2 rounded-md border border-gray-300 focus:border-blue-500 focus:outline-none">
69+
</div>
70+
<div class="mb-4">
71+
<input type="email" placeholder="Your Email" class="w-full px-4 py-2 rounded-md border border-gray-300 focus:border-blue-500 focus:outline-none">
72+
</div>
73+
<div class="mb-4">
74+
<textarea placeholder="Your Message" class="w-full px-4 py-2 rounded-md border border-gray-300 focus:border-blue-500 focus:outline-none"></textarea>
75+
</div>
76+
<button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Send Message</button>
77+
</form>
78+
</section>
79+
</main>
80+
81+
<footer class="bg-gray-800 text-white py-4 text-center rounded-md">
82+
<p>© 2024 My Website. All rights reserved.</p>
83+
</footer>
84+
</body>
85+
<script>
86+
function download() {
87+
window.location.href = 'deploy/download.html';
88+
}
89+
</script>
90+
</html>

0 commit comments

Comments
 (0)