Skip to content

Commit 049dc4b

Browse files
BhalliBhaiBhalliBhai
committed
Select Menu
1 parent 4f74eb3 commit 049dc4b

File tree

1 file changed

+46
-44
lines changed

1 file changed

+46
-44
lines changed

‎29. Select Menu/index.html‎

Lines changed: 46 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,50 @@
1+
<!DOCTYPE html>
12
<html lang="en">
2-
<head>
3-
<meta charset="UTF-8" />
4-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Social Media Menu Select</title>
7-
<link rel="stylesheet" href="style.css" />
8-
</head>
9-
<body>
10-
<header>
11-
<div class="selector">
12-
<div id="selectField">
13-
<p id="selectText">Select Social Media</p>
14-
<img src="images/arrow.png" id="arrowIcon" />
15-
</div>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="style.css" />
7+
<title>Social Media Menu Select</title>
8+
</head>
9+
<body>
1610

17-
<ul id="list" class="hide">
18-
<li class="options">
19-
<img src="images/facebook.png" />
20-
<p>Facebook</p>
21-
</li>
22-
<li class="options">
23-
<img src="images/instagram.png" />
24-
<p>Instagram</p>
25-
</li>
26-
<li class="options">
27-
<img src="images/pinterest.png" />
28-
<p>Pinterest</p>
29-
</li>
30-
<li class="options">
31-
<img src="images/twitter.png" />
32-
<p>Twitter</p>
33-
</li>
34-
<li class="options">
35-
<img src="images/whatsapp.png" />
36-
<p>Whatsapp</p>
37-
</li>
38-
<li class="options">
39-
<img src="images/youtube.png" />
40-
<p>YouTube</p>
41-
</li>
42-
</ul>
11+
<header>
12+
<div class="selector">
13+
<div id="selectField">
14+
<p id="selectText">Select Social Media</p>
15+
<img src="images/arrow.png" id="arrowIcon" />
4316
</div>
44-
</header>
4517

46-
<script src="app.js"></script>
47-
</body>
48-
</html>
18+
<ul id="list" class="hide">
19+
<li class="options">
20+
<img src="images/facebook.png" />
21+
<p>Facebook</p>
22+
</li>
23+
<li class="options">
24+
<img src="images/instagram.png" />
25+
<p>Instagram</p>
26+
</li>
27+
<li class="options">
28+
<img src="images/pinterest.png" />
29+
<p>Pinterest</p>
30+
</li>
31+
<li class="options">
32+
<img src="images/twitter.png" />
33+
<p>Twitter</p>
34+
</li>
35+
<li class="options">
36+
<img src="images/whatsapp.png" />
37+
<p>Whatsapp</p>
38+
</li>
39+
<li class="options">
40+
<img src="images/youtube.png" />
41+
<p>YouTube</p>
42+
</li>
43+
</ul>
44+
</div>
45+
</header>
46+
47+
<script src="app.js"></script>
48+
49+
</body>
50+
</html>

0 commit comments

Comments
 (0)