Bootstrap 3.3.0 Snippet by MikeClark

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section class=""> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="sectionTitle">Employment History</div> <ul class="job"> <li> <h4><strong>VintageBikes.mossycity.com(1/1/12-Present)</strong></h4> <div class="techEnviro"> <h4><strong>Technical Environment:</strong></h4><span>c#, php, html, mysql, WordPress</span></div> <ul class="responsible"> <li>Restore vintage bikes/resell. Coded various versions of the business web site. The curent version is in WordPress. </li> </ul> </li> <li> <h4><strong>Senior Software Contractor (11/22/10-2/22/11)</strong></h4> <h4><strong>Chipton Ross/Boeing</strong></h4> <div class="techEnviro"> <h4><strong>Technical Environment:</strong></h4><span>C#, HTML, javascript, jquery, .Net, Excel, SQL Server, Stored Procedures, Full Text Search</span></div> <ul class="responsible"> <li>Gathered requirements designed and implemented a custom web site to act an authenticated portal for Engineers to search and download for various project files. Features included the ability of admin Users to dynamically create web content and upload project files. Web pages could be configured to restrict access to Users belonging to specific security roles. In addition, these pages allowed in place editing of content.</li> <li>Gathered requirements designed and implemented a system tray windows program for Users to quickly open group directories and files.</li> <li>Gathered requirements, designed and implemented an MS Excel shared macro to quickly set the working folding.</li> </ul> </li> <li> <h4><strong>MCSoftware - Freelance Projects (7/06-Present)</strong></h4> <div class="techEnviro"> <h4><strong>Technical Environment:</strong></h4><span>ClickOnce Smart Client, php</span></div> <ul class="responsible"> <li>Developed “Virtual Stock Trader”, a windows program to teach people how to trade stocks using technical indicators. Downloads historical stock data from the net and plots these data on the screen. Allows users to step through the data in time and decide when to buy and sell stocks based on the charts.</li> <li>Developed the Community Empowerment’s Web site using Joomla’s content management system: http://www.endruralpoverty.org/</li> <li>Developed an Event Registration System for Community Empowerment using php and MySQL</li> <li>Developed a Dating Site using Microsoft’s Dot-Net platform and MySQL: http://www.soulpick.com</li> </ul> </li> </ul> </div> </div> </div> </section>
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); .sectionTitle { padding: 0 0 0px 70px; margin: 50px 0; position: relative; } .sectionTitle:before { background-color: #33a4c9; border-radius: 25px; content: ' '; display: block; height: 50px; left: 0; position: absolute; top: 0px; width: 50px; } .sectionTitle-font, .sectionTitle { font-size: 2.5rem; } section { font-size: 1.5rem; } ul.job > li > h4 { margin: 0; padding: 0; } .job-title-font, ul.job > li > h4 { font-size: 1.5rem; } ul.job { padding: 0px; margin: 0px; } ul { list-style-type: none; } .techEnviro h4 { margin-right: .5rem; display: inline; font-size: 1.5rem; } .techEnviro span { font-size: 1.5rem; } ul.job ul li:before { content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }

Related: See More

Questions / Comments: