"Bootstrap 4 Single-page Layout"
Bootstrap 4.0.0 Snippet by vivekbisht109

<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- jQuery Easing API --> <body data-spy="scroll" data-target="#navbarResponsive" id="top" name="top"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha256-gL1ibrbVcRIHKlCO5OXOPC/lZz/gpdApgQAzskqqXp8=" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> <nav class="navbar navbar-toggleable-md fixed-top navbar-inverse bg-primary"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#">BS 4 <strong>My Resume</strong></a> <div class="collapse navbar-collapse" id="navbarResponsive" name="navbarResponsive"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link active" href="#resume">Resume <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#attributes">Attributes</a> </li> <li class="nav-item"> <a class="nav-link" href="#certifications">Certifications</a> </li> <li class="nav-item"> <a class="nav-link" href="#skills">Skills</a> </li> <li class="nav-item"> <a class="nav-link" href="#clearance">Clearance</a> </li> <li class="nav-item"> <a class="nav-link" href="#experience">Experience</a> </li> <li class="nav-item"> <a class="nav-link" href="#military">Military</a> </li> <li class="nav-item"> <a class="nav-link" href="#schools">Education</a> </li> </ul> <form class="form-inline my-2 my-lg-0"> <input class="form-control mr-sm-2" type="text" placeholder="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> </form> </div> </nav> <div class="masthead"><!-- for Responsive Viewport (Insert Carousel or other item for "cover" effect) --> <!-- Carousel container --> <div id="suds-carousel" class="carousel slide fade-carousel" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#suds-carousel" data-slide-to="0" class="active"></li> <li data-target="#suds-carousel" data-slide-to="1"></li> <li data-target="#suds-carousel" data-slide-to="2"></li> </ol> <!-- Content --> <div class="carousel-inner carousel-zoom" role="listbox"> <!-- Slide 1 --> <div class="carousel-item active"> <div class="carousel-caption"> <hgroup> <h1>Web Design/ Development</h1> <h3>Isn't it so much fun to code and play?'</h3> <a type="button" class="btn btn-primary btn-lg" role="button" href="#attributes">Learn more</a> </hgroup> </div> <div class="slide-1"></div> </div> <!-- Slide 2 --> <div class="carousel-item"> <div class="carousel-caption"> <hgroup> <h1>Love Coding?</h1> <h3>Click button to know more</h3> <a type="button" class="btn btn-hero btn-lg" role="button" href="#certifications">Know more</a> </hgroup> </div> <div class="slide-2"></div> </div> <!-- Slide 3 --> <div class="carousel-item"> <div class="carousel-caption"> <hgroup> <h1>Bootstrap 4 is Awesome</h1> <h3>Love Bootstrap for its Methodologies, and styling </h3> <a type="button" class="btn btn-danger btn-lg" role="button" href="#experience">Learn more</a> </hgroup> </div> <div class="slide-3"></div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-lg-8"> <div class="row info no-print" style="text-align:center;"> <div class="col alert alert-info"> <h2><b><i class="fa fa-clock-o" style="color: #0066ff;"></i> <b style="color: #0066ff;">Last Updated on: </b><time style="color: #0066ff;">Monday, October 17, 2016</time></b></h2> </div> </div> <div class="resume"> <header class="page-header"> <h1 class="page-title">My Information Management & Technology Supervisor Resume</h1> <!-- <small style="color: #0066ff;"> <i class="fa fa-clock-o" style="color: #0066ff;"></i> <b style="color: #0066ff;">Last Updated on: </b><time style="color: #0066ff;">Saturday, October 08, 2016</time></small> --> </header> <div class="card"> <div class="card-title resume-heading"> <div class="row"> <div class="col"> <figure> <img class="img-circle img-responsive" alt="" src="https://soldierupdesigns.com/resume/img/profile_picture.png"> </figure> </div> <div class="col" id="resume" name="resume"> <ul class="list-group"> <li class="list-group-item list-group-item-action">Jonathan Randal Adcox</li> <li class="list-group-item list-group-item-action">Knowledge Management & Technology Supervisor</li> <li class="list-group-item list-group-item-action"><i class="fa fa-phone" title="Phone"></i> (719) 209-7608</li> <li class="list-group-item list-group-item-action"> <a href="mailto:jonathan.r.adcox@gmail.com" title="Email" target="_blank"> <i class="fa fa-envelope" title="Email"></i> jonathan.r.adcox@gmail.com </a> </li> </ul> </div> </div> </div> <div class="bs-callout bs-callout-danger" id="attributes" name="attributes"> <h4>Professional Attributes</h4> <ul class="list-group"> <li class="list-group-item list-group-item-action">Five years of experience in Web Technology and Mission Command facilitating knowledge flow, enhancing collaborative understanding, enabling learning and promoting efficient decision-making by exceeding expectations.</li> <li class="list-group-item list-group-item-action">Consistently honored as an effective and proven Information Management consultant, who leads, coaches, and trains internal and external customers.</li> <li class="list-group-item list-group-item-action">Acknowledged by peers as a dedicated, versatile, innovative, and cost conscious problem solver with a high degree of analytical ability to gather, assemble, analyze facts, draw conclusions, and devise solutions to problems which will increase efficiency.</li> <li class="list-group-item list-group-item-action">Recognized for extensive experience in converting capabilities and design requirements within a collaborative environment into working solutions and then communicating recommended solutions.</li> <li class="list-group-item list-group-item-action">Honored for expertize in the field of Enterprise SharePoint and "Vendor neutral" Web Design on Site Creation, Content Management, Design, consolidation, and integration.</li> <li class="list-group-item list-group-item-action">Overseen, managed, and developed various Department of Defense web sites based on industry best practices to include conceptual requirements, analysis, design, implementation, deployment and maintenance.</li> <li class="list-group-item list-group-item-action">Proficient in a range of operating systems, languages, tools and testing methodologies.</li> </ul> <table class="table"> <tbody> <tr> <td><i class="fa fa-lg fa-check"></i></td> <td><b>Customer Service & Support </b></td> <td><i class="fa fa-lg fa-check"></i></td> <td><b>Mission Planning Specialist </b></td> </tr> <tr> <td><i class="fa fa-lg fa-check"></i></td> <td><b>System, Web & Software Engineering </b></td> <td><i class="fa fa-lg fa-check"></i></td> <td><b>Network Troubleshooting & Administration </b></td> </tr> <tr> <td><i class="fa fa-lg fa-check"></i></td> <td><b>E-Learning Development </b></td> <td><i class="fa fa-lg fa-check"></i></td> <td><b>Web Design & Development </b></td> </tr> <tr> <td><i class="fa fa-lg fa-check"></i></td> <td><b>Project Management </b></td> <td><i class="fa fa-lg fa-check"></i></td> <td><b>Battle Staff Process Improvement </b></td> </tr> </tbody> </table> </div> <div class="bs-callout bs-callout-danger" id="certifications" name="certifications"> <h4>Certifications</h4> <table class="table"> <tbody> <tr> <td><b>CompTIA Security+ CE</b></td> <td><b>2016</b></td> </tr> <tr> <td><abbr title="Microsoft Certified Systems Administrator">MCSA</abbr>: Windows Server 2012</td> <td>2016&dash;<b><i>Pending</i></b></td> </tr> <tr> <td><abbr title="CompTIA Cisco Certified Network Associate">CCNA</abbr></td> <td>2016&dash;<b><i>Pending</i></b></td> </tr> </tbody> </table> </div> <div class="bs-callout bs-callout-danger" id="skills" name="skills"> <div class="card"> <h4 class="card-title">Language and Platform Skills</h4> <div class="card-block"> <div class="text-xs-center card-title" id="web_dev">HTML/CSS/JavaScript… 90%</div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width:90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">90%</span> HTML/CSS/JavaScript… 90% </div> </div> </div> <div class="card-block"> <div class="text-xs-center card-title" id="infosec">Information Security… 40%</div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width:40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">40%</span> Information Security… 40% </div> </div> </div> <div class="card-block"> <div class="text-xs-center card-title" id="bootstrap_xp">Twitter Bootstrap… 90%</div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width:90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">90%</span> Twitter Bootstrap… 90% </div> </div> </div> <div class="card-block"> <div class="text-xs-center card-title" id="fe_framework">NodeJS/MEAN-stack/AngularJS… 30%</div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width:30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">30%</span> NodeJS/MEAN-stack/AngularJS… 30% </div> </div> </div> <div class="card-block"> <div class="text-xs-center card-title" id="server_code">PHP/SQL… 60%</div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width:60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">60%</span> PHP/SQL… 60% </div> </div> </div> <div class="card-block"> <div class="text-xs-center card-title" id="jquery">jQueryL… 50%</div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width:50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">50%</span> jQueryL… 50% </div> </div> </div> <div class="card-block"> <div class="text-xs-center card-title" id="MSSP">Microsoft SharePoint 2010/2013 Administration… 70%</div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width:70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">70%</span> Microsoft SharePoint 2010/2013 Administration… 70% </div> </div> </div> <div class="card-block"> <div class="text-xs-center card-title" id="CMS">Content Management Systems … 60%</div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width:60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">60%</span> Content Management Systems (WordPress, Joomla!, Drupal) … 60% </div> </div> </div> </div> <div class="card-group"> <div class="card card-inverse card-danger mb-3 text-center"> <div class="card-block"> <blockquote class="card-blockquote"> <h6 class="card-title">I Suck</h6> <p>0% - 39%</p> </blockquote> </div> </div> <div class="card card-inverse card-warning mb-3 text-center"> <div class="card-block"> <blockquote class="card-blockquote"> <h6 class="card-title">I know little</h6> <p class="card-text">40% - 60%</p> </blockquote> </div> </div> <div class="card card-inverse card-success mb-3 text-center"> <div class="card-block"> <blockquote class="card-blockquote"> <h6 class="card-title">I'm Good</h6> <p class="card-text">70% - 90%</p> </blockquote> </div> </div> <div class="card card-inverse card-primary mb-3 text-center"> <div class="card-block"> <blockquote class="card-blockquote"> <h6 class="card-title">I'm a Guru</h6> <p>91% - 100%</p> </blockquote> </div> </div> </div> </div> <div class="bs-callout bs-callout-danger" id="clearance" name="clearance"> <h4>Security Clearance</h4> <ul class="list-group"> <a class="list-group-item list-group-item-action flex-column align-items-start"> <h4 class="mb-1"> TOP SECRET/SCI - ACTIVE </h4> <div class="d-flex w-100 justify-content-between"> <small class="text-muted w-100"> <strong>Investigation Date:</strong> SSBI from OPM; Closed 2012 03 14 </small> </div> <div class="d-flex w-100 justify-content-between"> <small class="text-muted w-100"> <strong>Adjudication Date:</strong> Determined eligibility of SCI &dash; DCID 8/4 on 2012 03 21 Army CCF </small> </div> </a> </ul> </div> <div class="bs-callout bs-callout-danger" id="experience" name="experience"> <h4>Prior Experiences</h4> <ul class="list-group"> <a class="list-group-item list-group-item-action"> <table class="table"> <tbody> <tr> <td class="item-title"> <h4>Lukos &dash; Peterson AFB, CO</h4> </td> <td class="item-date"> <h4 class="pull-right"><b>2016 &dash; Present</b></h4> </td> </tr> </tbody> </table> <h4 class="list-group-item-heading"> Battle Staff Process Improvement Engineer </h4> <p class="list-group-item-text"> Responsible for the mapping of five Strategic Joint Combatant Command Battle Staff processes, using the Lean Six Sigma (LSS) Process Improvement model as the basis for the technical solution. This included defining and documenting each task in detail, and analyzing each process for discrepancies and compliance with established Military Doctrine and Joint military operational planning procedures at the strategic level. Next, collect analytical metric data to use for overall process efficiency, provide recommendations for overall process improvements, and implement refined procedures to mitigate process inefficiency. </p> <ul> <li> Successfully documented and mapped the NORAD/USNORTHCOM Command Center (N2C2) internal Battle Staff Capability Management Global force allocation process by integrating Joint military operational planning procedures, doctrinal guidance, and the Lean Six Sigma process, resulting in overall process efficiency. </li> <li> Developed and refined the N2C2 Strategic Command Operational Orders and Messages process facilitating process improvement by mapping each stage of the process, developed swim lanes to mitigate error, and Performed as Knowledge Management Technical manager in implementing a Government Off-The-Shelf solution for orders and message tracking. </li> <li> Provided collaboration and joint staff cooperation through the use of Enterprise SharePoint team sites, promoting efficient knowledge flow. </li> <li> Responsible for the creation, administration and editing of site content, design & user interface, and oversight of technical issues related to the Enterprise SharePoint team site. </li> </ul> </a> <a class="list-group-item list-group-item-action"> <table class="table"> <tbody> <tr> <td class="item-title"> <h4>BOECORE &dash; Peterson AFB, CO</h4> </td> <td class="item-date"> <h4 class="pull-right"><b>2015 &dash; 2016</b></h4> </td> </tr> </tbody> </table> <h4 class="list-group-item-heading"> Command Information Management System II (CIMS II) Mission Planning Specialist </h4> <p class="list-group-item-text"> Responsible for the administration of web-based thin client applications, providing rapid integrated planning and situational awareness within a collaborative environment with geospatial-temporal situational awareness tools supporting access to net-centric data. I Orchestrated enterprise services for integrated joint course of action (COA) development across diverse mission areas and combatant commands. This includes the critical fields of space operations, space control, missile operations, global strike (kinetic/non-kinetic and nuclear/non-nuclear), information operations, intelligence, and nuclear command and control (NC2). </p> <ul> <li> Provided Expert Global Adaptive Planning Collaborative Information Environment (GAP CIE) Joint Operation Planning web application Support to assist with joint operation planning using the capabilities within GAP CIE for Deliberate and Crisis Action Planning (CAP), to include: Plan Design and Assessment (PD&A), Integrated Crisis Early Warning System (ICEWS), Course of Action (COA) development, Joint Intelligence Preparation of the Operational Environment (JIPOE), orders and message construction, GSAT, and Dashboard to support real-world or exercise operations. </li> <li> Supported USSTRATCOM operations by defining and refining GAP CIE capabilities for Deliberate and CAP, PD&A, ICEWS, COA development, JIPOE, orders and message construction, and GSAT, to include the Dashboard, to execute the Command's missions. Singlehandedly overseen proper tools/applications/web services ultimately, meeting operational and training needs. </li> <li> Provided integration of web and portal requirements into the C2 architecture and technical systems/applications. </li> <li> Conducted system level testing and developed required Development Lifecycle documentation for nummerous projects including SharePoint 2013 and GAP CIE. </li> <li> Provided requirements development and refinement, providing both technical and administrative support to USASMDC/ARSTRAT, components and subordinated units. </li> <li> Provided requirements development and refinement, providing both technical and administrative support to USASMDC/ARSTRAT, components and subordinated units. </li> <li> Defined C2 operational data flow processes, information requirements and capabilities at various DoD, combatant commander (CCDR) and JFCC-level engagements, exercises, and professional forums. </li> <li> Responsible for the development and maintenance of the Command website. </li> </ul> </a> </ul> </div> <div class="bs-callout bs-callout-danger" id="military" name="military"> <h4>Military Experiences</h4> <ul class="list-group"> <a class="list-group-item list-group-item-action"> <table class="table"> <tbody> <tr> <td class="duty-station"> <h4>ARMY SPACE & MISSILE DEFENSE CMD &dash; Peterson AFB, CO</h4> </td> <td class="duty-date"><h4 class="pull-right"><b>2014 &dash; 2015</b></h4></td> </tr> </tbody> </table> <h4 class="list-group-item-heading">Knowledge Management Non-Commissioned Officer</h4> <p class="list-group-item-text">Responsible for Web-based Application interface services, Branding, Event Handlers, Business intelligence Key Performance Indicators, Dashboards and Web content. Additionally, I participated in requirements gathering, technical design sessions/reviews, unit and integration testing. Accountable for ensuring efficient and high quality interface deliverables. </p> <ul> <li> Subject Matter Expert in Global Adaptive Planning Collaborative Information Environment (GAP CIE), recommended by USSTRATCOM GAP CIE Functional Manager's to NORAD/NORTHCOM Information Management office to provide suggestions for efficiency and integration. </li> <li> Advocates efficiency of knowledge flow with enhanced shared understanding, learning and decision-making through effective guidance and management of products like the Command Tier I Global Exercise pages and web-based application like GAP CIE. </li> <li> Developed KM Technical Documents facilitating knowledge creation & transfer. </li> <li> Performed as Knowledge Management Technical manager for products like GAP-CIE, under the direction of the Deputy Director for Operations in the Army Space Missile Defense Command. </li> <li> Responsible for the creation, administration and editing of site content, design & user interface, and oversight of technical issues related to the site. </li> </ul> <p></p> </a> <a class="list-group-item list-group-item-action"> <table class="table"> <tbody> <tr> <td class="duty-station"> <h4>ARMY SPACE & MISSILE DEFENSE CMD &dash; Peterson AFB, CO</h4> </td> <td class="duty-date"><h4 class="pull-right"><b>2011 &dash; 2015</b></h4></td> </tr> </tbody> </table> <h4 class="list-group-item-heading">Global Operations Watch Non-Commissioned Officer in Charge</h4> <p class="list-group-item-text">Served as the Global Operations Center Shift NCOIC within the US Army Space & Missile Defense Command (USASMDC/ Army Forces Strategic Command (ARSTRAT) Operations Center (OC); responsible for the continuous situational awareness for the Commanding General and Deputy Commanding General for operations on all USASMDC/ARSTRAT assets worldwide; directly responsible for the critical communications links between subordinate units and their higher headquarters; responsible for daily operations of multiple data collection systems valued at over $700,000; responsible for the training and welfare of one Soldier.</p> </a> <a class="list-group-item list-group-item-action"> <table class="table"> <tbody> <tr> <td class="duty-station"> <h4>Regeonal Support CMD - Southwest &dash; Camp Leatherneck, AFG</h4> </td> <td class="duty-date"><h4 class="pull-right"><b>2010 &dash; 2011</b></h4></td> </tr> </tbody> </table> <h4 class="list-group-item-heading">Security Forces Section Sergeant</h4> <p class="list-group-item-text">Served as a Security Forces Section Sergeant for Alpha Battery, 2nd Battalion, 44th Air Defense Artillery Regiment and Regional Support Command (South West) forward deployed to Afghanistan in support of Operation Enduring Freedom; responsible for the health, welfare, training and professional development of six Soldiers; responsible for the safe escort of Military Dignitaries and VIP's throughout Southwestern Afghanistan (Helmand and Nimroz Provinces); responsible for the accountability and maintenance of one Mine Resistant Ambush Protected vehicle and equipment valued in excess of $2,500,000 and assist Platoon Sergeant in his duties.</p> <p></p> </a> <a class="list-group-item list-group-item-action"> <table class="table"> <tbody> <tr> <td class="duty-station"> <h4>Alpha Battery, 2nd Battalion, 44th Air Defense Artillery Regiment, 108th Air Defense Artillery Brigade &dash; Fort Campbell, KY</h4> </td> <td class="duty-date"><h4 class="pull-right"><b>2009 &dash; 2010</b></h4></td> </tr> </tbody> </table> <h4 class="list-group-item-heading">Sentinel Team Leader</h4> <p class="list-group-item-text">Served as an Early Warning Systems Team leader for Alpha Battery, 2nd Battalion, 44th Air Defense Artillery Regiment, 108th Air Defense Artillery Brigade; directly responsible for the health, welfare, training and professional development of five Soldiers and their family members; responsible for the accountability, operations and maintenance one High Mobility Multi Wheeled Vehicle (HMMWV), four ASIP Radios, four SINCGARS radios, one Forward Area Air Defense (FAAD) workstation, one Air and Missile Defense Workstation (AMDWS) and select Battery equipment valued in excess of $4,000,000.</p> <p></p> </a> </ul> </div> <div class="bs-callout bs-callout-danger" id="schools" name="schools"> <h4>Schools</h4> <table class="table table-hover"> <thead class="bg-primary text-white"> <tr> <th>Degree, Certificate, or Certification</th> <th>Graduation Year</th> <th><abbr title="If applicable">GPA</abbr></th> </tr> </thead> <tbody> <tr> <td>Associates of Science in Web Design & Development</td> <td>2015</td> <td> 3.14 </td> </tr> <tr> <td>Information Security Professional</td> <td>2015</td> <td> </td> </tr> <tr> <td>Space Cadre Basic Course</td> <td>2015</td> <td> </td> </tr> <tr> <td>Ground-based Midcourse Defense Course</td> <td>2015</td> <td> </td> </tr> <tr> <td>Advanced Leadership and Management Development Course</td> <td>2012</td> <td> </td> </tr> <tr> <td>Basic Leadership and Management Development Course</td> <td>2008</td> <td> </td> </tr> <tr> <td>Advanced Skills Course (Air Defense)</td> <td>2007</td> <td> </td> </tr> <tr> <td>Basics Skills Course</td> <td>2006</td> <td> </td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="col-lg-4 hidden-md-down"> <div class="card"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- bs-right-panel --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1487659930909767" data-ad-slot="6784370337" data-ad-format="auto"> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card"> <div class="card-block"> <h3 class="card-title">Download Resume below</h3> </div> <div class="card-block"> <a type="button" class="btn btn-success btn-lg btn-block" href="https://drive.google.com/open?id=0By_9nIhC1083ZV9xQ0tDUUdsQkk" target="_blank">Click to view & download</a> </div> </div> </div> </div> </div> <br> <!--footer start from here--> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6"> <div class="logofooter"> <a title="Soldier-up Designs | Web Design & Development" name="website_url" id="website_url" href="https://soldierupdesigns.com"> <img width="32" height="32" class="img-responsive pull-left" title="Soldier-up Designs | Web Design & Development" src="https://soldierupdesigns.com/favicon/favicon-96x96.png" alt="Site Logo" /> Soldier-up Designs</a> </div> <p>Experienced Web Technology and Mission Command specialist, facilitating knowledge flow, enhancing collaborative understanding, enabling learning and promoting efficient decision-making by exceeding expectations.</p> <p> <i class="fa fa-map-pin"></i>  Colorado Springs, Colorado - 012345, USA </p> <p> <i class="fa fa-phone"></i>  Phone (USA) : +1 (123) 456-7890 </p> <p> <i class="fa fa-envelope"></i> <a href="mailto:jonathan.r.adcox@gmail.com" title="Email" target="_blank">  email.address@domain.com </a> </p> </div> <div class="col-md-2 col-sm-6 paddingtop-bottom"> <h6 class="heading7">GENERAL LINKS</h6> <ul class="footer-ul"> <li><a href="#attributes">Attributes</a></li> <li><a href="#certifications">Certifications</a></li> <li><a href="#skills">Skills</a></li> <li><a href="#clearance">Clearance</a></li> <li><a href="#experience">Experience</a></li> <li><a href="#military">Military</a></li> <li><a href="#education">Education</a></li> </ul> </div> <div class="col-md-2 col-sm-6 paddingtop-bottom"> <h6 class="heading7">LATEST POST</h6> <div class="post"> <p>Moving Lists in SharePoint 2010 <span>November 24, 2015</span></p> <p>Advantages and Disadvantages of Open-Source CMS Vs. Building A Website <span>January 23, 2015</span></p> <p>Principles of Web Design <span>January 20, 2015</span></p> </div> </div> <div class="col-md-4 col-sm-6 paddingtop-bottom"> <div class="fb-page" data-href="https://www.facebook.com/SoldierupDesigns" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"></div> </div> </div> </div> <nav class="navbar navbar-dark bg-inverse navbar-footer"> <ul class="nav navbar-nav float-xs-left"> <li class="navbar-text"><b>© 2016 - Soldier-up Designs</b></li> </ul> <ul class="nav navbar-nav float-xs-right"> <li class="nav-item"> <a class="nav-link" href="#resume">Resume <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#attributes">Attributes</a> </li> <li class="nav-item"> <a class="nav-link" href="#certifications">Certifications</a> </li> <li class="nav-item"> <a class="nav-link" href="#skills">Skills</a> </li> <li class="nav-item"> <a class="nav-link" href="#clearance">Clearance</a> </li> <li class="nav-item"> <a class="nav-link" href="#experience">Experience</a> </li> <li class="nav-item"> <a class="nav-link" href="#military">Military</a> </li> <li class="nav-item"> <a class="nav-link" href="#schools">Education</a> </li> </ul> </nav> </footer> </body>
/* Global Styles */ *, *:before, *:after{ -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } body{ width: 100%; height: 100%; font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; overflow-x:hidden; margin-top:55px; position: relative; } html { position: relative; min-height: 100%; width: 100% } h1, h2, h3, h4, h5, h6{ margin: 0 0 35px; text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 800; letter-spacing: 1px; } section{ padding-bottom:1%; } .row{ position:relative; } .row:first-child{ position: relative; } a:hover{ text-decoration:none; } /* BS4 CSS that seems not to work */ .float-xs-left { float: left!important } .float-xs-right { float: right!important } .float-xs-none { float: none!important } @media (min-width:576px) { .float-sm-left { float: left!important } .float-sm-right { float: right!important } .float-sm-none { float: none!important } } @media (min-width:768px) { .float-md-left { float: left!important } .float-md-right { float: right!important } .float-md-none { float: none!important } } @media (min-width:992px) { .float-lg-left { float: left!important } .float-lg-right { float: right!important } .float-lg-none { float: none!important } } @media (min-width:1200px) { .float-xl-left { float: left!important } .float-xl-right { float: right!important } .float-xl-none { float: none!important } } @-ms-viewport { width: device-width; } .navbar-fixed-top{ z-index:2000 !important; } .inactive-link { pointer-events: none; cursor: default; } .inactive-link:hover, .inactive-link:focus{ color: #555; text-decoration: none; background-color: #f5f5f5; } /* Sidebar Nav Styles */ @media (max-width: 767px){ collapse:show .navbar-collapse { height: 1.5em!important; padding:.7em; } } #sidebar-wrapper.active { right: 250px; width: 250px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /* Masthead (Header) */ .masthead{ display: table; position: relative; min-width: 100%; min-height: 100%; width: 100%; height: 100%; /* background: transparent url("https://soldierupdesigns.com/img/bg.jpg") no-repeat fixed 0px 0px / cover; */ z-index: 1000; background-color:#fff; margin-left:auto; margin-right:auto; } /* Bootstrap 4 Carousel with Fade Captions Code snippet by Jonathan Adcox (Follow me on Twitter @soldierupdesign) for Bootsnipp.com Image credits: unsplash.com */ /* Bs Fade carousel */ .fade-carousel{ position: relative; height: 100vh; } .fade-carousel .carousel-inner .carousel-item{ height: 100vh; background-color: #666666; color:#000; } .carousel-fade .carousel-inner .active { opacity: 1; transition: transform 5000ms linear 0s; /* This should be based on your carousel setting. For bs, it should be 5second*/ transform: scale(10, 10); } .fade-carousel .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .fade-carousel .carousel-indicators > li { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #f39c12; opacity:.7; } .fade-carousel .carousel-indicators > li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .fade-carousel .carousel-indicators > li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .fade-carousel .carousel-indicators > .active { background-color: #f39c12; opacity:1; } /* Carousel Captions */ .fade-carousel .carousel-inner .carousel-caption{ opacity: 0; transition-property: opacity; top: 35%; margin: auto; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.75); } /*.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; z-index: 1; }*/ .fade-carousel .carousel-inner .carousel-caption h1{ font-size:200%; font-weight: 800; margin: 0; padding: 0; } .fade-carousel .carousel-inner .active .carousel-caption { opacity: 1; -webkit-transition: 2s all ease-in-out .8s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } .fade-carousel .carousel-inner .active .slide-1, .fade-carousel .carousel-inner .active .slide-2, .fade-carousel .carousel-inner .active .slide-3{ opacity: 1; -webkit-transition: 2s all ease-in-out .8s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; /* This should be based on your carousel setting. For bs, it should be 5second*/ transform: scale(1.05, 1.05) rotate(.5deg); } /* Custom Buttons */ .btn.btn-lg { padding: 10px 40px; outline: none; margin: 20px auto; } .btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus{ color: #f5f5f5; background-color: #1abc9c; border-color: #1abc9c; outline: none; margin: 20px auto; } /* Slides backgrounds */ .fade-carousel .carousel-inner .slide-1, .fade-carousel .carousel-inner .slide-2, .fade-carousel .carousel-inner .slide-3{ height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0; transition-property: opacity; overflow:hidden; } .fade-carousel .carousel-inner .slide-1 { background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); content: 'First Slide'; } .fade-carousel .carousel-inner .slide-2 { background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af); content: 'Second Slide'; } .fade-carousel .carousel-inner .slide-3 { background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327); content: 'Third Slide'; } @media all and (transform-3d), (-webkit-transform-3d) { .fade-carousel .carousel-inner > .item.next, .fade-carousel .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fade-carousel .carousel-inner > .item.prev, .fade-carousel .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fade-carousel .carousel-inner > .item.next.left, .fade-carousel .carousel-inner > .item.prev.right, .fade-carousel .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Bootstrap 4 Tabs Resume s Code snippet by Jonathan Adcox (Follow me on Twitter @soldierupdesign) for Bootsnipp.com Image credits: unsplash.com */ .bs-callout { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eee; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px 1px 1px 5px; margin-bottom: 5px; padding: 20px; width: 100%; } .bs-right-panel{ padding: 10px; width:100%; float:none; text-align:center; margin:0 auto; } .bs-right-panel img{ width:100%; margin:0; padding:0; } .bs-callout:last-child { margin-bottom: 0px; } .bs-callout h4, .bs-callout h5 { margin-bottom: 10px; margin-top: 5px; font-weight: 600; } .bs-callout-danger { border-left-color: #d9534f; } .bs-callout-danger h4, .bs-callout-danger h5{ color: #d9534f; } .header-title { color: #fff; } .title-thin { font-weight: 300; } .service-item { margin-bottom: 30px; } .item-title, .duty-title{ width:70%; } .item-date, .duty-date{ width:30%; } @media print { .no-print, .no-print * { display: none !important; visibility: hidden; } } .resume{ margin-bottom:40%; } .footer { background: #0c1a1e !important; min-height: 400px; font-family: 'Open Sans', sans-serif; position: absolute; margin-top: 15%; width: 100%; display: block; z-index: 5000; } .footer .container{ margin-bottom:2.5%; padding-top:2%; } .footerleft { margin-top: 50px; padding: 0 36px; } .logofooter { margin-bottom: 10px; font-size: 25px; color: #fff; font-weight: 700; } .footerleft p { color: #fff; font-size: 12px !important; font-family: 'Open Sans', sans-serif; margin-bottom: 15px; } .footerleft p i { width: 20px; color: #999; } .paddingtop-bottom { margin-top: 50px; } .footer-ul { list-style-type: none; padding-left: 0px; margin-left: 2px; display: block; } .footer-ul li { line-height: 29px; font-size: 12px; } .footer-ul li a { color: #a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s } .footer-ul i { margin-right: 10px; } .footer-ul li a:hover { transition: color 0.2s linear 0s, background 0.2s linear 0s; color: #ff670f; } .social:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .icon-ul { list-style-type: none !important; margin: 0px; padding: 0px; } .icon-ul li { line-height: 75px; width: 100%; float: left; } .icon { float: left; margin-right: 5px; } .copyright { min-height: 40px; background: #000000; } .copyright p { text-align: left; color: #FFF; padding: 10px 0; margin-bottom: 0px; } .heading7 { font-size: 21px; font-weight: 700; color: #d9d6d6; margin-bottom: 22px; } .post p { font-size: 12px; color: #FFF; line-height: 20px; } .post p span { display: block; color: #8f8f8f; } .bottom_ul { list-style-type: none; float: right; margin-bottom: 0px; } .bottom_ul li { float: left; line-height: 40px; display: inline-block; margin: 0px auto; } .bottom_ul li:after { content: "/"; color: #FFF; margin-right: 8px; margin-left: 8px; } .bottom_ul li a { color: #FFF; font-size: 12px; } .container-fluid, .container, footer, .footer header, .header, .nav, .resume{ z-index: 1; } .navbar-footer { position: absolute; margin-bottom: 0; bottom: 0px; width: 100%; display: block; }
$(document).ready(function() { // Closes the sidebar menu on menu-close button click event $("#menu-close").click(function(e) //declare the element event ...'(e)' = event (shorthand) { // - will not work otherwise") $("#sidebar-wrapper").toggleClass("active"); //instead on click event toggle active CSS element e.preventDefault(); //prevent the default action ("Do not remove as the code /*! ======================= Notes =============================== * see: .sidebar-wrapper.active in: style.css ==================== END Notes ============================== */ }); //Close 'function()' // Open the Sidebar-wrapper on Hover $("#menu-toggle").hover(function(e) //declare the element event ...'(e)' = event (shorthand) { $("#sidebar-wrapper").toggleClass("active",true); //instead on click event toggle active CSS element e.preventDefault(); //prevent the default action ("Do not remove as the code }); $("#menu-toggle").bind('click',function(e) //declare the element event ...'(e)' = event (shorthand) { $("#sidebar-wrapper").toggleClass("active",true); //instead on click event toggle active CSS element e.preventDefault(); //prevent the default action ("Do not remove as the code }); //Close 'function()' $('#sidebar-wrapper').mouseleave(function(e) //declare the jQuery: mouseleave() event // - see: ('//api.jquery.com/mouseleave/' for details) { /*! .toggleClass( className, state ) */ $('#sidebar-wrapper').toggleClass('active',false); /* toggleClass: Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the state argument */ e.stopPropagation(); //Prevents the event from bubbling up the DOM tree // - see: ('//api.jquery.com/event.stopPropagation/' for details) e.preventDefault(); // Prevent the default action of the event will not be triggered // - see: ('//api.jquery.com/event.preventDefault/' for details) }); }); !function ($) { $(function() { window.prettyPrint && prettyPrint() }) }(window.jQuery) console.log('FB code'); (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); $(document).ready(function() { $('body').scrollspy({ target: '#navbarResponsive' }); $(function() { $("a[href*=#]:not([href=#])").bind("click", function(t) { if (t.preventDefault(), t.stopPropagation(), location.pathname.replace(/^\//, "") == this.pathname.replace(/^\//, "") || location.hostname == this.hostname) { var e = $(this.hash); if (e = e.length ? e : $("[name=" + this.hash.slice(1) + "]"), e.length) return $("html,body").animate({ scrollTop: e.offset().top }, 2500, "easeInOutExpo"), !1 } }); }); $("[rel='tooltip']").tooltip(); });

Related: See More


Questions / Comments: