Skip to content

Instantly share code, notes, and snippets.

@seanhandley

seanhandley/Work Experience

Forked from anonymous/Work Experience
Created June 17, 2015 09:23
Show Gist options
  • Save seanhandley/713c817b72d784273de9 to your computer and use it in GitHub Desktop.
Save seanhandley/713c817b72d784273de9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. seanhandley revised this gist Jun 17, 2015. 1 changed file with 43 additions and 26 deletions.
    69 changes: 43 additions & 26 deletions Work Experience
    View file
    Original file line number Diff line number Diff line change
    @@ -2,26 +2,13 @@
    <!-- saved from url=(0046)file:///C:/Users/Alex/Documents/Bootstrap.html -->
    <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <div class = "navbar navbar-inverse navbar-static-top">
    <div class = "container">
    <a class = "navbar-brand">Introduction
    <a class = "navbar-brand">Day One
    <a class = "navbar-brand">Day Two
    <a class = "navbar-brand">Day Three
    <a class = "navbar-brand">Day Four
    <a class = "navbar-brand">Day Five
    </div>





    </div> <title>Bootstrap</title>
    <title>Bootstrap</title>
    <link rel="shortcut icon" type="image/x-icon" href="http://getbootstrap.com/favicon.ico">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script src="./Basic Webpage_files/bootstrap.min.js"></script>
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    @@ -30,22 +17,52 @@
    p.my-style { color: #112233; font-weight: 200; font-size: 15px;}
    div.push { margin-bottom: 15px;}
    p.bodytext { font-size: 1513:38 15/06/15px;}
    a.active {color: white;}
    </style>
    </head>
    <body>
    <div id="tabs" class ="navbar navbar-inverse navbar-static-top" role="tablist">
    <a role="presentation" class ="navbar-brand active" data-toggle="tab" href="#introduction">Introduction</a>
    <a role="presentation" class ="navbar-brand" data-toggle="tab" href="#day1">Day One</a>
    <a role="presentation" class ="navbar-brand" data-toggle="tab" href="#day2">Day Two</a>
    <a role="presentation" class ="navbar-brand" data-toggle="tab" href="#day3">Day Three</a>
    <a role="presentation" class ="navbar-brand" data-toggle="tab" href="#day4">Day Four</a>
    <a role="presentation" class ="navbar-brand" data-toggle="tab" href="#day5">Day Five</a>
    </div>
    <div class="container">
    <u><h1></i>Y10 Work Experience</h1></u>
    <em>An overview of my work experience
    </em> <div class="push"></div>
    <div class="jumbotron">
    <p class="lead">
    <h2>Day One</h2> Hello! This is Alex.
    </p>
    <p class="bodytext"> I am a Y10 student from Sheffield who, on his work experience, has been tasked with creating a webpage.
    </p><p class="bodytext"> I was taught the basics of how to use a web desining tool named Bootstrap and was then left to figure the key elements of the programme individually, and this is what assisted me in creating this documented.</p>
    <p class="bodytext">
    </p><p class="bodytext" <i="">
    On day one, when I first arrived, I was given a tour of the premises and briefed on health and safety which then lead on to being introduced to the webpage designer which I was left to get lost in within the final hours of the day. I mostly experimented, but using the guide to help me, I strung together a standard page.

    <div class="container"> </p></div>
    <h3>Day Two</h3> <p class="bodytext"> I started off day 2 with a talk to a person in charge of finance, he told me about the possible risks a business faces, the impacts they have and how they can be overcome. <p class="bodytext"> He then asked me to make a spreadsheet outlining these factors which took me up until lunch. The spreadsheet can be seen here. </p> </div>
    <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="introduction">
    <p class="lead">Hello! This is Alex.</p>
    <p class="bodytext"> I am a Y10 student from Sheffield who, on his work experience, has been tasked with creating a webpage</p>
    <p class="bodytext"> I was taught the basics of how to use a web desining tool named Bootstrap and was then left to figure the key elements of the programme individually, and this is what assisted me in creating this documented.</p>
    </div>
    <div role="tabpanel" class="tab-pane active" id="day1">
    <h2>Day One</h2>
    <p class="bodytext">
    <p class="bodytext" <i="">
    On day one, when I first arrived, I was given a tour of the premises and briefed on health and safety which then lead on to being introduced to the webpage designer which I was left to get lost in within the final hours of the day. I mostly experimented, but using the guide to help me, I strung together a standard page.</p>
    </div>
    <div role="tabpanel" class="tab-pane" id="day2">
    <h3>Day Two</h3> <p class="bodytext"> I started off day 2 with a talk to a person in charge of finance, he told me about the possible risks a business faces, the impacts they have and how they can be overcome. He then asked me to make a spreadsheet outlining these factors which took me up until lunch. The spreadsheet can be seen here. </p>
    </div>
    <div role="tabpanel" class="tab-pane" id="day3">...</div>
    <div role="tabpanel" class="tab-pane" id="day4">...</div>
    <div role="tabpanel" class="tab-pane" id="day5">...</div>
    </div>
    </div>
    <script>
    $(document).ready(function() {
    $('#tabs a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
    })
    $("a[href='#introduction'").click();
    });
    </script>
    </body>
    </html>
  2. @invalid-email-address Anonymous created this gist Jun 17, 2015.
    51 changes: 51 additions & 0 deletions Work Experience
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,51 @@
    <!DOCTYPE html>
    <!-- saved from url=(0046)file:///C:/Users/Alex/Documents/Bootstrap.html -->
    <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <div class = "navbar navbar-inverse navbar-static-top">
    <div class = "container">
    <a class = "navbar-brand">Introduction
    <a class = "navbar-brand">Day One
    <a class = "navbar-brand">Day Two
    <a class = "navbar-brand">Day Three
    <a class = "navbar-brand">Day Four
    <a class = "navbar-brand">Day Five
    </div>





    </div> <title>Bootstrap</title>
    <link rel="shortcut icon" type="image/x-icon" href="http://getbootstrap.com/favicon.ico">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script src="./Basic Webpage_files/bootstrap.min.js"></script>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    /* You can put custom styles in here */
    p.my-style { color: #112233; font-weight: 200; font-size: 15px;}
    div.push { margin-bottom: 15px;}
    p.bodytext { font-size: 1513:38 15/06/15px;}
    </style>
    </head>
    <body>
    <div class="container">
    <u><h1></i>Y10 Work Experience</h1></u>
    <em>An overview of my work experience
    </em> <div class="push"></div>
    <div class="jumbotron">
    <p class="lead">
    <h2>Day One</h2> Hello! This is Alex.
    </p>
    <p class="bodytext"> I am a Y10 student from Sheffield who, on his work experience, has been tasked with creating a webpage.
    </p><p class="bodytext"> I was taught the basics of how to use a web desining tool named Bootstrap and was then left to figure the key elements of the programme individually, and this is what assisted me in creating this documented.</p>
    <p class="bodytext">
    </p><p class="bodytext" <i="">
    On day one, when I first arrived, I was given a tour of the premises and briefed on health and safety which then lead on to being introduced to the webpage designer which I was left to get lost in within the final hours of the day. I mostly experimented, but using the guide to help me, I strung together a standard page.

    <div class="container"> </p></div>
    <h3>Day Two</h3> <p class="bodytext"> I started off day 2 with a talk to a person in charge of finance, he told me about the possible risks a business faces, the impacts they have and how they can be overcome. <p class="bodytext"> He then asked me to make a spreadsheet outlining these factors which took me up until lunch. The spreadsheet can be seen here. </p> </div>