collegeguide.com/homepage_for_project(basic str).html at master · beingdutta/collegeguide.com · 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
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
<html>

	<head>
			<style type="text/css">
					*{
						padding: 0px;
						margin: 0px;
					}
				body{
					background-image: url(http://blog.hostbaby.com/wp-content/uploads/2014/03/Trees_1400x900.png);
					padding-top: :40px;
					text-decoration: none;
				}
				.menudropdown{
					height: 80px;
					background-color:rgba( 3, 3, 3 ,0.5);
					padding-left: 400px;
				}
				ul li a{
					text-decoration: none;
					color: white;
				}
				ul{
					list-style-type: none;
				}
				ul li{
					float: left;
					width: 200px;
					height: 80px;
					line-height: 80px;
					transition-property: width,transform;
					transition-duration: 0.8s;
					transition-timing-function: linear;
					text-align: center;
				}

				ul li ul li ul.inside2 li{
					display: none;
				}
				ul li ul li:hover ul.inside2 li{
					display: block;
				}

				ul li ul li{
					position: relative;
					height:60px;
					font-size: 14px;
					font-weight: bold;
					padding:-10px;

					left: -0px;
					display: none;
					background: rgba(40, 55, 71,0.5);
				}
				ul li:hover ul li{
					display: block;
				}
				ul li:hover{
					background: rgba(247, 220, 111,0.6);
					border-bottom:6px solid rgb( 35, 155, 86 );
					cursor: help;
					width:230px;
					transform:scale(1.3,1.1);
				}

				ul li ul li ul li{
					position: relative;
					left:150px;
					top:-60px;
				}
			</style>
 	</head>

	<body>
		<div class="menudropdown">

		<ul>
			<li class><a href="#">HOME</a></li>

			<li class><a href="#">ABOUT</a>
				<ul>
						<li><a href="#">TEAM</a></li>
						<li><a href="#">BODY</a>
						<ul class="inside2">
							<li ><a href="#">LINK1</a></li>
							<li><a href="#">LINK2</a></li>
						</ul>
						</li>
						<li><a href="#">LINK1</a></li>
						<li><a href="#">LINK2</a></li>
						<li><a href="#">LINK3</a></li>

				</ul>
			</li>

			<li class><a href="#">THINGS</a>
				<ul>

						<li><a href="#">things1</a></li>
						<li><a href="#">things2</a></li>
						<li><a href="#">things3</a></li>
						<li><a href="#">LINK2</a></li>
						<li><a href="#">LINK3</a></li>
				</ul>
			</li>

			<li class><a href="#">CONTACT</a>
				<ul>
						<li><a href="#">things1</a></li>
						<li><a href="#">things2</a></li>
						<li><a href="#">things3</a></li>
						<li><a href="#">LINK2</a></li>
						<li><a href="#">LINK3</a></li>
				</ul>
			</li>
		</ul>

		</div>
	</body>
</html>