Skip to content

Instantly share code, notes, and snippets.

View willpower42's full-sized avatar

Felipe Nunes willpower42

21 followers · 21 following
View GitHub Profile
@willpower42
willpower42 / css3-modal-example.markdown
Created August 28, 2014 18:29
A Pen by Felipe Nunes.
@willpower42
willpower42 / form-example.markdown
Created August 28, 2014 18:29
A Pen by Felipe Nunes.
@willpower42
willpower42 / index.html
Created August 28, 2014 17:40
A Pen by Felipe Nunes.
<header>
<h1>willpower</h1>
<a href="#menu" class="toggle-menu" aria-role="button"><i class="fa fa-bars"></i></a>
</header>
<nav id="menu">
<a href="#" class="toggle-menu" aria-role="button"><i class="fa fa-times"></i></a>
<ul>
<li><a href="#" class="lnk-menu">Lorem</a></li>
<li><a href="#" class="lnk-menu">Ipsum</a></li>
<li><a href="#" class="lnk-menu">Dolor</a></li>
@willpower42
willpower42 / exemplo-breadcrumb-schema.html
Created May 4, 2013 14:13
Exemplo de breadcrumb usando schema/microdata
<div class="breadcrumb" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<span class="lbl">Você está aqui:</span>
<a href="home.php" itemprop="url">Home</a> &gt; <a href="pai.php" itemprop="url">Pai</a> &gt; <strong class="this-page" itemprop="title">Sua página</strong>
</div>
@willpower42
willpower42 / exemplo-artigo-schema.html
Created May 4, 2013 14:11
Exemplo de um artigo usando schema/microdata
<article class="article-area" itemscope itemtype="http://schema.org/Article">
<header>
<h1 class="tit" itemprop="name">Nome do artigo</h1>
<span class="date">05/03/2013</span>
</header>
<div class="article">
<div class="img">
<img src="img/artigo-destaque.jpg" alt="artigo destaque" itemprop="image" />
</div>
<div class="text" itemprop="articleBody">
@willpower42
willpower42 / exemplo-agenda-schema.html
Created May 4, 2013 14:09
Exemplo do uma lista de 'últimos eventos' usando schema/microdata
<section class="agenda">
<h2 class="tit"><span class="t">Agenda</span></h2>
<ul class="list">
<li class="li opn" itemprop="event" itemscope itemtype="http://schema.org/Event">
<div class="bnr-item-home"><img itemprop="img" src="img/agenda-destaque.jpg" alt="agenda destaque" class="img" /></div>
<!-- no content deve ser aaaa-mm-dd -->
<span class="h">
<span class="date" itemprop="startDate" content="2013-06-30">30/06/13</span>
<strong class="txt">
<span itemprop="name">Show do Fulano de Tal</span> em <span itemprop="location">Tal lugar</span>
@willpower42
willpower42 / vcard_e_breadcrumb-rdfa.html
Last active October 5, 2015 22:08
exemplo de vcard, com breadcrumb, em RDFa
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="http://rdf.data-vocabulary.org/#"
version="XHTML+RDFa 1.0">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
<title>Ideais Tecnologia - Felipe Nunes</title>
</head>
<body>
<div class="page">