Skip to content

Commit 5e2efe8

Browse files
codeplusmathcodeplusmath
authored
One website template updated
1 parent 65b9a98 commit 5e2efe8

3 files changed

Lines changed: 198 additions & 0 deletions

File tree

‎mindspark/background.jpg‎

177 KB
Loading

‎mindspark/index.html‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<html>
2+
<head>
3+
<meta charset="utf-8" >
4+
<title>COEP | College Of Engineering, Pune</title>
5+
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
6+
<link rel="icon" href="https://www.coep.org.in/sites/default/files/coep_logo_0.jpg">
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
10+
<body>
11+
<div class="menu-bar">
12+
<ul>
13+
<li class="active"><a href="#">Home</a></li>
14+
<li><a href="#">Events</a>
15+
<div class="sub-menu-1">
16+
<ul>
17+
<li><a href="http://www.mind-spark.org/Workshop/index.html">Workshops</a></li>
18+
<li><a href="http://www.mind-spark.org/Hackathon/index.html">VMWare Hackathon</a></li>
19+
<li><a href="http://www.mind-spark.org/Makeathon/index.html">Makeathon</a></li>
20+
<li><a href="http://www.mind-spark.org/TechExpo/index.html">Technical Exhibition</a></li>
21+
</ul>
22+
</div>
23+
</li>
24+
<li><a href="http://www.mind-spark.org/Tech-Champ/index.html">Technical Campionship</a></li>
25+
<li><a href="http://www.mind-spark.org/Theme/index.html">About Theme</a></li>
26+
<li><a href="http://www.mind-spark.org/GeniusJunior/index.html">Contest Results</a></li>
27+
<li><a href="http://www.mind-spark.org/CA/index.html">Campus Ambassador</a></li>
28+
<li><a href="#">Sponsors</a>
29+
<div class="sub-menu-2">
30+
<ul>
31+
<li><a href="http://www.mind-spark.org/Sponsors/index.html">Companies</a></li>
32+
<li><a href="http://www.mind-spark.org/Alumni/Alumni.html">Alumni Sponsors</a></li>
33+
</ul>
34+
</div>
35+
</li>
36+
<li><a href="#">Other</a>
37+
<div class="sub-menu-3">
38+
<ul>
39+
<li><a href="http://www.mind-spark.org/Patronages/index.html">Patronages</a></li>
40+
<li><a href="http://www.mind-spark.org/Paakhi/index.html">Paakhi</a></li>
41+
<li><a href="http://www.mind-spark.org/Keynotes/index.html">Keynotes</a></li>
42+
<li><a href="http://www.mind-spark.org/Legals/tnc.html">Legals<a></li>
43+
<li><a href="http://www.mind-spark.org/Events/Modules/Codifica/Predict-X/index.html">Predict-X</a></li>
44+
</ul>
45+
</div>
46+
47+
</li>
48+
<li><a href="http://www.mind-spark.org/Contact%20Us/index.html">About us</a></li>
49+
<li><a href="">Follow us</a>
50+
<div class="sub-menu-4">
51+
<ul>
52+
<li><a href="https://www.facebook.com/coepmindspark/">Facebook</a></li>
53+
<li><a href="https://twitter.com/coepmindspark?lang=en">Twitter</a></li>
54+
<li><a href="https://www.instagram.com/coep_mindspark/">Instagram</a></li>
55+
</ul>
56+
</div>
57+
</li>
58+
</ul>
59+
</div>
60+
61+
62+
63+
64+
65+
66+
</html>

‎mindspark/style.css‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
*
2+
{
3+
padding: 0;
4+
margin-top: 0;
5+
}
6+
body
7+
{
8+
padding-top: 20px;
9+
background-image: url('background.jpg');
10+
background-size: cover;
11+
font-family: sans-serif;
12+
box-sizing: border-box;
13+
14+
}
15+
.menu-bar
16+
{
17+
background: rgb(135,206,235,0.5)
18+
text-align: center;
19+
20+
}
21+
.menu-bar ul
22+
{
23+
display: inline-flex;
24+
list-style: none;
25+
color: rgb(255,182,193);
26+
}
27+
.menu-bar ul li
28+
{
29+
width: 120px;
30+
Height: 80px;
31+
padding: 15px;
32+
}
33+
.menu-bar ul li a
34+
{
35+
text-decoration: none;
36+
color: #fff;
37+
}
38+
.active, .menu-bar ul li:hover
39+
{
40+
background: rgb(169,169,169,0.5);
41+
border-radius: 2px;
42+
}
43+
.menu-bar .fa
44+
{
45+
margin-right: 8px;
46+
}
47+
.sub-menu-1
48+
{
49+
display: none;
50+
51+
}
52+
.menu-bar ul li:hover .sub-menu-1
53+
{
54+
display: block;
55+
position: absolute;
56+
background: rgb(135,206,235,0.1);
57+
margin-top: 15px;
58+
margin-left: 15px;
59+
}
60+
.menu-bar ul li:hover .sub-menu-1 ul
61+
{
62+
display: block;
63+
margin: 10px;
64+
}
65+
66+
.sub-menu-2
67+
{
68+
display: none;
69+
}
70+
71+
72+
.menu-bar ul li:hover .sub-menu-2
73+
{
74+
display: block;
75+
position: absolute;
76+
background: rgb(135,206,235,0.1);
77+
margin-top: 15px;
78+
margin-left: 15px;
79+
80+
}
81+
.menu-bar ul li:hover .sub-menu-2 ul
82+
{
83+
display: block;
84+
margin: 10px
85+
}
86+
87+
.sub-menu-3
88+
{
89+
display: none;
90+
}
91+
92+
93+
.menu-bar ul li:hover .sub-menu-3
94+
{
95+
display: block;
96+
position: absolute;
97+
background: rgb(135,206,235,0.1);
98+
margin-top: 15px;
99+
margin-left: 15px;
100+
101+
}
102+
.menu-bar ul li:hover .sub-menu-3 ul
103+
{
104+
display: block;
105+
margin: 10px
106+
}
107+
.sub-menu-4
108+
{
109+
display: none;
110+
}
111+
112+
113+
.menu-bar ul li:hover .sub-menu-4
114+
{
115+
display: block;
116+
position: absolute;
117+
background: rgb(135,206,235,0.1);
118+
margin-top: 15px;
119+
margin-right: 15px;
120+
121+
}
122+
.menu-bar ul li:hover .sub-menu-4 ul
123+
{
124+
display: block;
125+
margin-right: 10px
126+
}
127+
128+
129+
130+
131+
132+

0 commit comments

Comments
 (0)