Just a simple html and css dropdown menu...
A Pen by Mike Rojas on CodePen.
<div class="content"> | |
<div id="menu1"> | |
<ul> | |
<li> | |
<a href="#"> | |
<span class="title">Home</span> | |
<span class="exp">Welcome</span> | |
</a> | |
</li> | |
<li> |
<div class="content"> | |
<h1>Another Responsive Slider with CSS3 without JS</h1> | |
<input type="radio" id="slide1" name="slider" checked> | |
<input type="radio" id="slide2" name="slider"> | |
<input type="radio" id="slide3" name="slider"> | |
<input type="radio" id="slide4" name="slider"> | |
<input type="radio" id="slide5" name="slider"> | |
<div class="slides"> | |
<div class="overflow"> | |
<div class="inner"> |
<div class="container"> | |
<h1 class="title">Dropdown Menu</h1> | |
<ul> | |
<li class="dropdown"> | |
<input type="checkbox" /> | |
<a href="#" data-toggle="dropdown">First Menu</a> | |
<ul class="dropdown-menu"> | |
<li><a href="#">Home</a></li> | |
<li><a href="#">About Us</a></li> | |
<li><a href="#">Services</a></li> |
%nav.menu | |
%input#menu-toggler.menu-toggler{:type => "checkbox", :checked => "checked"} | |
%label{:for => "menu-toggler"} | |
%ul | |
%li.menu-item | |
%a.fa.fa-facebook{:href => "https://www.facebook.com/", :target => "_blank"} | |
%li.menu-item | |
%a.fa.fa-google{:href => "https://www.google.com/", :target => "_blank"} | |
%li.menu-item | |
%a.fa.fa-dribbble{:href => "https://dribbble.com/", :target => "_blank"} |
<head> | |
<meta name="viewport" content="width=device-width"> | |
</head> | |
<div class="wrap"> | |
<span class="decor"></span> | |
<nav> | |
<ul class="primary"> | |
<li> | |
<a href="">Dog</a> | |
<ul class="sub"> |
Responsiveness and video embeds don't usually play nicely. Putting an end to that here with a fixed aspect-ratio CSS trick.
Also, feel free to entertain yourself with that short film. It's pretty snazzy :D.
Blog post here: http://ramenhog.com/blog/2017/05/09/experiments-in-fixed-aspect-ratios
CSS Grid Layout as masonry with 'grid-auto-flow: dense'.
Look at number of pics and the empty spaces inside grid when initial/dense value changes
Sorry, I don't remember where I saw the idea base of this pen ;-(( Plse, if you know, tell me. Thanks.
Option Explicit | |
Public Function fxValidarCPF(ByVal CPF As String) As Boolean | |
'Declaração de variáveis utilizadas na função de validação | |
Dim arrDigits(1 To 11) As Byte, digtVer1 As Byte, digtVer2 As Byte, i As Byte | |
Dim sum1 As Integer, sum2 As Integer | |
Dim tmp As String | |
'Retira todos caracteres que não são números do valor passado |
A small collection of stylish effects with Less. See also: 10 hover effcts with scss: http://codepen.io/caraujo/pen/LVPzxO
A Pen by Renan C. Araujo on CodePen.