hackshop.github.io/index.html at master · hackshop/hackshop.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../hackshop/assets/stem-scholar-favicon.jpg">

    <title>Jumbotron Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <!-- <link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> -->
    <!-- Latest compiled and minified CSS -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="style.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <!-- <script src="../../assets/js/ie-emulation-modes-warning.js"></script> -->

    <!-- HTML5 shim and Respond.js for 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>

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button id="navbar-menu-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <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="http://hackshop.github.io">HackShop</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="http://hackshop.github.io/hackshop/">Index of Levels</a></li>
            <li><a href="http://bsfstemscholars.com/8th-grade">STEM Scholars</a></li>
            <li><a href="https://www.edmodo.com/home#/group?id=14902115">HackShop EdModo</a></li>
            <li><a href="https://github.com/hackshop">GitHub Repo</a></li>
          </ul>
        </div><!--/.navbar-collapse -->
      </div>
    </nav>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <div class="row">
          <div class="col-xs-10 col-sm-3 col-md-3"
            <a href="https://raw.githubusercontent.com/hackshop/hackshop/gh-pages/assets/stem-scholar.jpg"><img class="img-circle img-responsive" src="https://raw.githubusercontent.com/hackshop/hackshop/gh-pages/assets/stem-scholar.jpg" max-width="100%"></a>
          </div>
          <div class="col-xs-10 col-sm-9 col-md-9">
            <h1 class="media-heading">Welcome to HackShop</h1>
          </div>
          <div class="col-xs-10 col-sm-12 col-md-9">
            <p>Hack Shop is an organization where students' interest drive their progress in a self-paced environment that focuses on the many forms that technology can take in our young people’s lives and empowers them to “hack” it to their liking. In our learning environments, hacking isn’t a bad word or a criminal activity, it is the process of taking disparate pieces of information or a diverse set of tools and combining them in a new way to create new knowledge and solutions.</p>
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-md-4">
          <h2>Our Programs</h2>
          <p>A demonstration sequence of activities for the Big Shoulders STEM Scholars Program 8th-Grade Class. Groups of 20 students meet every other week for 2 hours of instruction on Saturday mornings.</p>
          <p><a class="btn btn-primary" href="http://bsfstemscholars.com/8th-grade" role="button">View details &raquo;</a></p>
        </div>
        <div class="col-md-4">
          <h2>Our Challenges</h2>
          <p>Our curriculum is divided into a series of self-paced areas of exploration. In each challenge area, students explore a technical subject or platform, including: Web Design, Hardware, Mobile Apps, and Animation.</p>
          <p><a class="btn btn-primary" href="http://hackshop.github.io/hackshop/" role="button">View details &raquo;</a></p>
       </div>
        <div class="col-md-4">
          <h2>We're Open Source</h2>
          <p>We host our lesson plans, materials and challenges on GitHub and track student progress on Google Sheets. Fork our repo and copy our sheet to launch your very own HackShop today.</p>
          <p><a class="btn btn-primary" href="https://github.com/hackshop" role="button">View details &raquo;</a></p>
        </div>
      </div>

      <hr>

      <footer>
        <p>&copy; Robert Friedman 2015</p>
      </footer>
    </div> <!-- /container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
    </script>

  </body>
</html>