Skip to content

Instantly share code, notes, and snippets.

View evanmwillhite's full-sized avatar

Evan Willhite evanmwillhite

  • ActiveCampaign
  • Nashville, TN
View GitHub Profile
@evanmwillhite
evanmwillhite / infographic.html
Last active August 17, 2016 18:51
NYU Infographic Code
<div class="infographic">
<div class="card--full infographic__card">
<img src="../../../../themes/custom/nyunursing/images/infographic/info1.jpg">
<div class="infographic__text">
<h2 class="card__title--full infographic__title">214 <span>Graduates this year</span></h2>
</div>
</div>
<div class="card--full infographic__card">
<img src="../../../../themes/custom/nyunursing/images/infographic/info2.jpg">
<div class="infographic__text">
<div class="card-grid card-grid--icon">
<div class="card card--icon">
<div class="card__text card__text--icon">
<div class="card__icon"><span class="sprite-icon sprite-money"></span></div>
<h2 class="card__title card__title--icon">The highest salaries</h2>
<div class="card__sub card__sub--icon">
<p>Odio dignissimos ducimus qui blanditiis</p>
</div>
</div>
</div>
@evanmwillhite
evanmwillhite / menu.js
Last active June 22, 2018 14:45
Multi-level Responsive Menu with vanilla JS (IE10+). Children completely hidden on large screens.
(function () {
'use strict';
var mainMenuToggle = document.getElementById('main-menu-toggle');
var mainMenu = document.getElementById('main-menu');
var mainMenuList = document.getElementById('main-menu__list');
var mainMenuClose = document.getElementById('main-menu__close');
var mainMenuParent = document.querySelectorAll('.main-menu__item--with-child > a');
var mainMenuBack = document.querySelectorAll('.main-menu__back');