"Resume-Summary-2columns"
Bootstrap 4.1.1 Snippet by mrservon22

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <<body><section class="container" id="summary" style="margin-top: 155px;"> <div class="row" style="height: auto; margin-top: 5px; margin-bottom: 0px;"> <div class="col-xs-7"><!-- A --> <div class="row row-heading"> <div class="col-xs-12 heading"> <p class="heading"> <b><span class="heading">SUMMARY OF QUALIFICATIONS</span></b> </p> </div> </div> <div class="row summary" style="height: auto;"> <div class="col-xs-12"> <div class="summary-left"> <div class="media"> <span class="float-left pull-left lg glyphicon glyphicon-ok" style="padding-top: 5px;"></span> <div class="media-body"> Propelled Unified-Communications (UC), Customer-Relationship-Management (CRM) and Voice-over-Internet-Protocol (VoIP) industry pioneers into market-share winners by delivering seven years of Inside Sales, Channel Partner, and Product Marketing team leadership and sales productivity </div> </div> <div class="media"> <span class="float-left pull-left lg glyphicon glyphicon-ok" style="padding-top: 5px;"></span> <div class="media-body"> Preeminent UC Cloud Contact Center industry, competitor and product knowledge expert </div> </div> <div class="media"> <span class="float-left pull-left lg glyphicon glyphicon-ok" style="padding-top: 5px;"></span> <div class="media-body"> Improved competitiveness, profitability and cost-effectiveness for over 1,500 SMBs </div> </div> <div class="media"> <span class="float-left pull-left lg glyphicon glyphicon-ok" style="padding-top: 5px;"></span> <div class="media-body"> Surpassed sales quota by 135% during five years as Inside Sales agent </div> </div> <div class="media"> <span class="float-left pull-left lg glyphicon glyphicon-ok" style="padding-top: 5px;"></span> <div class="media-body"> Delivered double digit market-share growth and built sustainable competitive advantages for over 20 UC Contact Center project management partners, delivering competitive advantage through cloud and digital marketing optimization, vendor management, professional services, and other project management services </div> </div> </div> </div> </div> </div><!-- /left column --> <div class="col-xs-5"> <div class="row"> <div class="col-xs-12 table-responsive" style="background: white; margin: 0px 10px; border: 1pt solid rgb(51, 51, 255); border-image: none; width: 100%; align-content: center;" valign="middle" colspan="3"> <table align="center" class="table-responsive;" style="width: 100%; margin-top: 5px; margin-right: auto; margin-left: auto; border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr style="margin-bottom: 10px;"> <td style="background: blue; border-width: medium medium 1pt; border-style: none none dashed; border-color: currentColor currentColor rgb(0, 0, 0); border-image: none; width: 100%; height: 14.2pt; padding-bottom: 5px;" colspan="4"> <p align="center" class="MsoNormal" style="margin: 4pt 0in 0pt 0pt; text-align: center; line-height: normal;"><b><span class="acc" style="color: white; font-size: 15px;">VENDOR CLOUD REVENUE PRODUCER</span></b></p> </td> </tr> <tr> <td valign="top" style="border-width: medium 1pt medium medium; border-style: none dashed none none; border-color: currentColor rgb(51, 51, 255) currentColor currentColor; padding: 2px; border-image: none; width: 22%; min-width: 82px;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: normal; margin-bottom: 0pt;"><b><span style="color: black; font-family: Arial,sans-serif; font-size: 9pt;"> </span></b></p> </td> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 5px; width: 40%; vertical-align: middle; max-width: 144px;" rowspan="2"> <p class="MsoNormal" style="margin: 0in -2.45pt 0pt 2.45pt; line-height: normal;"><b><span>Managed, Value-Added & Prof Services</span></b></p> </td> <td valign="bottom" style="border-width: medium medium 1pt; border-style: none none dashed; border-color: currentColor currentColor rgb(51, 51, 255); padding: 0in; border-image: none; width: auto;" colspan="2"> <p align="center" class="MsoNormal" style="margin: 0in 0in 0pt 0.05in; text-align: center; line-height: normal;"><b><span>Vendor Revenue</span></b></p> </td> </tr> <tr> <td valign="top" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 2px;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: normal; margin-bottom: 0pt;"><b><span style="color: black; font-family: Arial,sans-serif; font-size: 9pt;"> </span></b></p> </td> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 2px; vertical-align: middle;"> <p class="MsoNormal" style="margin: 0in 0in 0pt 4pt; line-height: normal;"><b><span>Direct Sales</span></b></p> </td> <td valign="bottom" style="border-width: medium medium 1pt; border-style: none none dashed; border-color: currentColor currentColor rgb(51, 51, 255); padding: 2px; border-image: none; width: auto;"> <p class="text-center" style="margin: 0in -4.5pt 0pt 4pt; line-height: normal;"><b><span>VAR, SI, Consult</span></b></p> </td> </tr> <tr> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 2px;"> <p align="right" class="text-center" style="margin: 0in 3.3pt 0pt 0in; text-align: right; line-height: 115%; -ms-layout-grid-mode: char; -ms-word-break: break-all;"><span class="table">Revenue</span></p> </td> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 2px;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: 115%; margin-bottom: 0pt;"><span class="table">$12M</span></p> </td> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 2px;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: 115%; margin-bottom: 0pt;"><span class="table">$5M</span></p> </td> <td valign="bottom" style="border-width: medium medium 1pt; border-style: none none dashed; border-color: currentColor currentColor rgb(51, 51, 255); padding: 4px; border-image: none;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: 115%; margin-bottom: 0pt;"><span class="table">$68M</span></p> </td> </tr> <tr> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 4px;"> <p align="right" class="MsoNormal" style="margin: 0in 3.3pt 0pt 0in; text-align: right; line-height: 115%; -ms-layout-grid-mode: char; -ms-word-break: break-all;"><span class="table">SMBs</span></p> </td> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 4px;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: 115%; margin-bottom: 0pt;"><span class="table">85</span></p> </td> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 4px;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: 115%; margin-bottom: 0pt;"><span class="table">1200</span></p> </td> <td valign="bottom" style="border-width: medium medium 1pt; border-style: none none dashed; border-color: currentColor currentColor rgb(51, 51, 255); padding: 4px; border-image: none;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: 115%; margin-bottom: 0pt;"><span class="table">250</span></p> </td> </tr> <tr> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 4px;"> <p align="right" class="MsoNormal" style="margin: 0in 3.3pt 0pt 4.5pt; text-align: right; line-height: 115%; text-indent: -4.5pt; -ms-layout-grid-mode: char; -ms-word-break: break-all;"><span class="table">Experience</span></p> </td> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 4px;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: 115%; margin-bottom: 0pt;"><span class="table">5 years</span></p> </td> <td valign="bottom" style="border-width: medium 1pt 1pt medium; border-style: none dashed dashed none; border-color: currentColor rgb(51, 51, 255) rgb(51, 51, 255) currentColor; padding: 4px;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: 115%; margin-bottom: 0pt;"><span class="table">5 years</span></p> </td> <td valign="bottom" style="border-width: medium medium 1pt; border-style: none none dashed; border-color: currentColor currentColor rgb(51, 51, 255); padding: 4px; border-image: none;"> <p align="center" class="MsoNormal" style="text-align: center; line-height: 115%; margin-bottom: 0pt;"><span class="table">7 years</span></p> </td> </tr> </tbody> </table> </div> </div> <div class="row" style="margin-top: 10px; margin-bottom: 10px;"> <div class="col-xs-12" style="background: white; margin: 0px 10px; border: 1pt solid rgb(7, 8, 221); border-image: none; width: 100%;"> <p class="MsoNormal" style="margin: 2pt 0in; text-align: justify; -ms-text-justify: inter-ideograph;"> <span class="summary-acc">Decade of B2B Cloud Ecosystem role diverse experience ‐</span> <span class="summary-acc" style="color: rgb(29, 29, 255);">Service Provider, Value-Added Reseller (VAR), Systems Integrator (SI), Consultant, Customer, and Vendor</span> </p> </div> </div> <div class="row"> <div class="col-xs-12" style="background: white; border-width: 1pt; border-style: solid; border-color: rgb(7, 8, 221) rgb(7, 8, 221) currentColor; margin: 0px 10px; border-image: none; width: 100%;"> <p class="MsoNormal" style="margin: 2pt 0in 0pt 0pt; text-align: justify; -ms-text-justify: inter-ideograph;"> <span class="summary-acc">Produced $70M SMB Revenue For Preferred Cloud Vendors ‐</span> <span class="summary-acc" style="color: red;"> 8x8, Google, Mitel, Five9, Marketo, Contactual, Cisco, Shoretel, SugarCRM, Salesforce.com, Netsuite, Zoho, Microsoft</span> </p> </div> </div> </div><!-- /right column --> </div><!-- /row containing both summary cols --> </section>

Related: See More


Questions / Comments: