A web form including material design inspired animations and UX improvements.
Includes transitions, pseudo icons on validation and awesome colours.
A Pen by James Thomas Almond on CodePen.
<?php | |
/** | |
* PHPMailer | |
* @package phpmailer | |
* @version $Id$ | |
*/ | |
require 'phpmailer/class.phpmailer.php'; | |
try { |
<link rel="import" href="../components/polymer/polymer.html"> | |
<polymer-element name="my-element"> | |
<template> | |
<style> | |
#chart_js { | |
width: 490px; | |
height: 380px; | |
left: 380px; |
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Document</title> | |
</head> | |
<body> | |
<h1>Welcome to My SassMeister</h1> | |
<p>This is scss compiled from Foundation 5, so it will be a good playground</p> | |
</body> |
A web form including material design inspired animations and UX improvements.
Includes transitions, pseudo icons on validation and awesome colours.
A Pen by James Thomas Almond on CodePen.
// Social media fontawesome colors | |
a .fa-square { color: #fff; } | |
a .fa-twitter-square, a .fa-twitter { color: #00aced; } | |
a .fa-facebook-square, a .fa-facebook { color: #3b5998; } | |
a .fa-youtube-square, a .fa-youtube { color: #bb0000; } | |
a .fa-google-plus-square, a .fa-google-plus { color: #dd4b39; } | |
a .fa-linkedin-square, a .fa-linkedin { color: #007bb6; } | |
a .fa-pinterest-square, a .fa-pinterest { color: #cb2027; } | |
a .fa-vimeo-square, a .fa-vimeo { color: #aad450; } | |
a .fa-instagram { color: #517fa4; } |
A Pen by Joe Casabona on CodePen.