Skip to content

Instantly share code, notes, and snippets.

View jerwjones's full-sized avatar

Jeremy Jones jerwjones

View GitHub Profile
@jerwjones
jerwjones / gist:106696e5ad53f010fd75
Last active September 24, 2015 14:20
FMG Modal
<!-- PLATINUM MODAL CSS -->
<style>
#plat_overlay {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align:center;
@jerwjones
jerwjones / fmg-#additional-tabs.css
Created July 31, 2015 19:22
FMG Homepage Additional Tabs CSS Design
/* Helpful Content */
#additional{
background: none;
margin-top: 30px;
}
#additional .wrapper {
padding: 0;
}
#additional nav {
height: auto;
@jerwjones
jerwjones / fmg-template-contact-page-v01.html
Last active October 9, 2015 19:47
FMG Custom Contact Page
<!-- Client Contact Info -->
<div style="float:left; width:50%">
<h2>Call</h2>
<p>Office:&nbsp;<strong>(630) 510-3126</strong><br/>
Fax:&nbsp;<strong>(630) 510-3127</strong></p>
</div>
<div style="float:left; width:50%">
<h2>Visit</h2>
<p>401 South Carlton Avenue | Suite 204<br/>Wheaton, IL 60187</p>
</div>
@jerwjones
jerwjones / modal.html
Created September 24, 2015 14:13
Modal Window for FMG popup
<!-- MODAL CSS -->
<style>
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
@jerwjones
jerwjones / gist:c8c87917286f600887a8
Last active September 24, 2015 14:15
FAQ Accordion for FMG
We couldn’t find that file to show.
@jerwjones
jerwjones / accordion.html
Created September 24, 2015 14:16
FAQ Accordion Dropdown Menu
<!-- ACCORDION JS -->
<script>
//** Add this Script to the Custom Head section in the Additional Footer HTML **//
$(document).ready(function() {
function close_accordion_section() {
$('.accordion .accordion-section-title').removeClass('active');
$('.accordion .accordion-section-content').slideUp(300).removeClass('open');
}
$('.accordion-section-title').click(function(e) {
@jerwjones
jerwjones / advanced-header.html
Last active October 27, 2015 20:02
Advanced Header
<style>
/** Add this CSS Import to the top of the main CSS to import FontAwesome **/
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
/** fontawesome social media icons **/
.facebookIcon, .twitterIcon, .linkedinIcon, .youtubeIcon, .emailIcon, .googleIcon{
font-family: FontAwesome !important;
font-weight: normal;
font-style: normal;
display: inline-block;
@jerwjones
jerwjones / classes.css
Created September 25, 2015 16:40
FMG Standard Sub Page Classes
/****************************************************************************
CLASSES
*************************************************************************** */
.rule {
background-image: none;
margin: 20px 0;
}
.clear {
clear: both;
font-size: 0px;
@jerwjones
jerwjones / hero-960-400.css
Created September 25, 2015 16:41
Hero - 960x400
/****************************************************************************
HERO ROTATOR
*************************************************************************** */
#hero{
background: #222 none;
color: inherit;
position: relative;
z-index: 0;
margin: 0 auto;
padding: 20px 0 40px;
@jerwjones
jerwjones / homepage-classes.css
Created September 25, 2015 16:42
FMG - Homepage Standard Classes
/****************************************************************************
HOMEPAGE
*************************************************************************** */
.homepage #content .container {
background-image: none;
}
.homepage #content .container aside {
display: none;
}
.homepage #content .container article {