top_home.php

<style>

#mainnavbar i{
	opacity: 0.9;
}

#mainnavbar i:hover{
	opacity: 1;
	color: white;
	
}

.fa-facebook:hover{
	color: #3b5998;
}

</style>

<br/>

<div id="mainnavbar" class="container">

	<div class="col-md-3 containsimage meetlogo" style="text-align: center;">
		<a href="home.php">
			<img src="images/logo1.jpg" style="top: 0; z-index:1000; width: 200px; height: 200px; background-color:; border-radius: 95%; ">
		</a>
	</div>

	<div class="col-md-9" >

		<div style="float: right !important">

			<span style="font-size: 20px; ">

				<a target="_blank" href="https://www.facebook.com/iitkgp.alumnicell">

					<!-- <i class="fa fa-facebook" style="color: #ffffff"></i> -->

					<span class="fa-stack fa-lg">
						<i class="fa fa-circle fa-stack-2x" style="color: #3b5998"></i>
						<i class="fa fa-facebook fa-stack-1x" style="color: #ffffff"></i>
					</span>

				</a>

				<a target="_blank" href="https://www.linkedin.com/groups?home=&gid=2803&trk=groups_most_recent-h-logo">
					<span class="fa-stack fa-lg">
						<i class="fa fa-circle fa-stack-2x" style="color: #0e76a8"></i>
						<i class="fa fa-linkedin fa-stack-1x" style="color: #ffffff"></i>
					</span>
				</a>

				<a target="_blank"  href="https://twitter.com/IITKgpAlumni">
					<span class="fa-stack fa-lg">
						<i class="fa fa-circle fa-stack-2x" style="color: #55acee"></i>
						<i class="fa fa-twitter fa-stack-1x" style="color: #ffffff"></i>
					</span>
				</a>

				<a target="_blank"  href="https://www.youtube.com/channel/UCtnSs1CT59Rd8L6VlOAxzRA">
					<span class="fa-stack fa-lg">
						<i class="fa fa-circle fa-stack-2x" style="color: #e52d27"></i>
						<i class="fa fa-youtube fa-stack-1x" style="color: #ffffff"></i>
					</span>
				</a>

			</span>

		</div>


		<br/>
		<br/>
		<br/>

		<div id="cssmenu">

			<ul>
				<li><a href='home.php'><span>Home</span></a></li>
				<li class='has-sub'>
					<a href='#'><span>Meet 2015</span></a>
					<ul style="z-index: 1000; ">
						<li><a href='why2come.php'><span>Why to Come</span></a></li>
						<li><a href='events.php'><span>Events</span></a></li>
						<li><a href='yoy.php'><span>Yearnings of Yore</span></a></li>
						<li class='last'><a href='documents/invitation_brochure.pdf' target="_blank"><span>Invitation Brochure</span></a></li>
					</ul>
				</li>
				<li><a href='last_meet.php'><span>Last Meet</span></a></li>
				<li><a href='gallery1.html'><span>Gallery</span></a></li>
				<li><a href='students_alumni_cell.php'><span>Students'Alumni Cell</span></a></li>
				<li class='has-sub'><a href='#'><span>Sponsors</span></a>

					<ul>
						<li><a href='sponsors15.php'><span>Sponsers 2015</span></a></li>
						<li><a href='sponsors14.php'><span>Sponsors 2014</span></a></li>
						<li><a href='sponsors13.php'><span>Sponsors 2013</span></a></li>
						<li><a href='sponsors12.php'><span>Sponsors 2012</span></a></li>
						<li class='last'><a href='otkp.php' ><span>Official TimeKeeper</span></a></li>
					</ul>


				</li>
				<li class='last'><a href='contact.php'><span>Contact</span></a></li>
			</ul>			

		</div>

	</div>

	<!-- <div class="col-md-1">

		<span style="float: right; font-size: 20px; ">

			<a href="#">

				<span class="fa-stack fa-lg">
					<i class="fa fa-circle fa-stack-2x" style="color: #3b5998"></i>
					<i class="fa fa-facebook fa-stack-1x" style="color: #ffffff"></i>
				</span>

			</a>

			<br/>

			<a href="#">
				<span class="fa-stack fa-lg">
					<i class="fa fa-circle fa-stack-2x" style="color: #0e76a8"></i>
					<i class="fa fa-linkedin fa-stack-1x" style="color: #ffffff"></i>
				</span>
			</a>

			<br/>

			<a href="#">
				<span class="fa-stack fa-lg">
					<i class="fa fa-circle fa-stack-2x" style="color: #55acee"></i>
					<i class="fa fa-twitter fa-stack-1x" style="color: #ffffff"></i>
				</span>
			</a>

			<br/>

			<a href="#">
				<span class="fa-stack fa-lg">
					<i class="fa fa-circle fa-stack-2x" style="color: #e52d27"></i>
					<i class="fa fa-youtube fa-stack-1x" style="color: #ffffff"></i>
				</span>
			</a>

			<br/>

		</span>

	</div> -->

</div>

<br/>