index.html

---
layout: landing-page
banner: /images/codingbanner.jpg
---

<!-- Banner -->
<section id="banner" style="background-image:url({{ page.banner | prepend: site.baseurl}})">
	<div class="inner">
	    <h2>The Web and Coding Club</h2>
	    <p> <a href="https://stab-iitb.org/wncc">IIT Bombay</a></p>
	    <ul class="actions">
	        <li><a href="{{ '/wiki' | prepend: site.baseurl }}" class="button big special">Wiki</a></li>
	        <li><a href="{{ '/soc' | prepend: site.baseurl }}" class="button big special">Seasons of Code</a></li>
	    </ul>
	    </ul>
        <ul class="actions">
	        <li><a href="#three" class="button big alt">Learn More</a></li>
        </ul>
	</div>
</section>

<!-- Three -->
<section id="three" class="wrapper style1">
	<div class="container">
		<div class="row">
			<div class="8u">
				<section>
					<h2>What is the Web and Coding Club?</h2>
					<a href="#" class="image fit"><img src="{{ '/images/wncc.jpg' | prepend: site.baseurl }}" alt="" /></a>
					<p>Web and Coding Club is one of the biggest clubs of IIT Bombay. As a part of the Students' Technical Activities Body, we aim to provide a gateway for the people in our institute to join the coding community. We create a platform which allows students to gain assistance and mentorship to enhance their coding ability. Our aim is to propagate the enthusiasm for coding in the institute and especially amongst freshmen. We believe that every student here at IITB should have an opportunity to learn how to code and develop a passion for it. The secret of getting ahead is getting started and we aim to provide every student with the right start.
					</p>
				</section>
			</div>
			<div class="4u">
				<section>
					<h3>What do we do?</h3>
					<p>We conduct sessions and workshops, hold lectures and talks, and even host coding competitions and hackathons. There is something for everyone. Whether you want to learn, participate in hackathons and win big prizes, or prepare for the ACM-ICPC, you can do it all here. We have a list of events planned up for the coming year. Keep watching this space to know more.</p>
					<center>
					<a href="{{ '/events' | prepend: site.baseurl }}" class="button special fit-60">Events</a>
					<a href="{{ '/showcase' | prepend: site.baseurl }}" class="button special fit-60">Showcase</a>
					</center>
				</section>

			</div>
		</div>
	</div>
</section>

<!-- Two -->
<section id="two" class="wrapper style2">
	<header class="major">
		<h2>Past Events</h2>
		<p>Some highlights from last year.</p>
	</header>
	<div class="container">
		<div class="row">
			<div class="6u">
				<section class="special">
					<a href="#" class="image fit"><img src="{{ '/images/kandy2016.png' | prepend: site.baseurl }}" alt="" /></a>
					<h3>Sugar Rush- Kandy Hackathon 2016</h3>
					<p>Kandy's Sugar Rush Hackathon was a 24-hour race to complete a successful application or a web service that utilizes the Kandy API. With a large supply of refreshments and a total of 70,000 Rs worth of cash prizes, it was a fun and engaging event.</p>
					<br><br>
					<ul class="actions">
						<li><a href="#" class="button alt">Learn More</a></li>
					</ul>
				</section>
			</div>
			<div class="6u">
				<section class="special">
					<a href="#" class="image fit"><img src="{{ '/images/gamejam2015.jpg' | prepend: site.baseurl }}" alt="" /></a>
					<h3>Lenovo's GameJam 2015</h3>
					<p>Held early in the Spring Semester of 2015, this hackathon saw a large amount of participation especially from the freshmen. Having a rather large prize money of a grand total of 1,00,000 Rs, this hackathon had a timeframe of 72 hours i.e three days. There were a large number of successful submissions and a few really interesting games. It was also encouraging to freshmen teams bagging prizes too.</p>
					<ul class="actions">
						<li><a href="#" class="button alt">Learn More</a></li>
					</ul>
				</section>
			</div>
		</div>
	</div>
</section>


<!-- One -->
<section id="one" class="wrapper style1">
	<header class="major">
		<h2>Upcoming Events</h2>
		<p>The journey has only begun...</p>
	</header>
	<div class="container">
		<div class="row">
			<div class="4u">
				<section class="special box">
					<i class="icon fa-mobile major"></i>
					<h3>AppInventor</h3>
					<h4>- mid August</h4>
					<p>App Inventor is a visual, blocks language for building Android Apps. It will be a basic event directed at freshmen.</p>
					<br><br><br>
					<ul class="actions">
							<li><a href="#" class="button alt">Learn More</a></li>
					</ul>
				</section>
			</div>
			<div class="4u">
				<section class="special box">
					<i class="icon fa-gamepad major"></i>
					<h3>Scratch Day</h3>
					<h4>- mid August</h4>
					<p>Scratch is a visual programming language that can be used to create event-driven games and applications. An event covering the basics followed by a fun competition.</p>
					<br>
					<ul class="actions">
							<li><a href="#" class="button alt">Learn More</a></li>
					</ul>
				</section>
			</div>
			<div class="4u">
				<section class="special box">
					<i class="icon fa-laptop major"></i>
					<h3>Linux and Dual Booting Session</h3>
					<h4>- late August</h4>
					<p>A session/camp to carry out dual booting amongst freshmen. A linux session will follow covering the basics of the Operating System and common functionalities.</p>
					<ul class="actions">
							<li><a href="#" class="button alt">Learn More</a></li>
					</ul>
				</section>
			</div>
		</div>
	</div>
	<div style="text-align: center;">
		<a href="{{ '/events' | prepend: site.baseurl }}" class="button big special">View All Events</a>
	</div>
</section>