"Wells with Buttons - Moodle 3.3.3"
Bootstrap 2.3.2 Snippet by dgcruzing

<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> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>A set of wells with buttons to links</h2> </div> </div> <!-- Start of content block --> <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! </p> <a href="h5p_next_steps.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="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-users black" aria-hidden="true"></i><span class="" style="color: rgb(152, 202, 62);"> Collaborate</span></h2> <p>Think about a business, or an idea for a business and then fill in the different sections of <a href="https://strategyzer.com/canvas">the Osterwalder canvas</a>. </p> <p>An important point about innovation is the importance of sharing your ideas, as this helps you to learn and also refine your idea. Share your business canvas ideas and comments on the <a href="http://www.weibo.com/p/1008081ab06f1eeb1f86616152d51bcece3933?k=%25E5%2595%2586%25E4%25B8%259A%25E6%25A8%25A1%25E5%25BC%258F%25E7%2594%25BB%25E5%25B8%2583business+canvas&from=501&_from_=huati_topic">Weibo group</a> and reflect on what you’ve learned by sharing your ideas. </p> </div> </div> </div> </div> </div> </div> Working on site.. http://www.prepare2getahead.co.uk/getahead.html <p></p><p><br></p>

Related: See More


Questions / Comments: