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.