scratch.html

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="description" content="KidsCanCode - we teach kids to code">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>KidsCanCode.org</title>
  <link rel="stylesheet" href="/static/bootstrap.css" />
  <link rel="stylesheet" href="/static/bootstrap-responsive.css" />
  <link rel="stylesheet" href="/static/font-awesome.min.css" />
  <link rel="stylesheet" href="/static/font-awesome-corp.css" />
  <link rel="stylesheet" href="/static/font-awesome-social.css" />
  <link rel="stylesheet" href="/static/custom.css" />
  <link rel="stylesheet" href="/static/pygments.css" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
  <!-- NAVBAR
  ================================================ -->
  <div class="navbar-wrapper">
  <div class="container">
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a href="/" class="brand"><i class="icon-cog"></i> KidsCanCode</a>
        <div class="nav-collapse collapse">
        <ul class="nav pull-right">
          <!-- <li ><a href="/"><i class="icon-home icon-large"></i>Home</a></li>-->
          <li ><a href="/classes.html"><i class="icon-lightbulb icon-large"></i> Classes</a></li>
          <li ><a href="/summer"><i class="icon-edit icon-large"></i> Sign Up</a></li>
          <!-- <li ><a href="/blog/"><i class="icon-pencil icon-large"></i>News</a></li> -->
          <li ><a href="/contact.html"><i class="icon-comments icon-large"></i> Contact</a></li>
          <li ><a href="/resources.html"><i class="icon-book icon-large"></i> Resources</a></li>
          <li ><a href="/lessons/"><i class="icon-film icon-large"></i> Lessons</a></li>
          <!-- <li ><a href="/store.html"><i class="icon-shopping-cart icon-large"></i>Store</a></li> -->
          <li ><a href="/about.html"><i class="icon-info-sign icon-large"></i> About</a></li>
          <li class="socialist"><p>
            <a href="http://facebook.com/Kidscancode" target="_blank"><i class="icon-facebook icon-2x"></i></a><a href="http://twitter.com/KidsCanCode" target="_blank"><i class="icon-twitter icon-2x"></i></a><a href="https://github.com/kidscancode/" target="_blank"><i class="icon-github-alt icon-2x"></i></a><a href="https://www.youtube.com/c/KidsCanCodeOrg" target="_blank"><i class="icon-youtube icon-2x"></i></a>
          </p></li>
        </ul>
      </div>
    </div>
    </div> <!-- /.navbar-inner -->
  </div> <!-- /.navbar -->
</div> <!-- /.container -->
</div> <!-- /.navbar-wrapper -->
<!-- END NAVBAR
  ================================================ -->

<!-- PAGE CONTENT
    ================================================ -->


<div class="container">
<div class="row">
    <div class="span1"></div>
    <div class="span10">
    <h2 id="why-scratch">What is Scratch?</h2>
    <div class="pull-right thumb-with-caption"><a href="img/scratch1.png" target="_blank"><img src="img/scratch1.png" alt="" class="pull-right img-rounded" width="250"></a><p><small>The Scratch Main Window (click to zoom)</small></p></div>
    <p><a href="http://scratch.mit.edu/">Scratch</a> is a graphical educational programming environment
    specifically designed to teach programming concepts to younger children.  By clicking together Lego-like blocks, kids can build up sequences of instructions to create animations,
    games, interactive stories, simulations, and more.</p>

    <p>Scratch teaches many fundamental programming concepts such as iteration (looping), conditional statements, variables, threads, user interface design, event handling, and more.</p>

    <p>Here is a great introductory video about what kids can do with Scratch:</p>
    <iframe width="560" height="315" src="//www.youtube.com/embed/ywG6lv9mFLI" frameborder="0" allowfullscreen></iframe>

    <h2 class="why-scratch">Why learn Scratch?</h2>


    <p>There a number of factors that make Scratch a great choice for younger children:</p>
<div class="pull-right thumb-with-caption"><img src="img/scratch2.png" alt="" class="pull-right img-rounded" width="250"><p><small>Example Scratch Code</small></p></div>
    <ul>
        <li><strong>Usability</strong> - For many younger children a visual, drag-and-drop interface is much easier to use than typing-heavy text programming languages.</li>
        <li><strong>Fun</strong> - Motivation is a key factor to learning new skills.  In a fun and interactive environment, children are self-motivated to learn in order to achieve their goals.</li>
        <li><strong>Creative</strong> - Scratch encourages creativity, both in coming up with ideas for projects, as well as finding ways to overcome difficulties.</li>
        <li><strong>Free</strong> - Scratch is 100% free and cross-platform.  Students can easily continue to use it on their own home computers.</li>
    </ul>

    </div>
    <div class="span1"></div>
</div>
</div>

<!-- END PAGE CONTENT
  ================================================ -->

<!-- FOOTER
  ============================================== -->
<div class="container footer">
  <div class="row">
    <div class="span1"></div>
    <div class="span5"><p><br><i class="icon-phone"></i>(818) 794-0522<br>
                    <a href="mailto: info@kidscancode.org"><i class="icon-envelope-alt"></i> info@kidscancode.org</a></p>
    </div>

    <div class="span3"></div>
    <div class="span3"><p class="copyright"><br><small>&copy; 2019 KidsCanCode LLC / All rights reserved.</small>
      <!-- <p>
        <a href="http://facebook.com/Kidscancode"><i class="icon-facebook icon-2x"></i></a>
        <a href="http://twitter.com"><i class="icon-twitter icon-2x"></i></a>
        <a href="http://github.com"><i class="icon-github-alt icon-2x"></i></a>
        <a href="http://google.com/plus"><i class="icon-google-plus icon-2x"></i></a>
        <a href="http://youtube.com"><i class="icon-youtube icon-2x"></i></a>
      </p> -->
    </div>
  </div>
</div>
<!-- END FOOTER
  =============================================== -->

<!-- Load scripts at end -->
<script src="/static/jquery-1.9.1.min.js"></script>
<script src="/static/bootstrap.js"></script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-39851424-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<script>
  $(document).ready(function(){
    $('.carousel').carousel();
  });
</script>
</body>
</html>