added js

Author: dabit3

css/style.css

@@ -270,19 +270,48 @@ line-height: 60px;
 	background: #D6D6D6;
 	width:615px;
 	margin: 0 auto;
-	padding: 18px 20px;
+	height:0px;
 	box-shadow: inset 0px 0px 10px rgba(0,0,0,.1);
 	border-radius:8px;
+	overflow: hidden;
 }
 
 .webcare h4 {
 	margin: 0;
 	color:#253E71;
+	padding:20px 20px 0px 20px;
 }
 
 .webcare p {
 	margin: 10px 0px 0px 0px;
 	line-height:26px;
+	padding: 0px 20px 20px 20px;
+}
+
+.hive h4 a, .webcare h4 a {
+	color:#253E71;
+}
+
+.hive {
+	background: #D6D6D6;
+	width:615px;
+	margin: 0 auto;
+	height:0px;
+	box-shadow: inset 0px 0px 10px rgba(0,0,0,.1);
+	border-radius:8px;
+	overflow: hidden;
+}
+
+.hive h4 {
+	margin: 0;
+	color:#253E71;
+	padding:20px 20px 0px 20px;
+}
+
+.hive p {
+	margin: 10px 0px 0px 0px;
+	line-height:26px;
+	padding: 0px 20px 20px 20px;
 }
 
 footer {

index.html

@@ -12,11 +12,11 @@
 <div class="navfixed">
 	<div class="leftnav">
 		<section class="navleft">
-			<h3>ABOUT</h3>
-			<h3>CONTACT</h3>	
-			<h3>GIVE A TALK</h3>
+			<h3 class="aboutus">ABOUT</h3>
+			<h3 class="contactus">CONTACT</h3>	
+			<h3 class="giveatalk">GIVE A TALK</h3>
 			<a target="_blank" href="http://www.meetup.com/Jackson-Area-Web-and-Mobile-Developers/"><h3>JOIN THE MEETUP</h3></a>
-			<h3>USEFUL LINKS</h3>
+			<h3 class="usefullinks">USEFUL LINKS</h3>
 			<a href="https://twitter.com/jacksondevs" target="_blank"><h3><i class="fa fa-twitter"></i></h3></a>
 		</section>
 	</div>
@@ -72,7 +72,7 @@ <h3 class="third-container-h3">
 		<div class="fourth-container">
 			<h3 class="fourth-container-h3">Sponsors</h3>
 			<div class="sponsorcontainer">
-				<div class="sponsor sponsorone">
+				<div class="sponsor sponsorone" >
 					<p>Webcare 360</p>
 					<img src="images/webcare.png" style="width:250px;" alt="">
 				</div>
@@ -84,7 +84,13 @@ <h3 class="fourth-container-h3">Sponsors</h3>
 			<div class="clearfix"></div>
 			<div class="webcare">
 				<h4>
-					Webcare360.com
+					<a target="_blank" href="http://www.Webcare360.com">Webcare360.com</a>
+				</h4>
+				<p>WebCare360 provides Outstanding Anonymous Offshore European Web Hosting, Reseller Hosting, VPS Hosting and Dedicated Servers and Powerful DDoS mitigation Solutions</p>
+			</div>
+			<div class="hive">
+				<h4>
+					<a target="_blank" href="http://www.workinthehive.com">#thehive</a>
 				</h4>
 				<p>WebCare360 provides Outstanding Anonymous Offshore European Web Hosting, Reseller Hosting, VPS Hosting and Dedicated Servers and Powerful DDoS mitigation Solutions</p>
 			</div>

js/main.js

@@ -1,11 +1,52 @@
 $(document).ready(function() {
 
 var open = false;
+var sponsor1open = false;
+var sponsor2open = false;
 
 var tl = new TimelineMax();
 
 var content = $('.content'),
-		leftnav = $('.leftnav');
+		leftnav = $('.leftnav'), 
+		sponsorone = $('.sponsorone'),
+		sponsortwo = $('.sponsortwo'),
+		webcare = $('.webcare'), 
+		hive = $('.hive');
+
+$(sponsorone).click(function() {
+
+	if (sponsor2open == true) {
+		TweenMax.to(hive, 0, {height:0});
+		sponsor2open = false;
+	}
+
+	if (sponsor1open == false) {
+		TweenMax.to(webcare, .14, {height:145});
+		sponsor1open = true;
+	} else {
+		TweenMax.to(webcare, .14, {height:0});
+		sponsor1open = false;
+	}
+
+});
+
+
+$(sponsortwo).click(function() {
+
+	if(sponsor1open == true) {
+		TweenMax.to(webcare, 0, {height:0});
+		sponsor1open = false;
+	}
+
+	if (sponsor2open == false) {
+		TweenMax.to(hive, .14, {height:145});
+		sponsor2open = true;
+	} else {
+		TweenMax.to(hive, .14, {height:0});
+		sponsor2open = false;
+	}
+
+});
 
 
 $('#hamburger').click(function() {
@@ -46,6 +87,18 @@ $('#hamburger').click(function() {
 })
 
 
+    var body =   $("body");
+    var top = body.scrollTop();
+
+    $('.aboutus').click(function(e) {
+        e.preventDefault();
+        $('html, body').animate({scrollTop: '1040px'}, 400);
+        TweenMax.to(content, .4, {marginRight:0, ease:Cubic.easeInOut});
+			TweenMax.to(content, .4, {marginLeft:0, ease:Cubic.easeInOut});
+			TweenMax.to(leftnav, .4, {marginLeft:-400, ease:Cubic.easeInOut});
+			
+			open = false;
+    })
 
 
 });