"Radio Button Tabs"
Bootstrap 2.3.2 Snippet by praveenrdeepak

<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"> <p class="lead">Careers at eksyz Interactive</p> <hr> <p>At <b>eksyz</b> we look for candidates with passion for work, curiosity to learn and thirst to grow. If you would like a career in design or web development, eksyz is the right place to start. You will get hands on experience right from day one. With our diverse client base, the exposure you will get is invaluable. We also value candidates with people skills to take care of business development and project management.</p> <p class="lead">Current Openings</p> <div id="tab" class="btn-group" data-toggle="buttons-radio"> <a href="#careers-hr" class="btn btn-large btn-info" data-toggle="tab">HR</a> <a href="#careers-interns" class="btn btn-large btn-info" data-toggle="tab">Interns</a> <a href="#careers-it" class="btn btn-large btn-info" data-toggle="tab">IT & Security</a> <a href="#careers-marketing" class="btn btn-large btn-info" data-toggle="tab">Marketing</a> <a href="#careers-ops" class="btn btn-large btn-info" data-toggle="tab">Online Operations</a> <a href="#careers-pm" class="btn btn-large btn-info" data-toggle="tab">Product Management</a> <a href="#careers-sales" class="btn btn-large btn-info" data-toggle="tab">Sales</a> <a href="#careers-dux" class="btn btn-large btn-info" data-toggle="tab">Web Design & UI/UX</a> </div> <div class="tab-content"> <div class="tab-pane active" id="careers-hr"> <br> <p class="lead">HR</p> <div class="row"> <div class="span3"> <img src="http://placehold.it/200x200"> </div> <div class="span9"> <p>There are now two rates of Capital Gains Tax (CGT) for individuals. A standard rate of 18% and a higher rate of 28%. The annual exempt amount is still £10,100 for ’10-’11. For more information on CGT please see the factsheet we have put together, which is available to download below.</p> </div> </div> </div> <div class="tab-pane" id="features2"> <br> <p class="lead">Features content</p> <div class="row"> <div class="span6"> <p>For a full list of our services including support and consultancy for start-up businesses please see the Our Services section of the website. Alternatively if you have a specific service or question in mind please don’t hesitate to contact us to discuss this using the contact details on the Contact Us page of the site.</p> </div> <div class="span6"> <img src="http://placehold.it/400x400"> </div> </div> </div> <div class="tab-pane" id="requests2"> <br> <p class="lead">Requests content</p> <div class="row"> <div class="span3"> <img src="http://placehold.it/200x200"> </div> <div class="span5"> <p>There are now two rates of Capital Gains Tax (CGT) for individuals. A standard rate of 18% and a higher rate of 28%. The annual exempt amount is still £10,100 for ’10-’11. For more information on CGT please see the factsheet we have put together, which is available to download below.</p> </div> <div class="span4"> <img src="http://placehold.it/400x200"> </div> </div> </div> <div class="tab-pane" id="contact2"> <br> <p class="lead">Contact Us</p> <form class="well span8"> <div class="row"> <div class="span3"> <label>First Name</label> <input type="text" class="span3" placeholder="Your First Name"> <label>Last Name</label> <input type="text" class="span3" placeholder="Your Last Name"> <label>Email Address</label> <input type="text" class="span3" placeholder="Your email address"> <label>Subject <select id="subject" name="subject" class="span3"> <option value="na" selected="">Choose One:</option> <option value="service">General Customer Service</option> <option value="suggestions">Suggestions</option> <option value="product">Product Support</option> </select> </label> </div> <div class="span5"> <label>Message</label> <textarea name="message" id="message" class="input-xlarge span5" rows="10"></textarea> </div> <button type="submit" class="btn btn-primary pull-right">Send</button> </div> </form> </div> </div> </div> </div> </div>

Related: See More


Questions / Comments: