"tcb10"
Bootstrap 4.0.0 Snippet by mrservon22

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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 ----------> <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <style> .Accordion { border-left: solid 1px gray; border-right: solid 1px white; border-bottom: solid 1px white; overflow: hidden;} .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} img { max-width: auto; height: 100%;} header nav a:hover {color: white; } /* shrinking header */ header {width: 100%; height: 136px; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 999; background-color: #000000; -webkit-transition: height 0.3s; transition: height 0.3s; } header.smaller {height: 75px; } header span#logo {display: inline-block; height: 110px; line-height: 110px; float: left; -webkit-transition: all 0.3s; transition: all 0.3s; margin-bottom:-20px; } header.smaller span#logo {width: auto; height: 75px; margin-bottom: 0px; padding-left: 20px;} header.smaller .tcb-quote-carousel {display:none!important} span.subtext {color:black; margin-top: -20px;} /* shrinking nav */ header nav a {line-height: 150px; margin-left: 20px; color: #ffffff; font-weight: 700; font-size: 18px;-webkit-transition: all 0.3s; transition: all 0.3s; } header.smaller nav a {line-height: 75px; } .container {padding: 0 10px 0px 10px; max-width: 1550px; margin-right: auto; margin-left: auto;} .container-fluid {width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;} .clearfix::after {visibility: hidden; display: block; content: ""; clear: both; height: 0px;} /* tcb-quote-carousel.CSS */ .tcb-quote-carousel {background: #f9f9f9; padding-top: 0px; margin: 0px 25px 0px 25px; .quote {color: rgba(100,0,0,.5); text-align: center; margin-bottom: 0px;}.carousel {padding-top: 10px; padding-bottom: 0px;.carousel-indicators > li {background-color: #e84a64;border: none;}} blockquote {margin-top: 0px; text-align: center;border: none;}} .carousel-fade {.carousel-inner {.item {-webkit-transition-property: opacity; transition-property: opacity;} .item,.active.left,.active.right {opacity:0;} .active,.next.left,.prev.right {opacity:1;} .next,.prev,.active.left,.active.right {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} }} ol.carousel-indicators {display:none;} blockquote {text-align: right;} .quoter{text-align: center;} header.smaller .tcb-quote-carousel {display: none !important;} header ul.nav {color:black;} .navbar-default {background-color: #f8f8f8; border-color: #e7e7e7;} /* RESUME.CSS */ span.heading {font-family: Baskerville Old Face; font-weight:bold; font-size:16pt; vertical-align: baseline;} span.subheading {font-family: Georgia,serif; font-size: 15pt;} span.summary {line-height: 115%; font-family: Calibri,sans-serif; font-size: 14pt;} span.company {font-weight:bold; color: rgb(29, 29, 255); font-family: Georgia,serif; font-size: 13.5pt;} span.job {color: black; font-size:11pt; font-family: Georgia,serif; font-weight: bold; text-align:left;} span.table {color: black; line-height: 115%; font-size: 11.5pt;} .heading {overflow:hidden; background: rgb(51, 51, 255); padding: 0pt; } .company {text-align: left; border-width: medium 1pt; padding: 0in 5.75pt; height: auto;} .main {border-top: 0.8px solid blue; border-right: 0.8px solid blue;} td {margin: 4px;}​.summary-acc {font-size:14pt; padding:5px; font-weight: bold; } .company {text-align: left;padding: 0in 5.75pt;} .heading {overflow:hidden; background: rgb(51, 51, 255); padding: 0pt; } .main {border-top: 0.8px solid blue; border-right: 0.8px solid blue;} td {margin: 4px;} span.heading {font-family: Baskerville Old Face; font-weight:bold; font-size:16pt;} span.summary {line-height: 115%; font-family: Calibri,sans-serif; font-size: 14pt;} span.subheading {font-family: Georgia,serif; font-size: 15pt;} span.company {font-weight:bold; color: rgb(29, 29, 255); font-family: Georgia,serif; font-size: 13.5pt;} span.job {color: black; font-size:11pt; font-family: Georgia,serif; font-weight: bold; text-align:left;} span.table {color: black; line-height: 115%; font-size: 11.5pt;} .company {text-align: left; border-width: medium 1pt; padding: 0in 5.75pt; height: auto;} .heading {overflow:hidden; background: rgb(51, 51, 255); padding: 0pt; } .main { border-top: 1.5px solid blue; border-right: 1.5px solid blue;}span.heading {vertical-align: baseline;} span.summary {font-size: 14pt;} span.subtext, strong.logo-subtitle {font-size: 14pt; vertical-align: top;} span.summary-acc {font-size:12.5pt; font-weight: bold;} </style> <script> function init() {window.addEventListener('scroll', function(e){var distanceY = window.pageYOffset || document.documentElement.scrollTop,shrinkOn = 170,header = document.querySelector("header"); if (distanceY > shrinkOn) { classie.add(header,"smaller");} else {if (classie.has(header,"smaller")) {classie.remove(header,"smaller");} } }); } window.onload = init(); </script> </head> <body data-spy="scroll" data-target=".navbar" data-offset="50"> <div class="container-fluid" style="background-color:#F44336;color:#fff;height:200px;"> <h1>Scrollspy & Affix Example</h1> <h3>Fixed navbar on scroll</h3> <p>Scroll this page to see how the navbar behaves with data-spy="affix" and data-spy="scrollspy".</p> <p>The navbar is attached to the top of the page after you have scrolled a specified amount of pixels, and the links in the navbar are automatically updated based on scroll position.</p> </div> <nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="197"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">WebSiteName</a> </div> <div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li><a href="#section1">Section 1</a></li> <li><a href="#section2">Section 2</a></li> <li><a href="#section3">Section 3</a></li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#section41">Section 4-1</a></li> <li><a href="#section42">Section 4-2</a></li> </ul> </li> </ul> </div> </div> </div> </nav> <header class="navbar navbar-default navbar-fixed-top" style="box-shadow: 0px 10px 20px rgba(51,51,251,0.8);"> <div class="container clearfix"> <div id="header-row1" class="row"> <div class="col-xs-4"> <div class="row"><div class="col-xs-12"><span id="logo"><a> <img class="img-responsive img-fluid" src="http://www.sangampatel.com/assets/img/logo2-big.png" style="height:80%; weight:auto;"></a></span></div></div> <div class="row"><div class="col-xs-12 text-center"><span class="text-center subtext"><strong class="logo-title logo-subtitle">Ace-Level Marketing Talent</strong></span></div></div> </div> <div class="col-xs-1"></div> <div class="col-xs-7"> <div class="tcb-quote-carousel"> <div class="carousel slide carousel-fade" id="fade-quote-carousel" data-ride="carousel" data-interval="10000"> <!-- Carousel items --> <div class="carousel-inner"> <div class="item active"><i class=" fa fa-quote-left fa-3x" style="float:left; margin-top: -5px; background-color:white; color:darkblue;"></i><i class=" fa fa-quote-right fa-3x" style="float:right; margin-top: -5px;background-color:white; color:darkblue;"></i><blockquote><p style="color:blue;padding: -35px 0px 0 0; font-style:italic;">It is not the strongest of the species that survive, nor the most intelligent, but the ones that adapt best in response to change.</p><div class="clearfix"></div> <div class="quoter"><strong>Charles Darwin </strong><small>Maker of Mankind's Greatest Discover</small> </div></blockquote> </div> <div class="item"><i class=" fa fa-quote-left fa-3x" style="float:left;margin-top: -5px; background-color:white; color:darkblue;"></i><i class=" fa fa-quote-right fa-3x" style="float:right;margin-top: -5px; background-color:white; color:darkblue; "></i> <blockquote><p style="font-style:italic; color:blue;">The world is changing very fast. Big will not beat small anymore. Instead, it's fast beating slow.</p> <div class="quoter"><strong>Rupurt Murdoch</strong><small>Media Mogul</small></div></blockquote> </div> <div class="item"><i class=" fa fa-quote-left fa-3x" style="float:left; margin-top: -5px; background-color:white; color:darkblue;"></i><i class=" fa fa-quote-right fa-3x" style="float:right; margin-top: -5px; background-color:white; color:darkblue; "></i> <blockquote><p style="color: blue; font-style: italic;">Failure is not fatal, but failure to change might be.</p> <div class="quoter"><strong>John Wooden</strong><small>Won 10 NCAA Championships</small></div> <br/></blockquote> </div> </div> </div> </div> <ul class="nav navbar-nav navbar-expand-sm navbar-dark bg-dark"> <li class="active"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li role="separator" class="divider"></li> <li class="dropdown-header">Nav header</li> <li><a href="#">Separated link</a></li> <li><a href="#">One more separated link</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="./">Login <span class="sr-only">(current)</span></a></li> <li><a href="../navbar-static-top/">Contact Me</a></li> <li><a href="../navbar-fixed-top/">Why Hire Me?</a></li> </ul> </div> </div> </div> </div> </div> </header> <section id="videoDiv" class="jumbotron jumbotron-fluid"> <div class="videoDiv"> <div id="videoBlock" class="container-fluid"> <video preload="preload" id="video" autoplay="autoplay" loop="loop" poster="http://sangampatel.com/assets/vid/flyover.poster.png"> <!-- <source src="http://sangampatel.com/assets/vid/flyover.poster.webm" type="video/webm"></source>--> <source src="http://sangampatel.com/assets/vid/flyover.mp4" type="video/mp4"></source> </video> <div id="videoMessage" class="cta"> <h4></h4> <h2></h2> <p></p> </div> <div class="videoclick"></div> </div> </div> </section> <nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="197"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">WebSiteName</a> </div> <div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li><a href="#section1">Section 1</a></li> <li><a href="#section2">Section 2</a></li> <li><a href="#section3">Section 3</a></li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#section41">Section 4-1</a></li> <li><a href="#section42">Section 4-2</a></li> </ul> </li> </ul> </div> </div> </div> </nav> </section> <section id="summary" class="container" 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"> <p class="summary-top" style="margin-top:5px;"> <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"> <p>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</p> </div> </div> <div class="media"> <span class="float-left pull-left lg glyphicon glyphicon-ok" style="padding-top:5px;"></span> <div class="media-body"> <p>Preeminent UC Cloud Contact Center industry, competitor and product knowledge expert</p> </div> </div> <div class="media"> <span class="float-left pull-left lg glyphicon glyphicon-ok" style="padding-top:5px;"></span> <div class="media-body"> <p>Improved competitiveness, profitability and cost-effectiveness for over 1,500 SMBs</p> </div> </div> <div class="media"> <span class="float-left pull-left lg glyphicon glyphicon-ok" style="padding-top:5px;"></span> <div class="media-body"> <p>Surpassed sales quota by 135% during five years as Inside Sales agent</p> </div> </div> <div class="media"> <span class="float-left pull-left lg glyphicon glyphicon-ok" style="padding-top:5px;"></span> <div class="media-body"> <p>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</p> </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; border-width: 1pt; border-style: solid; border-color: rgb(51, 51, 255); margin: 0px 10px 0px 10px; border-image: none; width: 100%; align-content: center;" colspan="3" valign="middle"> <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); padding-bottom:5px; border-image: none; width: 100%; height: 14.2pt;" 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 2px 2px 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 style="align-text:center;">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 2px 2px 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 2px 2px 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 2px 2px 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 2px 2px 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 2px 2px 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 2px 2px 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 4px 4px 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 4px 4px 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 4px 4px 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 4px 4px 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 4px 4px 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 4px 4px 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 4px 4px 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 4px 4px 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 4px 4px 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-bottom:10px; margin-top: 10px;"> <div class="col-xs-12" style="background: white; border-width: 1pt; border-style: solid; border-color: rgb(51, 51, 255); margin: 0px 10px 0px 10px; border-image: none; width: 100%; border: 1pt solid rgb(7, 8, 221);"> <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(51, 51, 255); margin: 0px 10px 0px 10px; border-image: none; width: 100%; border-width: 1pt 1pt ; border-color: rgb(7, 8, 221) rgb(7, 8, 221) currentColor;"> <p class="MsoNormal" style="margin: 2pt 0in 0pt 0pt; text-align: justify; -ms-text-justify: inter-ideograph;"><p class="MsoNormal" style="margin: 2pt 0in; text-align: justify; -ms-text-justify: inter-ideograph;"> <b><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></b> </p> </div> </div> </div><!-- /right column --> </div><!-- /row containing both summary cols --> </section> <section id="wkexp" class="container"> <div class="row"> <div class="col-xs-9 main"> <div class="row row-heading"> <div class="col-xs-12 heading"> <p class="heading"> <b><span class="heading">CAREER WORK EXPERIENCE</span></b> </p> </div> </div> <div class="row row-subheading"> <div class="col-xs-12 subheading"> <p class="MsoNormal d-flex justify-content-between"> <span class="subheading">    CLOUD CONSULTING EXPERIENCE</span> <span class="years">Six Years</span> </p> </div> </div> <div class="row row-company" style="height: auto;"> <div class="col-xs-12 company"> <p class="company"> <b><span class="company">Dervetski Consulting, Inc</span></b></p> <p class="job d-flex justify-content-between"> <span class="job">CMO & DIR ‐ MANAGED CLOUD SERVICES</span> <span class="date">2011 ‐ 2016</span> </p> </div> </div> <div class="row row-main" style="height: auto;"> <div class="col-xs-12 main" valign="top"> <p class="main-top">»  <span class="acc">Mushroomed SMB cloud revenue from 6% of total revenue to 64% on 500% customer growth </span></p> <p class="main-bottom">»  <span class="acc">Leveraged 8x8, Google, and other cloud vendor relationships to identified, targeted and captured SMB niche revenue for Dervetski and to deliver double digit market-share growth for 22 SMB partners</span></p> </div> </div> <div class="row row-company" style="height: auto;"> <div class="col-xs-12 company"> <p class="company"><b><span class="company">Packet8ChannelElite.com</span></b></p> <p class="job d-flex justify-content-between"> <span class="job">CEO & BRAND OWNER </span> <span class="date">2010 ‐ 2013       </span> </p> </div> </div> <div class="row row-main"> <div class="col-xs-12 main"> <p class="main-top">»  <span class="acc">Reached k monthly recurring VAR revenue gaining 3rd party UC CRM VoIP cloud vendor expertise</span></p> <p class="main-bottom">»  <span class="acc">Differentiated value-added target-segment perception by delivering ROI-committed, post-implementation focused managed cloud & professional services through collaborative relationship</span></p> </div> </div> <div class="row"> <div class="col-xs-12" style="height: 5.1pt;"> </div> </div> <hr> <div class="row row-subheading"> <div class="col-xs-12subheading"> <p class="subheading d-flex justify-content-between" style="margin: 2pt 0in 0pt; line-height: normal;"> <span class="subheading">    VENDOR EMPLOYMENT HISTORY       </span> <span class="years">Seven Years</span></p> </div> </div> <div class="row row-company"> <div class="col-xs-12 company"> <p class="company"> <span class="company">8x8 Inc.</span></p> <p class="job d-flex justify-content-between"> <span class="job">PRODUCT MARKETING ‐ UC</span> <span class="date">2010 ‐ 2011       </span> </p> </div> </div> <div class="row row-main"> <div class="col-xs-12 main"> <p class="main-top">» <span class="acc">Accumulated 40,000 UC agent seat ubscriptions and penetrated 40% of SMB on-demand UC Contact Center market, creating and executing Integrated Marketing Plan which ignited UC product re-launch</span></p> </div> </div> <div class="row row-company"> <div class="col-xs-12 company"> <p class="company"> <span class="company">8x8 Inc.</span></p> <p class="job d-flex justify-content-between"> <span class="job">INSIDE SALES ‐ VoIP and UC</span> <span class="date">2006 ‐ 2010       </span> </p> </div> </div> <div class="row row-main"> <div class="col-xs-12 main"> <p class="main-top">»  <span class="acc"><b>Closed 70% of total company UC sales in 2007 & Reached 250% quota in final two months of promo that counted UC sales as x2 revenue</b></span> </p> <p class="main-middle">»  <span class="acc"><b>Ranked #1 in UC sales in '07, '08, '09</b></span> </p> <p class="main-bottom">»  <span class="acc">Increased agent production 150% with CRM best practices user training, sharing sales automation tools</span> </p> </div> </div> <div class="row row-company"> <div class="col-xs-12 company"> <p class="company"><span class="company">Armanino McKenna & Co</span></p> <p class="job d-flex justify-content-between"> <span class="job">LEAD GENERATION/CULTIVATION</span> <span class="date">2006 ‐ 2007       </span> </p> </div> </div> <div class="row row-main"> <div class="col-xs-12 main"> <p class="main-solo">»  <span class="acc">Surpassed quota by 140% on k in partner solutions revenue ‐ Epicor & MS Dynamics/Great Plains</span></p> </div> </div> <div class="row row-company"> <div class="col-xs-12 company"> <p class="company"> <span class="company">Uptilt, Inc ‐ EmailLabs</span></p> <p class="job d-flex justify-content-between"> <span class="job">INSIDE/OUTSIDE SALES CRM SFA </span> <span class="date">2004 ‐ 2005       </span> </p> </div> </div> <div class="row row-main"> <div class="col-xs-12 main" valign="top"> <p class="main-solo">»  <span class="acc">Grew financial-vertical by 500% and closed over 20 boutique brokerages on value, positioning CRM, SFA and email marketing solutions as powerful broker lead/customer management tool</span> </p> </div> </div> <br> <div class="row row-subheading"> <div class="col-xs-12 subheading"> <p class="subheading d-flex justify-content-between"> <span class="subheading">  WALL ST FINANCIAL EXPERIENCE       </span> <span class="date">Five Years       </span></p> </div> </div> <div class="row row-company"> <div class="col-xs-12 company"> <p class="company"> <span class="company">McGinn, Smith &Co.  memberNASD</span> </p> <p class="job d-flex justify-content-between"> <span class="job">VP ‐ PRIVATE CLIENT SERVICE</span> <span class="date">2001 ‐ 2004        </span> </p> </div> </div> <div class="row row-main"> <div class="col-xs-12 main"> <p class="main-top">»  <span class="acc">Reached highs of k monthly gross commission and M in managed retail assets</span> </p> <p class="main-middle">»  <span class="acc">Overcame death, homelessness, and fear of failing to open 100+ accounts in 2002, post-911 crisis, transferring 60+ accounts directly from Wire-house brokerage firms</span> </p> <p class="main-bottom">»  <span class="acc">Mastered straight-line pitch telesales on 200,000 cold calls made into 100% stock investor pessimism before hiring/training five cold callers to compete with market dominant Wire-house Goliaths</span> </p> </div> </div> <div class="row row-company"> <div class="col-xs-12 company"> <p class="company"><span class="company">Mercer Partners ‐ IPOSyndicate.com</span> </p> <p class="job d-flex justify-content-between"> <span class="job">E‐BROKERAGE/OPERATIONS MANAGER</span> <span class="date">1999 ‐ 2001       </span> </p> </div> </div> <div class="row row-main"> <div class="col-xs-12 main" valign="top"> <p class="main-top">»  <span class="acc">Launched IPOSyndicate.com, first IPO distribution site by creating NASD-approved conditional offer book</span> </p> <p class="main-bottom">» <span class="acc">Managed operations for e-brokerage that opened 2,000 daily accounts, resulting in McGinn buy-out</span> </p> </div> </div> </div><!-- /left column main--> <div class="col-xs-3 sidebar" id="menu"> <div id="menubar" class="sidebar"> <article class="spry"> <div class="row row-heading"> <div class="col-xs-12 heading"> <p class="heading"> <b><span class="heading" style="text-align:center; text-transform: uppercase;">About Sangam:</span></b> </p> </div> </div> <div class="row"> <div class="col-xs-12"> <div tabindex="0" class="Accordion" id="Accordion1"> <div class="AccordionPanel AccordionPanelClosed"> <div class="AccordionPanelTab">Panel 1</div> <div class="AccordionPanelContent" style="height: 0px; display: none;"> Content for Panel 1 goes here!<br> </div> </div> <div class="AccordionPanel AccordionPanelOpen"> <div class="AccordionPanelTab">Panel 2</div> <div class="AccordionPanelContent" style="height: 200px; display: block;"> Content for Panel 2 goes here! </div> </div> <div class="AccordionPanel AccordionPanelClosed"> <div class="AccordionPanelTab">Panel 3</div> <div class="AccordionPanelContent" style="height: 0px; display: none;"> Content for Panel 3 goes here! </div> </div> <div class="AccordionPanel AccordionPanelClosed"> <div class="AccordionPanelTab">Panel 4</div> <div class="AccordionPanelContent" style="height: 0px; display: none;"> Content for Panel 4 goes here! </div> </div> </div> </div> </div> </article> </div><!-- / #menubar --> </div><!-- /right column sidebar --> </div> </section> <section id="edu" class="container"> <div class="row row-heading"> <div class="col-xs-12 heading"> <p class="heading"> <b><span class="heading">EDUCATION & CERTIFICATION</span></b> </p> </div> </div> <div class="row"> <div class="col-xs-12" style="border-width: 1pt; border-style: solid; border-color: rgb(51, 51, 255) rgb(51, 51, 255) rgb(7, 8, 221) rgb(7, 8, 221); padding: 0in 5.75pt;"> <h2 class="d-flex justify-content-between" style="margin: 6pt 0in 2pt 4.5pt; text-align: justify; line-height: 115%; -ms-text-justify: inter-ideograph;"> <span class="edu-left">2008 MBA‐B2B MARKETING SPECIALIZATION</span> <span class="edu-left">GOLDEN GATE UNIVERSITY, SF CA</span></h2> <h2 class="d-flex justify-content-between" style="margin: 4pt 0in 2pt 4.5pt; text-align: justify; line-height: 115%; -ms-text-justify: inter-ideograph;"> <span class="edu-left">1998 BS DOUBLE MAJOR ‐ MANAGEMENT INFO SYSTEMS & ECON</span> <span class="edu-left">CAL POLY, SAN LUIS OBISPO CA</span></h2> <h2 class="d-flex justify-content-between" style="margin: 4pt 0in 2pt 4.5pt; text-align: justify; line-height: 115%; -ms-text-justify: inter-ideograph;"> <span class="edu-left">2004 MASTERED TELESALES & STRAIGHT‐LINE PITCH</span> <span class="edu-left">WALL ST, NYC</span></h2> <h2 class="d-flex justify-content-between" style="margin: 4pt 0in 2pt 4.5pt; text-align: justify; line-height: 115%; -ms-text-justify: inter-ideograph;"> <span class="edu-left">GOOGLE & MICROSOFT PREMIER PARTNER</span> <span class="edu-left">G-SUITE, OFFICE360, GREAT PLAINS, NAV CRM</span></h2> <h2 class="d-flex justify-content-between" style="margin: 4pt 0in 2pt 4.5pt; text-align: justify; line-height: 115%; -ms-text-justify: inter-ideograph;"> <span class="edu-left">GOOGLE DIGITAL MARKETING CERTIFICATIONS</span> <span class="edu-left">ADWORDS, ANALYTICS, SEARCH, DISPLAY, MOBILE</span></h2> <h2 class="d-flex justify-content-between" style="margin: 4pt 0in 6pt 4.5pt; text-align: justify; line-height: 115%; -ms-text-justify: inter-ideograph;"><span class="edu-left">SALESFORCE.COM CRM CERTIFICATIONS</span> <span class="edu-left">MARKETING CLOUD ADMINISTRATOR & CONSULTANT</span></h2> </div> </div> </section> <section id="skills" class="container"> <div class="row row-heading"> <div class="col-xs-12 heading"> <p class="heading"> <b><span class="heading">SOFTWARE SKILLS</span></b> </p> </div> </div> <div class="row row-skills-top"> <div class="col-xs-3 skills-left"> <h2 class="skills-dt"> <span class="text-right">UC CONTACT CENTER:</span> </h2> </div> <div class="col-xs-9 skills-right"> <h2 class="skills-dd"> <span class="text-left">  8x8 • G-Suite • RingCentral • ShoreTEL • Five9 • Mitel • Contactual • Office365</span> </h2> </div> </div> <div class="row row-skills-middle"> <div class="col-xs-3 skills-left"> <h2 class="skills-dt"> <span class="text-right">CRM/SFA:</span> </h2> </div> <div class="col-xs-9 skills-right"> <h2 class="skills-dd"> <span class="text-left">   MS Great Plains, Dynamics, & Navision CRM • Salesforce • SugarCRM • Netsuite Zoho</span> </h2> </div> </div> <div class="row row-skills-middle"> <div class="col-xs-3 text-left"> <h2 class="skills-dt"> <span class="text-right">MS OFFICE:</span> </h2> </div> <div class="col-xs-9 skills-right"> <h2 class="skills-dd"> <span class="text-left">   Excel • Access • Powerpoint • Word • Outlook • Publisher • Project</span> </h2> </div> </div> <div class="row row-skills-middle"> <div class="col-xs-3 skills-left"> <h2 class="skills-dt"> <span class="text-right">ERP/CRM:</span> </h2> </div> <div class="col-xs-9 skills-right"> <h2 class="skills-dd"> <span class="text-left">   Dynamics • Great Plains • Office365 • CRM • Axapta • Navision</span> </h2> </div> </div> <div class="row row-skills-middle"> <div class="col-xs-3 skills-left"> <h2 class="skills-dt"> <span class="text-right">WEB CONFERENCE:</span> </h2> </div> <div class="col-xs-9 skills-right"> <h2 class="skills-dd"> <span class="text-left">   GoToMeeting • WebEx • 8X8 • Live Meeting • ON24</span> </h2> </div> </div> <div class="row row-skills-middle"> <div class="col-xs-3 skills-left"> <h2 class="skills-dt"> <span class="text-right">ADOBE CREATIVE CLOUD:</span> </h2> </div> <div class="col-xs-9 skills-right"> <h2 class="skills-dd"> <span class="text-left">   Dreamweaver • Photoshop • PREMIERE • Illustrator • AfterEffects</span> </h2> </div> </div> <div class="row row-skills-middle"> <div class="col-xs-3 skills-left"> <h2 class="skills-dt"> <span class="text-right">PROJECT MANAGEMENT:</span> </h2> </div> <div class="col-xs-9 skills-right"> <h2 class="skills-dd"> <span class="text-left">  Wrinke • MS EntErprise Project • LiquidPlanner • Mavenlink • Smartsheet</span> </h2> </div> </div> <div class="row row-skills-last"> <div class="col-xs-3 skills-left"> <h2 class="skills-dt"> <span class="text-right">WEB BUILDING:</span> </h2> </div> <div class="col-xs-9 skills-right"> <h2 class="skills-dd"> <span class="edu-left">   WORDPRESS • HTML5 • CSS • MYSQL • PHP</span> </h2> </div> </div> </section> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> <script src="http://sangampatel.com/assets/classie.js"></script> </body>
$(document).ready(function() { $(window).on("scroll", function() { if ($(window).scrollTop() >= 120) { $("header").addClass("smaller"); } else { $("header").removeClass("smaller"); } }); });

Related: See More


Questions / Comments: