github-training/index.html at master · Netec-edX/github-training · 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
<!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">
    <title>Hipster School</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/styles.css">
    <link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
    <link rel="icon" type="image/jpeg" href="images/favicon.png" />  </head>
<body>
  <header>
    <nav id="header-nav" class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header">
          <a href="index.html" class="pull-left visible-md visible-lg">
            <img id="logo-img" src="images/hipster-logo.jpg" alt="Hipster logo" height="100px">
          </a>

          <div class="navbar-brand">
            <h1 id="site-name">Hipster School S.A. de C.V.</h1>
          </div>

          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsable-nav" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>

      </div><!-- .container -->
    </nav><!-- #header-nav -->
  </header>

  <h2 id="our-course">Online Courses</h2>

  <div id="main-content" class="container">
    <div class="row">

      <section id="section-tatoo">
        <div class="col-md-4 col-sm-6 col-xs-12">
          <div id="course-tile">
            <span><h3>Intermediate Tatoos</h3></span>
            <img src="images/hipster-tatoo.jpg">
            <p id="course-tile">Woke hammock craft beer, crucifix bushwick selvage tbh four dollar toast thundercats chia brunch. Pork belly four dollar toast sustainable, celiac post-ironic bitters keffiyeh authentic crucifix flexitarian vape whatever air plant. Tousled fanny pack pickled chillwave, cliche kinfolk distillery. Affogato iPhone vape, blue bottle four loko direct trade prism fashion axe skateboard celiac.</p>
          </div>
        </div><!-- end of left -->
      </section>

      <section id="section-unique">
        <div class="col-md-4 col-sm-6 col-xs-12">
          <div id="course-tile">
            <span><h3>How To Be Unique</h3></span>
            <!-- For course: change this image to images/hipster-skates.jpg ---->
            <img src="images/hipster-skates.jpg">
            <!----------------------------------------------------------------------------->
            <p id="course-tile">DIY biodiesel small batch. Banh mi chicharrones lyft, retro you probably haven't heard of them lumbersexual la croix meh vaporware cardigan messenger bag. Tumeric butcher put a bird on it, subway tile gentrify austin pickled tousled. Health goth flannel organic, wolf yr viral chia iceland selvage salvia. Venmo tumblr jean shorts plaid literally gastropub, coloring book helvetica vice. Hashtag lomo forage direct trade VHS. Tumeric taxidermy single-origin coffee.</p>
          </div>
        </div><!-- end of middle -->
      </section>

      <section id="section-snowflake">
        <div class="col-md-4 col-xs-12">
          <div id="course-tile">
            <span><h3>Advanced Snowflakes</h3></span>
            <img src="images/hipster-dude.jpeg">
            <p id="course-tile">Neutra hashtag gastropub hexagon, banh mi raclette everyday carry wolf swag venmo gluten-free health goth deep v salvia. Meh pinterest fashion axe, mumblecore echo park succulents lomo single-origin coffee waistcoat kickstarter. Portland chillwave tilde cray. Intelligentsia forage pitchfork mustache. Gastropub meh austin bitters. Pour-over sustainable health goth synth. Seitan locavore lomo, actually godard raw denim next level.</p>
          </div>
        </div><!-- end of right -->
      </section>


    </div><!-- End of row -->
  </div><!-- End of #main-content -->


  <!-- jQuery (Bootstrap JS plugins depend on it) -->
  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/script.js"></script>
</body>
</html>