delta_webdevtask2/githubpage2.html at master · pratikshya36/delta_webdevtask2 · GitHub

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
<DOCTYPE! html>
<html>
<head>
<title>
io.page
</title>
</head>
<style>


*{margin:-3px;
 padding:1px;
 }
 body{background-color:black;}
 #container ul ul
 {display:none;}
 #container ul li:hover > ul{display:block;}
 #container ul ul ul
 { margin-left:200px;
   top:-3px;
   position:absolute;
   }

#container ul
{
list-style:none;
}
#container ul li
{
background-color:lightblue;
width:200px;
border:15px solid black;
height:50px;
line-height:50px;
float:left;
text-align:center;
color:white;
cursor:pointer;position:relative;
}
#container ul li:hover{background-color:#777}
</style>
<body>
<div id="container">
 <ul>
   <li>NAME
      <ul>
	  <li>Pratikshya Sahoo</li>
	  </ul>
	</li>
   <li>DEPARTMENT
      <ul>
	  <li>Production Engg.</li>
	  </ul>
   </li>
   <li>MORE ABOUT ME
       <ul>

		 <li>My HomeState
		     <ul>
			 <li>Odisha</li>
			 </ul>

		 </li>
		 <li>My HomeTown
		     <ul>
			 <li>Bhubaneswar</li>
			 </ul>

		 </li>

		  <li>My Education
		      <ul>

			  <li>10th:Loyola School</li>
			  <li>12th:Mother's Public School</li>

			   </ul>
			   </li>
		 <li>My hobbies
             <ul>
			 <li>painting</li>
			 <li>sleeping</li>
			 </ul>
			 </li>
   </li>
</ul>
</div>

</body>
</html>