Skip to content

Commit 42477dc

Browse files
Stechie-techStechie-tech
authored
Create Ste.html
1 parent c7626c0 commit 42477dc

1 file changed

Lines changed: 103 additions & 0 deletions

File tree

‎Ste.html‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewpoint" content="width=device-width,initial-scale=1.0">
6+
<title>
7+
My Website
8+
</title>
9+
10+
<style>
11+
@keyframes colorChange {
12+
0% { color: blue; }
13+
50% { color: red; }
14+
100% { color: green; }
15+
}
16+
17+
@keyframes slideIn {
18+
0% { transform: translateX(-100%); }
19+
100% { transform: translateX(0); }
20+
}
21+
22+
.animated-header {
23+
font-size: 36px;
24+
font-weight: bold;
25+
animation: colorChange 4s infinite, slideIn 2s ease-in-out;
26+
}
27+
</style>
28+
</head>
29+
<body>
30+
<h1 class="animated-header">Stechie Collections!</h1> <hr>
31+
</head>
32+
33+
34+
<h1 style="color:blue;">Who are we?</h1>
35+
36+
<p>We are your one stop shop for all your electronics and households</p>
37+
<p>We offer delivery services accross the country</p>
38+
<p>Customer Satisfaction is our delight!</p>
39+
40+
41+
<h1 style="color:rgb(255, 0, 72);">Know our products</h1>
42+
43+
<style>
44+
.image-container {
45+
display: flex; /* Align images horizontally */
46+
justify-content: space-between; /* Add equal spacing between images */
47+
padding: 120px; /* Add padding around the container */
48+
}
49+
50+
.image-container img {
51+
margin: 100px; /* Add space around each image */
52+
width: 350px; /* Set a specific width for the images */
53+
height: auto; /* Maintain aspect ratio */
54+
}
55+
</style>
56+
57+
<nav>
58+
<li><a href="#">Electronics</a></li>
59+
<img><img src="cooker.jpg" alt="Free Standing Electric Cookers"width="200" height="200">
60+
<img><img src="Samsung.jpg.webp" alt="Smart Televisions"width="200" height="200"> <br>
61+
62+
<li><a href="#">Phones</a></li>
63+
<img><img src="Tecno Spark.jpeg" alt="Tecno Spark 30"width="150" height="150">
64+
<img><img src="Camon 40.jpeg" alt="Tecno Camon 40"width="200" height="200">
65+
66+
</nav>
67+
<h1 style="color:blue;">Ready to order?</h1>
68+
69+
<p>Fill in your details below</p>
70+
<form action="submit_form.php" method="post">
71+
<label for="name">Name:</label>
72+
<input type="text" id="name" name="name" required><br><br>
73+
74+
<label for="email">Email:</label>
75+
<input type="email" id="email" name="email" required><br><br>
76+
77+
<label for="Location">Location:</label>
78+
<input type="Location" id="location" name="Location" required><br><br>
79+
<label for="Delivery Time">Delivery Time:</label><br>
80+
<select id="Delivery Time" name="Delivery Time">
81+
<option value="10.00-11.00 A.M">10.00-11.00 A.M</option>
82+
<option value="12.00-2.00O P.M">12.00-2.00O P.M</option>
83+
<option value="4.00-6.00 P.M">4.00-6.00 P.M</option> <br><br>
84+
85+
<br><input type="submit" value="Submit">
86+
87+
</form>
88+
<footer>
89+
<p>&copy; 2025 Stechie Collections. All rights reserved.</p>
90+
<p>Contact us: <a href="mailto:customerservice@stechiecollections.org">customerservice@stechiecollections.org</a> <br>
91+
| Phone: +254738 625 455</p>
92+
<p>
93+
Follow us on:
94+
<a href="https://facebook.com/stechiecollections" target="_Stechie Collections">Facebook</a> |
95+
<a href="https://twitter.com/sishstella" target="_Sishstella">Twitter</a> |
96+
<a href="https://instagram.com/yourprofile" target="_Stechie Collections">Instagram</a> |
97+
<a href="https://tiktok.com/stechiecollections" target="_Stechie Collections">TikTok</a>
98+
</p>
99+
</footer>
100+
101+
</body>
102+
103+
</html>

0 commit comments

Comments
 (0)