-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (120 loc) · 5.78 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>
<img src="./logo.jpg" alt="My company logo">
</header>
<main>
<h1>Hello this is my own startup/shop website using HTML</h1>
<h2>My company mission is to sell item and earn profit</h2>
<center>
<table>
<tr>
<th>Product</th>
<th>Product description</th>
<th>Price</th>
<th>Review product</th>
</tr>
<tr>
<td>
<img src="./system-design-the-big-master.jpeg" alt="Book 1">
</td>
<td>This book is about IT, buy it if you work in IT</td>
<td>50$</td>
<td>
<iframe width="560" height="315"
src="https://www.youtube.com/embed/Pyb8yvEWreA?si=hC7fKu7j2IOErIDi"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
</iframe>
</td>
</tr>
<tr>
<td>
<img src="./P22869.png" alt="Eye drop">
</td>
<td>This is a eye drop support you with more comfortable in the eyes</td>
<td>10$</td>
<td>Lorem isprum</td>
</tr>
</table>
</center>
<form action="abc.html" method="POST">
<caption>Order product form</caption> <br>
<label for="First name">Enter your first name</label>
<input type="text" name="username" id="First name" placeholder="Enter your first name"> <br>
<label for="Last name">Enter your last name</label>
<input type="text" name="username" id="Last name" placeholder="Enter your last name"> <br><br>
<caption>Enter your Location</caption> <br>
<label for="address">Address</label>
<input type="address" name="address" id="address" placeholder="Enter your address"> <br>
<div>
<label for="district">District</label>
<select value="district" id="district">
<option value="">Choose your district</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
</select>
</div>
<div>
<label for="city">City</label>
<select value="city" id="city">
<option value="">Choose your City</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
</select>
</div>
<label for="postcode">Enter postcode</label>
<div>
<input type="text" name="postcode" id="postcode">
</div>
<caption>Purchase option</caption>
<div>
<label for="product">Product</label>
<select value="product" id="product">
<option value="">Choose your product</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
<option value="lorem isprum"> lorem isprum</option>
</select>
</div>
<p>Hint: Use Shift/Ctrl key to select multiple products</p>
<button type="submit">
Order now
</button>
</form>
</main>
<footer>
<p>©Copyright 2024 by me (My company). All rights reserved. | Made with love ❤️❤️</p>
</footer>
</body>
</html>