-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathweb_page01.html
101 lines (77 loc) · 3.1 KB
/
web_page01.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/2022_javascript/istockphoto-1125625274-612x612.jpg" type="image/icon">
<link rel="stylesheet" href="/2022_javascript/web01.css">
<title>D-zone</title>
</head>
<body>
<nav id="navbar">
<div id="logo" title="D-zone"><img src="/2022_javascript/istockphoto-1125625274-612x612.jpg" alt="logo"></div>
<div id="search-bar" title="search-bar">
<input type="text" placeholder="search.." id="input">
<button id="btn" title="search button">search</button>
</div>
<div class="list-item">
<ul id="list">
<li><a href="#" alt="about" title="about" >About</a></li>
<li id="li1"><a href="#" title="Product" >Product </a>
<div id="t">
<p>smartphone</p>
<p>laptop</p>
<p>headphone</p>
</div>
</li>
<li><a href="#" title="servieces" >Services</a></li>
<li><a href="#" title="contact us" >Contact</a></li>
</div>
</ul>
<span id="ulspan" onclick="c()">☰</span>
</nav>
<div id="mid-section">
<div id="mid">
<p><h2>LOGIN HERE!</h2></p>
<div id="mid00">
<div id="mid10">
<p>NAME:</p>
<p>AGE:</p>
<p>GMAIL:</p>
<p>PASSWORD:</p>
</div>
<div id="mid11">
<input type="text" id="name">
<input type="number" id="age">
<input type="email" id="email">
<input type="password" id="password">
<div id="is">
<p>
ARE YOU AGRES TO THE POINT :
</p>
<input type="checkbox" id="checkbox">
</div>
<button id="loginbtn">LOGIN
</button>
</div>
</div>
<div>
</div>
</div>
<footer>
<div id="socialmedia">
<span>socialmedia link:</span>
<img src="/2022_javascript/socialmediaicon/whatsapp.png" alt="whatsapp" class="sm" title="whatsapp">
<img src="/2022_javascript/socialmediaicon/facebook.png" alt="facebook" class="sm" title="facebook">
<img src="/2022_javascript/socialmediaicon/youtube (1).png" alt="youtube" class="sm" title="youtube">
<img src="/2022_javascript/socialmediaicon/instagram.png" alt="instagram" class="sm" title="instagram">
</div>
<div id="foot">
<img src="/2022_javascript/istockphoto-1125625274-612x612.jpg" alt="copy right" id="img2">
<p> | ALL RIGHT RESERVER TO D-zone | 2018 Ⓒ</p>
</div>
</footer>
<script src="/2022_javascript/web_page01.js"></script>
</body>
</html>