"Portfolio"
Bootstrap 4.1.1 Snippet by moloy559

<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 ----------> <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav"> <a class="navbar-brand js-scroll-trigger" href="#page-top"> <span class="d-block d-lg-none">Clarence Taylor</span> <span class="d-none d-lg-block"> <!-- Shoud out to the lunatic demon who made this url!--> <img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/ 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" alt=""> </span> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#about">About</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#experience">Experience</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#education">Education</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#skills">Skills</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#interests">Interests</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#awards">Awards</a> </li> </ul> </div> </nav> <div class="container-fluid p-0"> <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="about"> <div class="w-100"> <h1 class="mb-0">Wolfgang <span class="text-primary">Amadeus Mozart</span> </h1> <div class="subheading mb-5">3542 Berry Street · Cheyenne Wells, CO 80810 · (317) 585-8468 · <a href="mailto:name@email.com">WolfgangMozart@EmusicLegends.com</a> </div> <p class="lead mb-5">I am Wolfgang Amadus Mozart, or just Mozart for short. I am a prolific and influential composer of the classical era.</p> <div class="social-icons"> <a href="#"> <i class="fab fa-linkedin-in"></i> </a> <a href="#"> <i class="fab fa-github"></i> </a> <a href="#"> <i class="fab fa-twitter"></i> </a> <a href="#"> <i class="fab fa-facebook-f"></i> </a> </div> </div> </section> <hr class="m-0"> <section class="resume-section p-3 p-lg-5 d-flex justify-content-center" id="experience"> <div class="w-100"> <h2 class="mb-5">Experience</h2> <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5"> <div class="resume-content"> <h3 class="mb-0">Senior Music Developer</h3> <div class="subheading mb-3">Music Solutions</div> <p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. Mozart is ready</p> </div> <div class="resume-date text-md-right"> <span class="text-primary">March 1781 - Present</span> </div> </div> <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5"> <div class="resume-content"> <h3 class="mb-0">Music Developer</h3> <div class="subheading mb-3">Music Solutions</div> <p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. Which is Mozart.</p> </div> <div class="resume-date text-md-right"> <span class="text-primary">December 1789 - March 2013</span> </div> </div> <div class="resume-item d-flex flex-column flex-md-row justify-content-between"> <div class="resume-content"> <h3 class="mb-0">Music Design Intern</h3> <div class="subheading mb-3">Mozart Media Productions</div> <p>Used to work for my dad.</p> </div> <div class="resume-date text-md-right"> <span class="text-primary">January 1756 - June 1791</span> </div> </div> </div> </section> <hr class="m-0"> <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="education"> <div class="w-100"> <h2 class="mb-5">Education</h2> <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5"> <div class="resume-content"> <h3 class="mb-0">University of Colorado Boulder</h3> <div class="subheading mb-3">Bachelor of Science</div> <div>Computer Science - Web Development Track</div> <p>GPA: 3.23</p> </div> <div class="resume-date text-md-right"> <span class="text-primary">August 2006 - May 2010</span> </div> </div> <div class="resume-item d-flex flex-column flex-md-row justify-content-between"> <div class="resume-content"> <h3 class="mb-0">James Buchanan High School</h3> <div class="subheading mb-3">Technology Magnet Program</div> <p>GPA: 3.56</p> </div> <div class="resume-date text-md-right"> <span class="text-primary">August 2002 - May 2006</span> </div> </div> </div> </section> <hr class="m-0"> <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="skills"> <div class="w-100"> <h2 class="mb-5">Skills</h2> <div class="subheading mb-3">Programming Languages & Tools</div> <ul class="list-inline dev-icons"> <li class="list-inline-item"> <i class="fab fa-html5"></i> </li> <li class="list-inline-item"> <i class="fab fa-css3-alt"></i> </li> <li class="list-inline-item"> <i class="fab fa-js-square"></i> </li> <li class="list-inline-item"> <i class="fab fa-angular"></i> </li> <li class="list-inline-item"> <i class="fab fa-react"></i> </li> <li class="list-inline-item"> <i class="fab fa-node-js"></i> </li> <li class="list-inline-item"> <i class="fab fa-sass"></i> </li> <li class="list-inline-item"> <i class="fab fa-less"></i> </li> <li class="list-inline-item"> <i class="fab fa-wordpress"></i> </li> <li class="list-inline-item"> <i class="fab fa-gulp"></i> </li> <li class="list-inline-item"> <i class="fab fa-grunt"></i> </li> <li class="list-inline-item"> <i class="fab fa-npm"></i> </li> </ul> <div class="subheading mb-3">Workflow</div> <ul class="fa-ul mb-0"> <li> <i class="fa-li fa fa-check"></i> Mobile-First, Responsive Design</li> <li> <i class="fa-li fa fa-check"></i> Cross Browser Testing & Debugging</li> <li> <i class="fa-li fa fa-check"></i> Cross Functional Teams</li> <li> <i class="fa-li fa fa-check"></i> Agile Development & Scrum</li> </ul> </div> </section> <hr class="m-0"> <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="interests"> <div class="w-100"> <h2 class="mb-5">Interests</h2> <p>Apart from being a web developer, I enjoy most of my time being outdoors. In the winter, I am an avid skier and novice ice climber. During the warmer months here in Colorado, I enjoy mountain biking, free climbing, and kayaking.</p> <p class="mb-0">When forced indoors, I follow a number of sci-fi and fantasy genre movies and television shows, I am an aspiring chef, and I spend a large amount of my free time exploring the latest technology advancements in the front-end web development world.</p> </div> </section> <hr class="m-0"> <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="awards"> <div class="w-100"> <h2 class="mb-5">Awards & Certifications</h2> <ul class="fa-ul mb-0"> <li> <i class="fa-li fa fa-trophy text-warning"></i> Google Analytics Certified Developer</li> <li> <i class="fa-li fa fa-trophy text-warning"></i> Mobile Web Specialist - Google Certification</li> <li> <i class="fa-li fa fa-trophy text-warning"></i> 1<sup>st</sup> Place - University of Colorado Boulder - Emerging Tech Competition 2009</li> <li> <i class="fa-li fa fa-trophy text-warning"></i> 1<sup>st</sup> Place - University of Colorado Boulder - Adobe Creative Jam 2008 (UI Design Category)</li> <li> <i class="fa-li fa fa-trophy text-warning"></i> 2<sup>nd</sup> Place - University of Colorado Boulder - Emerging Tech Competition 2008</li> <li> <i class="fa-li fa fa-trophy text-warning"></i> 1<sup>st</sup> Place - James Buchanan High School - Hackathon 2006</li> <li> <i class="fa-li fa fa-trophy text-warning"></i> 3<sup>rd</sup> Place - James Buchanan High School - Hackathon 2005</li> </ul> </div> </section> </div> <!-- Plugin JavaScript --> <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
/*! * Start Bootstrap - Resume v5.0.4 (https://startbootstrap.com/template-overviews/resume) * Copyright 2013-2019 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE) */ body { font-family: 'Muli', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; padding-top: 54px; color: #868e96; } @media (min-width: 992px) { body { padding-top: 0; padding-left: 17rem; } } h1, h2, h3, h4, h5, h6 { font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-weight: 700; text-transform: uppercase; color: #343a40; } h1 { font-size: 6rem; line-height: 5.5rem; } h2 { font-size: 3.5rem; } h3 { font-size: 2rem; } p.lead { font-size: 1.15rem; font-weight: 400; } .subheading { text-transform: uppercase; font-weight: 500; font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 1.5rem; } .social-icons a { display: inline-block; height: 3.5rem; width: 3.5rem; background-color: #495057; color: #fff !important; border-radius: 100%; text-align: center; font-size: 1.5rem; line-height: 3.5rem; margin-right: 1rem; } .social-icons a:last-child { margin-right: 0; } .social-icons a:hover { background-color: #BD5D38; } .dev-icons { font-size: 3rem; } .dev-icons .list-inline-item i:hover { color: #BD5D38; } #sideNav .navbar-nav .nav-item .nav-link { font-weight: 800; letter-spacing: 0.05rem; text-transform: uppercase; } #sideNav .navbar-toggler:focus { outline-color: #d48a6e; } @media (min-width: 992px) { #sideNav { text-align: center; position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 17rem; height: 100vh; } #sideNav .navbar-brand { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto auto 0; padding: 0.5rem; } #sideNav .navbar-brand .img-profile { max-width: 10rem; max-height: 10rem; border: 0.5rem solid rgba(255, 255, 255, 0.2); } #sideNav .navbar-collapse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 100%; margin-bottom: auto; } #sideNav .navbar-collapse .navbar-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } #sideNav .navbar-collapse .navbar-nav .nav-item { display: block; } #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link { display: block; } } section.resume-section { padding-top: 5rem !important; padding-bottom: 5rem !important; max-width: 75rem; } section.resume-section .resume-item .resume-date { min-width: none; } @media (min-width: 768px) { section.resume-section { min-height: 100vh; } section.resume-section .resume-item .resume-date { min-width: 18rem; } } @media (min-width: 992px) { section.resume-section { padding-top: 3rem !important; padding-bottom: 3rem !important; } } .bg-primary { background-color: #BD5D38 !important; } .text-primary { color: #BD5D38 !important; } a { color: #BD5D38; } a:hover, a:focus, a:active { color: #824027; }
(function($) { "use strict"; // Start of use strict // Smooth scrolling using jQuery easing $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html, body').animate({ scrollTop: (target.offset().top) }, 1000, "easeInOutExpo"); return false; } } }); // Closes responsive menu when a scroll trigger link is clicked $('.js-scroll-trigger').click(function() { $('.navbar-collapse').collapse('hide'); }); // Activate scrollspy to add active class to navbar items on scroll $('body').scrollspy({ target: '#sideNav' }); })(jQuery); // End of use strict

Related: See More


Questions / Comments: