Marcello Africano mnafricano

mnafricano / index.html

Created September 27, 2012 21:09

Simon Game

	<div class="wrapper">
	<span role="hole">
	<div id="status"></div>
	</span>
	<section id="gaming-buttons">
	<button role="one" class="a"></button>
	<button role="two" class="s"></button>
	<button role="three" class="d"></button>
	<button role="four" class="f"></button>
	</section>

mnafricano / index.html

Created September 25, 2012 19:16

Easy Tabs

mnafricano / index.html

Created September 23, 2012 19:45

Fat Switch

	<div id="group">
	<fieldset class="switch">
	<legend>Subscribe: </legend>
	<input id="yes" name="view" type="radio" checked>
	<label for="yes">Yes</label>
	<input id="no" name="view" type="radio">
	<label for="no">No</label>
	<span class="switch-button"></span>
	</fieldset>
	</div>

mnafricano / index.html

Created September 23, 2012 04:30

Model - Angular.js

	<html>
	<head>
	<title> Marcello Africano </title>
	<meta charset="utf-8" />
	</head>
	<body>
	<div ng-app>
	<div>
	<label> First Name: </label>
	<input type="text" ng-model="firstName" placeholder="Enter a first name here">

mnafricano / index.html

Created September 23, 2012 04:15

Neon Lights

	<div class="title"> Marcellights </div>
	<div class="content">
	<span id="switch"> Light it Up! </span>
	<h1 id="lights"> Marcello Africano </h1>
	</div>

mnafricano / index.html

Created September 23, 2012 02:37

Animated CodePen Logo

	<div class="cube-container">
	<div id="cube">
	<figure class="side front"></figure>
	<figure class="side back"></figure>
	<figure class="side left"></figure>
	<figure class="side right"></figure>
	</div>
	</div>

mnafricano / index.html

Created September 23, 2012 02:33

Button Shapes

	<div id="content">
	<aside class="diamond"> Diamond </aside>
	<aside class="ribbon"> Ribbon </aside>
	<aside class="arrow"> Arrow </aside>
	<aside class="rounded"> Rounded </aside>
	<aside class="sheer"> Sheer </aside>
	</div>

mnafricano / index.html

Created September 23, 2012 02:23

Text Slider