<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Learn Coding. Learn how HTML and CSS interact alongside learning HTML and CSS programming to create interactive and user friendly websites.">
    <meta name="author" content="Andrew">
    <meta name="keywords" content="HTML5, CSS3, Tutorial, HTML, CSS" />
    
    <title>Home | Learn Coding - HTML5 & CSS3</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/jumbotron.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">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">Learn Coding</a>
        </div>
        <div class="navbar-collapse collapse">
        	<ul class="nav navbar-nav">
                <li class="active"><a href="index.html">Home</a></li>
                <li><a href="whatsnew.html">What's New</a></li>
                <li><a href="getstarted.html">Get Started</a></li>
                <li><a href="beginnerstutorial.html">Beginner's Tutorials</a></li>             
                <li><a href="contact.html">Contact</a></li>
            </ul>
         <form class="navbar-form navbar-right" role="form" action="http://web.njit.edu/~al73/finalproject/signup.html">
            <button type="submit" class="btn btn-primary signup">Sign Up</button>          
         </form>
		 <form class="navbar-form navbar-right" role="form" action="http://web.njit.edu/~al73/finalproject/signin.html">
		 <button type="submit" class="btn btn-primary login">Sign In</button>
		 </form>
        </div><!--/.navbar-collapse -->
      </div>
    </div>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <h1>HTML5 & CSS3 for Better Designs</h1>
        <p id="jumbotronsubtext">Create well designed websites using HTML5 and CSS3. Join the large community to get access to templates, community forums to interact and get industry feedback on websites you design.</p>
        <p><a href="signup.html" class="btn btn-primary btn-lg" role="button" id="homepagesignup">Sign Up</a></p>
      </div>
    </div>

    <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-md-4">
          <h2>What's New</h2>
          <p>HTML5 and CSS3 has improved on HTML4 and CSS2 by introducing many new and cool features. Developers can now create well designed responsive and interactive sites without the need of plug-ins. </p>
          <p><a class="btn btn-default" href="whatsnew.html" role="button">Read More &raquo;</a></p>
        </div>
        <div class="col-md-4">
          <h2>Get Started</h2>
          <p>To better understand and have a great appreciation for HTML and CSS, read through Get Started to get a good and deep understanding of the interaction between HTML and CSS. </p>
          <p><a class="btn btn-default" href="getstarted.html" role="button">Read More &raquo;</a></p>
       </div>
        <div class="col-md-4">
          <h2>Beginner's Tutorial</h2>
          <p>Once you are ready, you can start the beginner's tutorial on how to create a simple HTML page with CSS. This will guide you on how to create a profile page for yourself.</p>
          <p><a class="btn btn-default" href="beginnerstutorial.html" role="button">Start Tutorial &raquo;</a></p>
        </div>
      </div>

      <hr>

      <footer>
		<div class="col-md-9">
        <p>&copy; AL73 IS683 Last Updated: 8/11/2014</p></div>
		<div class="col-md-3">
		Connect with us on: <a href="http://www.facebook.com/" target="_blank"><img alt="Facebook Icon" src="http://img2.wikia.nocookie.net/__cb20130501121248/logopedia/images/f/fb/Facebook_icon_2013.svg" class="socialnetwork"> </a>
		<a href="http://www.twitter.com" target="_blank"><img alt="Twitter Icon" src="http://paymentmagnates.com/wp-content/uploads/2014/04/twitter-icon.png" class="socialnetwork"></a>
		</div>
      </footer>
    </div> <!-- /container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
