bootstrap_starter_kit/index.php at master · kshaffer/bootstrap_starter_kit · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap Starter Kit | Kris Shaffer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- Bootstrap CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/custom.css">
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />

    <!-- Font Awesome for awesome icons. You can redefine icons used in a plugin configuration -->
    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../bower_components/html5shiv/dist/html5shiv.js"></script>
      <script src="../bower_components/respond/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

    <!-- navbar -->
    <?php
      include('./php_includes/navbar.html');
    ?>

    <div id="banner-image"><img src="/files/banner-everest.jpg" alt="Everest" style="width: 100%; padding: 0px; margin: 0px 0px -40px 0px; border: 0px;" /></div>

    <div class="container">

      <div class="page-header" id="banner">
        <div class="row">
          <div class="col-lg-12">
            <h1>Bootstrap Starter Kit</h1>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-9 col-md-8 col-sm-7">
            <p class="lead">Get started on a static HTML site with an out-of-the-box <a href="http://getbootstrap.com/" target="blank_">Bootstrap</a> build.</p>
            <p>Building your first website with HTML and CSS is usually a lot harder than it needs to be. Either the site is ugly, or the process of making it both functional and attractive is onerous — both of which can be frustrating for a new developer.</p>
            <p>Bootstrap is an HTML, CSS, and JavaScript framework that promises to make it much easier to make an attractive, functional site from scratch. But I've found it difficult to collect all the right frameworks and files together, especially if you want a custom theme.</p>
            <p>In the process of helping one of my students get started with her own Bootstrap-enabled site, I collected all the files needed to get started in one ZIP file. Simply download this zip file, upload it to your web host's file manager, extract it, and start editing! No tracking down dependencies, no changing links to different folders... It's all here.</p>
            <p>While putting this together, I added a little PHP to pull the header and footer for every page from a single file. It diminishes the amount of work you have to do, especially for sites with more than two or three pages. It should work on any shared hosting environment (including Domain of One's Own).</p>
            <p>Check out the <a href="/examples.php">examples page</a> to get some ideas of what this theme can do. And for a WYSIWYG (what-you-see-is-what-you-get) text editor that will output HTML code for your Bootstrap site, check out <a href="https://peasycomposer.pushpullfork.com" target="blank_">Peasy Composer</a>.</p>
            <p>Have fun!</p>
          </div>

          <div class="col-lg-3 col-lg-4 col-lg-5">
            <h2 style="margin-top: 0px; text-align:center;">Download BSK</h2>
            <hr/>
            <p class="bs-component" style="text-align: center;">
              <a href="/bootstrap_starter_kit_default.zip" class="btn btn-default btn-lg">Starter theme</a>
            </p>
            <p class="bs-component" style="text-align: center;">
              <a href="bootstrap_starter_kit_unity.zip" class="btn btn-default btn-lg">Unity theme</a>
            </p>
            <hr/>
            <p><small>This site is built with the Starter theme. To see Unity in action, check out my <a href="https://data101.pushpullfork.com" target="blank_">DATA 101 course website</a>.</small></p>
          </div>
        </div>


        <!-- footer -->
        <hr/>
        <?php
          include('./php_includes/footer.html');
        ?>

    </div>


    <script style="display: none !important;">!function(e,t,r,n,c,a,l){function i(t,r){return r=e.createElement('div'),r.innerHTML='<a href="'+t.replace(/"/g,'&quot;')+'"></a>',r.childNodes[0].getAttribute('href')}function o(e,t,r,n){for(r='',n='0x'+e.substr(t,2)|0,t+=2;t<e.length;t+=2)r+=String.fromCharCode('0x'+e.substr(t,2)^n);return i(r)}try{for(c=e.getElementsByTagName('a'),l='/cdn-cgi/l/email-protection#',n=0;n<c.length;n++)try{(t=(a=c[n]).href.indexOf(l))>-1&&(a.href='mailto:'+o(a.href,t+l.length))}catch(e){}for(c=e.querySelectorAll('.__cf_email__'),n=0;n<c.length;n++)try{(a=c[n]).parentNode.replaceChild(e.createTextNode(o(a.getAttribute('data-cfemail'),0)),a)}catch(e){}}catch(e){}}(document);</script><script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="/js/popper.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/custom.js"></script>
  </body>
</html>