"Feature Table"
Bootstrap 2.3.2 Snippet by detain

<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"> <table class= "plan table table-hover table-bordered table-striped text-center"> <thead> <tr> <th colspan="6"> <h2>Features</h2> </th> <th colspan="2"> <h5>FREE - LIMITED VERSION</h5> <p class="muted">Give it a try<br> Create an Account</p> <div class="plan-action"> <a class="btn btn-primary btn-block btn-large" href= "https://cloud.meetingresult.com/signup/trial">Sign Up Now</a> </div> </th> <th colspan="2"> <h5>PREMIUM (SINGLE LICENSE)</h5> <p class="muted">$9.99/month or $94.99/year</p> <div class="plan-action"> <a class="btn btn-primary btn-block btn-large" href= "https://cloud.meetingresult.com/signup/monthly">Sign Up Now</a> </div> </th> <th colspan="2"> <h5>PREMIUM (TEAM LICENSES)</h5> <p class="muted">Annual Pricing Model Based On Team Size</p> <div class="plan-action"> <a class="btn btn-primary btn-block btn-large" href= "https://cloud.meetingresult.com/signup/yearly">Sign Up Now</a> </div> </th> </tr> </thead> <tbody> <tr> <td colspan="6">NUMBER OF LICENSES</td> <td colspan="2">1 LICENSE</td> <td colspan="2">1 LICENSE</td> <td colspan="2">CUSTOM TEAM SIZE</td> </tr> <tr> <td colspan="6">UNLIMITED MEETINGS AND ATTENDEES</td> <td colspan="2">4 MEETINGS PER MONTH</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">STREAMLINED MEETING PLANNING FUNCTION</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">CLONE PREVIOUS MEETINGS FOR RAPID PLANNING</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">AUTOMATED AGENDA CREATION AND CALENDAR INVITE DISTRIBUTION</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">INTEGRATION WITH EVERNOTE, DROPBOX AND GOOGLE DOCS</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">STREAMLINED MEETING EXECUTION FUNCTION</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">EASILY CAPTURE KEY MEETING INFORMATIN (NOTES, ACTION ITEMS, DECISIONS)</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">AUTOMATED CREATION AND DISTRIBUTION OF MEETING SUMMARY REPORT</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">BRANDED MEETING AGENDAS AND SUMMARY REPORTS (PDF)</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">CLOUD SYNC AND ARCHIVE OF MEETING DATA</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">FULL ENCRYPTION OF DATA IN TRANSIT</td> <td colspan="2">✔</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">ATTENDEE DASHBOARD FOR PERSONAL VIEW OF MEETING INFO & ASSIGNMENTS</td> <td colspan="2">✗</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">AUTOMATED EMAIL DISTRIBUTION OF MEETING ASSIGNMENTS</td> <td colspan="2">✗</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">AUTOMATED WORKFLOW TO CAPTURE STATUS UPDATES FOR ASSIGNMENTS</td> <td colspan="2">✗</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">ADVANCED FREE FORM TEXT SEARCH ACROSS ALL MEETING DATA</td> <td colspan="2">✗</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">PROJECT LEVEL MEETING ANALYTICS WITH OVER 20 KEY METRICS</td> <td colspan="2">✗</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">EASILY TAG & INFORM OUTSIDE PARTIES ON KEY MEETING INFORMATION</td> <td colspan="2">✗</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">COMPLETE ONLINE ACCESS TO ALL MEETING DATA</td> <td colspan="2">✗</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">SECURE BACKUP AND RESTORE FROM CLOUD</td> <td colspan="2">✗</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> <tr> <td colspan="6">PREMIUM SUPPRORT ACCESS TO ASSIST WITH QUESTIONS & ENHANCEMENT REQUESTS</td> <td colspan="2">✗</td> <td colspan="2">✔</td> <td colspan="2">✔</td> </tr> </tbody> </table> <h6>Try MeetingResult Premium for 30 days free, no credit card required <a class="btn btn-primary btn-block btn-large" href="http://kmdig.dev/mr/app/free-trial/">FREE 30 Day Trial</a></h6> </div> </div>
//pricing new (featues table) table.plan td{ text-align: center; } table.plan tr:first-child { text-align: left; }

Related: See More


Questions / Comments: