seanhandley · June 17, 2015 09:23
diff --git a/Work Experience b/Work Experience
 <!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">
  
 <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="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">
    <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;}
    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">
        
      <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>
	<!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">

	<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="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">
	<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;}
	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">

	<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>