pure css modal example
A Pen by Felipe Nunes on CodePen.
pure css modal example
A Pen by Felipe Nunes on CodePen.
form example with label placeholder like update: better anim
A Pen by Felipe Nunes on CodePen.
<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> |
<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"> |
<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> |