IYD page added

mashproject · Aug 11, 2015 · 2a3b7e8 · 2a3b7e8
1 parent a75a806
commit 2a3b7e8
Show file tree

Hide file tree

Showing 39 changed files with 7,919 additions and 12 deletions.
diff --git a/css/animate.css b/css/animate.css
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/main.css b/css/main.css
diff --git a/css/responsive.css b/css/responsive.css
diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf
diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot
diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg
diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf
diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff
diff --git a/images/.picasa.ini b/images/.picasa.ini
@@ -0,0 +1,3 @@
+[about.jpg]
+filters=autocolor=1;PicnikTint=1,0.000000,ff005d22;
+backuphash=41719
diff --git a/images/about.png b/images/about.png
diff --git a/images/header-bg.png b/images/header-bg.png
diff --git a/images/logo.jpg b/images/logo.jpg
diff --git a/images/logos/Associate Partner.jpeg b/images/logos/Associate Partner.jpeg
diff --git a/images/logos/Josh talks.jpg b/images/logos/Josh talks.jpg
diff --git a/images/logos/bw.png b/images/logos/bw.png
diff --git a/images/logos/humancircle.png b/images/logos/humancircle.png
diff --git a/images/logos/oteri.png b/images/logos/oteri.png
diff --git a/images/logos/youth-ki-aawaaz.png b/images/logos/youth-ki-aawaaz.png
diff --git a/images/logos/youthkiWz.png b/images/logos/youthkiWz.png
diff --git a/images/slider/.picasa.ini b/images/slider/.picasa.ini
@@ -0,0 +1,10 @@
+[1.jpg]
+backuphash=28224
+filters=bw=1;crop64=1,51fffffc188;
+crop=rect64(51fffffc188)
+[2.jpg]
+backuphash=15338
+[3.jpg]
+backuphash=34754
+crop=rect64(feeffffffff)
+filters=crop64=1,feeffffffff;bw=1;
diff --git a/images/slider/1.jpg b/images/slider/1.jpg
diff --git a/images/slider/2.jpg b/images/slider/2.jpg
diff --git a/images/slider/3.jpg b/images/slider/3.jpg
diff --git a/images/speakers/.picasa.ini b/images/speakers/.picasa.ini
@@ -0,0 +1,8 @@
+[11817083_529069163916474_3005020589490754388_n.jpg]
+backuphash=12741
+[11846725_529069137249810_2656512496061225724_n.jpg]
+backuphash=54590
+redo=crop64=1,8ed6199ae3545888;
+[11873451_529069103916480_4881791593095942485_n.jpg]
+backuphash=58575
+redo=crop64=1,935c1a50e15158e3;
diff --git a/images/speakers/ajay-chaturvedi.jpg b/images/speakers/ajay-chaturvedi.jpg
diff --git a/images/speakers/sairee-chahal.jpg b/images/speakers/sairee-chahal.jpg
diff --git a/images/speakers/shikha-uberoi.jpg b/images/speakers/shikha-uberoi.jpg
diff --git a/img/inkalam.jpg b/img/inkalam.jpg
diff --git a/index.html b/index.html
@@ -63,8 +63,8 @@
       </ol>
       <div class="carousel-inner" role="listbox">
         <div class="item active">
-          <a href="http://tinyurl.in/fBKqI" target="_blank" data-toggle="modal">
-              <img src="img/contribute.jpg" alt="First slide" style="height:100%;"></a> 
+          <a href="iyd.html" target="_blank">
+              <img src="img/inkalam.jpg" alt="First slide" style="height:100%;"></a> 
           <div class="container">
             <div class="carousel-caption">
 
@@ -81,16 +81,7 @@
             </div>
           </div>
         </div>
-        <div class="item">
-          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAFVVVQAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
-          <div class="container">
-            <div class="carousel-caption">
-              <h1>I Pledge To Change. Do You?</h1>
-              <p>RedSpot is an initiative raising voice against sexual abuse and society's stereotypical notions around it. MASH Project aims to raise awareness and deploy technology-enabled solutions to fight the odds.</p>
-              <p><a class="btn btn-lg btn-primary" href="http://tinyurl.in/fBKqI" target="_blank" role="button">DONATE NOW</a></p>
-            </div>
-          </div>
-        </div>
+
       </div>
       <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
         <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

diff --git a/iyd.html b/iyd.html
@@ -0,0 +1,276 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <title>#Inkalam | MASH</title>
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="css/font-awesome.min.css" rel="stylesheet">
+	<link href="css/main.css" rel="stylesheet">
+	<link href="css/animate.css" rel="stylesheet">	
+	<link href="css/responsive.css" rel="stylesheet">
+
+    <!--[if lt IE 9]>
+	    <script src="js/html5shiv.js"></script>
+	    <script src="js/respond.min.js"></script>
+    <![endif]-->       
+    <link rel="shortcut icon" href="images/ico/favicon.ico">
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
+</head><!--/head-->
+
+<body>
+	<header id="header" role="banner">		
+		<div class="main-nav">
+			<div class="container">
+				<div class="header-top">
+					<ul class="pull-right social-icons">
+						<li><a  href="https://www.facebook.com/MashProject" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Facebook.png" alt="Facebook"> </a> </li>
+                        <li><a  href="https://twitter.com/mash_project" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Twitter.png" alt="Twitter"> </a> </li>
+                        <li><a  href="https://plus.google.com/u/0/118420471642649699506/posts" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Google.png" alt="Goggle+"> </a> </li>
+                        <li><a  href="https://instagram.com/mash_project/" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Instagram.png" alt="Instagram"> </a> </li>
+                        <li><a  href="https://officialmashproject.wordpress.com/about/" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Wordpress.png" alt="Wordpress"> </a></li>
+					</ul>
+				</div>     
+		        <div class="row">	        		
+		            <div class="navbar-header">
+		                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+		                    <span class="sr-only">Toggle navigation</span>
+		                    <span class="icon-bar"></span>
+		                    <span class="icon-bar"></span>
+		                    <span class="icon-bar"></span>
+		                </button>
+		                <a class="navbar-brand" href="index.html">
+		                	<img src="images/logo.jpg" class="img-responsive"> </a>                    
+		            </div>
+		            <div class="collapse navbar-collapse">
+		                <ul class="nav navbar-nav navbar-right">                 
+		                    <li class="scroll active"><a href="#home">Home</a></li>
+		                    <li class="scroll"><a href="#about">About</a></li>                     
+		                    <li class="scroll"><a href="#explore">Celebs</a></li> 
+		                    <li class="scroll"><a href="#event">Partners</a></li>
+		                </ul>
+		            </div>
+		        </div>
+	        </div>
+        </div>                    
+    </header>
+    <!--/#header--> 
+
+    <section id="home">	
+		<div id="main-slider" class="carousel slide" data-ride="carousel">
+			<ol class="carousel-indicators">
+				<li data-target="#main-slider" data-slide-to="0" class="active"></li>
+				<li data-target="#main-slider" data-slide-to="1"></li>
+                <li data-target="#main-slider" data-slide-to="2"></li>
+			</ol>
+			<div class="carousel-inner">
+				<div class="item active">
+					<img class="img-responsive" src="images/slider/1.jpg" alt="slider">						
+					<div class="carousel-caption">
+						<h2>TweetChat online with the Celebrated People!</strong> </h2>
+						<a href="http:\\twitter.com" target="_blank">Join<i class="fa fa-angle-right"></i></a>
+					</div>
+				</div>
+				<div class="item">
+					<img class="img-responsive" src="images/slider/2.jpg" alt="slider">	
+					<div class="carousel-caption">
+						<h2>TweetChat online with the Celebrated People!</h2>
+						<a href="http:\\twitter.com" target="_blank">Join<i class="fa fa-angle-right"></i></a>
+					</div>
+				</div>
+                <div class="item">
+					<img class="img-responsive" src="images/slider/3.jpg" alt="slider">	
+					<div class="carousel-caption">
+						<h2>TweetChat online with the Celebrated People!</h2>
+						<a href="http:\\twitter.com" target="_blank">Join<i class="fa fa-angle-right"></i></a>
+					</div>
+				</div>
+
+			</div>
+		</div>    	
+    </section>
+	<!--/#home-->
+
+
+
+	<section id="about">
+        <div class="container">
+            <div class="row">
+
+		<div class="about-content col-md-9">					
+					<h2>About Event</h2>
+					<p>Abdul Kalam’s 2020 vision was to transform India into a developed nation. A visionary and an inspiration for many, his trust in the youth can be seen from the dedication with which he worked for the youth’s advancement. He believed <em>“a person who has been educated has a responsibility towards his nation.”</em></p>
+            <p>If you are passionate about your dreams and devoted towards the country, wing your dreams by asking the ones who have scaled heights. TweetChat online with Celebrated People! </p>
+            <p>This International Youth Day, drive new successes. <br><strong>#InKalam #IYD </strong></p>
+            <p><a href="http:\\twitter.com" target="_blank" style="text-decoration:underline; font-size: 22px;"><strong>Join Now</strong></a></p>
+                </div>
+
+            <div class="guitar">				
+			<img class="img-responsive" src="images/about.png" alt="guitar">
+                </div>
+		</div>
+		</div>
+	</section><!--/#about-->
+
+
+    <section id="explore">
+		<div class="container">
+
+            <div class="row">
+				<div class="col-md-12">
+						<h2 class="heading">CELEBS</h2>
+                    </div></div>
+								<div class="row" style="margin-top:30px;">
+									<div class="col-sm-4">
+										<div class="single-event">
+											<a href="https://twitter.com/ajaychat" target="_blank"><img class="img-responsive" src="images/speakers/ajay-chaturvedi.jpg" alt="event-image">
+											<h4>Ajay Chaturvedi</h4></a>
+											<h5>Design Thinker &amp; Social Entrepreneur Founder &amp; Chairman, HarVa</h5>
+										</div>
+									</div>
+									<div class="col-sm-4">
+										<div class="single-event">
+											<a href="https://twitter.com/Sairee" target="_blank"><img class="img-responsive" src="images/speakers/sairee-chahal.jpg" alt="event-image">
+											<h4>Sairee Chahal</h4></a>
+											<h5>Serial Entrepreneur, Mentor Founder SHEROES.in </h5>
+										</div>
+									</div>
+									<div class="col-sm-4">
+										<div class="single-event">
+											<a href="https://twitter.com/ShikhaUberoi" target="_blank"><img class="img-responsive" src="images/speakers/shikha-uberoi.jpg" alt="event-image">
+											<h4>Shikha Uberoi</h4></a>
+											<h5>Design Thinker &amp; Social Entrepreneur Founder &amp; Chairman, HarVa </h5>
+										</div>
+									</div>
+								</div>
+							</div>
+
+	</section><!--/#explore-->
+
+
+    	<section id="event">
+		<div class="container">
+			<div class="row">
+
+				<div class="col-md-12">
+						<h2 class="heading">PARTNERS</h2>
+                    </div></div>
+								<div class="row">
+									<div class="col-xs-6 col-md-3">
+										<div class="single-event">
+											<img class="img-responsive" src="images/logos/Associate%20Partner.jpeg" alt="event-image">
+										</div>
+									</div>
+									<div class="col-xs-6 col-md-3">
+										<div class="single-event">
+											<img class="img-responsive" src="images/logos/bw.png" alt="event-image">
+								</div>
+									</div>
+									<div class="col-xs-6 col-md-3">
+										<div class="single-event">
+											<img class="img-responsive" src="images/logos/Josh%20talks.jpg" alt="event-image">
+								</div>
+									</div>
+                                    									<div class="col-xs-6 col-md-3">
+										<div class="single-event">
+											<img class="img-responsive" src="images/logos/humancircle.png" alt="event-image">
+								</div>
+									</div>
+                                    									<div class="col-xs-6 col-md-3">
+										<div class="single-event">
+											<img class="img-responsive" src="images/logos/oteri.png" alt="event-image">
+								</div>
+									</div>
+                                    									<div class="col-xs-6 col-md-3">
+										<div class="single-event">
+											<img class="img-responsive" src="images/logos/youth-ki-aawaaz.png" alt="event-image">
+								</div>
+									</div>
+                                    									<div class="col-xs-6 col-md-3">
+										<div class="single-event">
+											<img class="img-responsive" src="images/logos/youthkiWz.png" alt="event-image">
+								</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+			</div>			
+		</div>
+	</section><!--/#event-->
+
+
+    <!-- Modal -->
+  <div class="modal fade" id="myModal" role="dialog">
+    <div class="modal-dialog">
+
+      <!-- Modal content-->
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
+            <div class="text-center"><h2>REGISTRATION</h2></div>
+          </div>
+          <form class="form-horizontal" role="form"> 
+              <div class="form-group"> 
+                  <div class="col-sm-offset-1 col-sm-5"> 
+                      <input type="text" class="form-control" id="firstname" placeholder="First Name" required> 
+                  </div>
+                  <div class="col-sm-5"> 
+                      <input type="text" class="form-control" id="lastname" placeholder="Last Name" required> 
+                  </div> 
+              </div> 
+              <div class="form-group"> 
+                  <div class="col-sm-offset-1 col-sm-10"> 
+                      <input type="email" class="form-control" id="email" placeholder="Email" required> 
+                  </div> 
+              </div>
+              <div class="form-group"> 
+                  <div class="col-sm-offset-1 col-sm-10"> 
+                      <input type="tel" class="form-control" id="phone" placeholder="Phone"> 
+                  </div> 
+              </div>
+              <div class="form-group text-center"> 
+                  <div class="col-sm-offset-1 col-sm-10"> <button type="submit" class="btn btn-primary">Register</button> </div> 
+              </div> 
+          </form>
+
+        </div>
+      </div>
+
+    </div>
+  </div>
+
+
+
+    <footer id="footer">
+        <div class="container">
+					<ul class="pull-right social-icons">
+						<li><a  href="https://www.facebook.com/MashProject" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Facebook.png" alt="Facebook"> </a> </li>
+                        <li><a  href="https://twitter.com/mash_project" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Twitter.png" alt="Twitter"> </a> </li>
+                        <li><a  href="https://plus.google.com/u/0/118420471642649699506/posts" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Google.png" alt="Goggle+"> </a> </li>
+                        <li><a  href="https://instagram.com/mash_project/" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Instagram.png" alt="Instagram"> </a> </li>
+                        <li><a  href="https://officialmashproject.wordpress.com/about/" target="_blank"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="http://mashglobal.org/img/icons/Wordpress.png" alt="Wordpress"> </a></li>
+					</ul>
+        </div>
+    </footer>
+    <!--/#footer-->
+
+    <script type="text/javascript" src="js/jquery.js"></script>
+    <script type="text/javascript" src="js/bootstrap.min.js"></script>
+	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
+  	<script type="text/javascript" src="js/gmaps.js"></script>
+	<script type="text/javascript" src="js/smoothscroll.js"></script>
+    <script type="text/javascript" src="js/jquery.parallax.js"></script>
+    <script type="text/javascript" src="js/coundown-timer.js"></script>
+    <script type="text/javascript" src="js/jquery.scrollTo.js"></script>
+    <script type="text/javascript" src="js/jquery.nav.js"></script>
+    <script type="text/javascript" src="js/main.js"></script>  
+</body>
+</html>