codedcontainer

  /* animates the slider images so that when you hover
  on an image the full width of image is animated
  */
  var imgParent, imgParentWidth, sizeDiff, sliderWidth;

  $('.slick-slide img').hover(function()
  {
    var imgWidth = $(this).innerWidth(); // actual width of hovered image
    imgParent = $(this).parent();  // get the parent element of hovered image
    imgParentWidth = imgParent.innerWidth(); // width of hovered iamge pared

codedcontainer

/**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.1.1
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */
@charset "UTF-8";

.visuallyhidden {

codedcontainer

function fullCalendar()
{
    $('#calendar').fullCalendar(
    {
        eventBackgroundColor: '#7A1705',
        eventBorderColor: '#7A1705',
        header:
        {
            left: 'title',
            center: '',

codedcontainer

/* youtube video in slider */
 // Load the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // Replace the 'ytplayer' element with an <iframe> and
  // YouTube player after the API code downloads.

codedcontainer

img {  
  /* Same as first example */
  min-height: 50px;
}

img:before {  
  content: " ";
  display: block;

  position: absolute;

codedcontainer

<i class="material-icons md-48" ng-repeat="_ in ((_ = []) && (_.length=3) && _) track by $index">star</i>

codedcontainer

<div class="row" ng-repeat="person in people" ng-if="$index % 3 == 0">
  <div class="col-sm-4">{{people[$index]}}.name}}</div>
  <div class="col-sm-4">{{people[$index + 1]}}.name}}</div>
  <div class="col-sm-4">{{people[$index + 2]}}.name}}</div>
</div>

codedcontainer

function ieTag(){
	var	ie = {
		 	eleven: 'rv:11', 
			ten: 'MSIE 10',
			nine: 'MSIE 9'			
		};
	
		var appVersion = window.navigator.appVersion;
		
		for( key in ie ) 

codedcontainer

<a href="/#/:policy.html/?scrollTo=scope" target="_self">Link</a>
<h2 id="scope">Scope</h2>

codedcontainer

//fix for flexbox in internet explorer
$list: xm sm md lg xl; 
@for $i from 1 through 12{
  @each $b in $list{
    .ie .col-#{$b}-#{$i}{
       padding-left: 0px !important; padding-right: 0px !important;
    }
  }
}