<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<h2>A set of wells with buttons to links</h2>
</div>
</div>
<div class="editor-indent" style="margin-left: 20px; padding: 0 0 0 40px; margin-right: 50px">
<div class="contain">
<div class="well">
<h2 data-sr-id="3" style="; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; "><i class="fa fa-lightbulb-o black" aria-hidden="true"></i> <span class="" style="color: rgb(152, 202, 62);">What type of a person are you?</span> </h2>
<p>
Everyone has their own unique qualities and characteristics and this activity will help you to identify what your unique attributes are:
</p>
<a href="h5p_understandingSelf.html"><button id="button" style="padding:2px;border:1px solid rgb(152, 202, 62);"><span class="" style="color: rgb(152, 202, 62);">Start activity</span></button></a>
</div>
<div class="well">
<h2 data-sr-id="4" style="; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; "><i class="fa fa-check-square black" aria-hidden="true"></i> <span class="" style="color: rgb(152, 202, 62);">My career plan</span>
</h2>
<p>Here is the first step to get you started with your career plan - download the template and take some time to go through the questions which will guide you through creating the start of your own career plan.
</p>
<p><b>Section 1</b> of the <a href="docs/1Get_Ahead_Career_Plan_Template.docx">Career Plan</a> is all about you: what kind of person are you, what motivates you and what is important to you in your future career?
</p>
<a href="docs/1Get_Ahead_Career_Plan_Template.docx"><button id="button" style="padding:2px;border:1px solid rgb(152, 202, 62);"><span class="" style="color: rgb(152, 202, 62);">Get Template</span></button></a>
</div>
<div class="contain">
<div class="well">
<h2 data-sr-id="2" style="; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; "><i class="fa fa-lightbulb-o black" aria-hidden="true"></i> <span class="" style="color: rgb(152, 202, 62);">Learning activity</span> </h2>
<p><b>What are your next steps?</b> Now you have completed the course, check your learning by doing this Get Ahead quiz!
