A Pen by Swarup Kumar Kuila on CodePen.
Raloux Nouebissie nraloux
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="card-wrapper"> | |
| <div class="card"> | |
| <div class="card-image"> | |
| <img src="https://image.ibb.co/dUTfmJ/profile_img.jpg" alt="profile one"> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="card"> | |
| <div class="ds-top"></div> | |
| <div class="avatar-holder"> | |
| <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/1820405/profile/profile-512.jpg?1533058950" alt="Albert Einstein"> | |
| </div> | |
| <div class="name"> | |
| <a href="https://codepen.io/AlbertFeynman/" target="_blank">Albert Feynman</a> | |
| <h6 title="Followers"><i class="fas fa-users"></i> <span class="followers">90</span></h6> | |
| </div> | |
| <div class="button"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-12 col-sm-6 col-md-4 col-lg-3"> | |
| <div class="our-team"> | |
| <div class="picture"> | |
| <img class="img-fluid" src="https://picsum.photos/130/130?image=1027"> | |
| </div> | |
| <div class="team-content"> | |
| <h3 class="name">Michele Miller</h3> | |
| <h4 class="title">Web Developer</h4> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- TO DO : Find out how to create new items + congrats message when all done--> | |
| <div class="frame"> | |
| <div class="list"> | |
| <div class="head"> | |
| <div class="title">Friday</div> | |
| <div class="subtitle">March 4, 2016</div> | |
| </div> | |
| <ul> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .heading | |
| h1 Ordered List UI | |
| .container | |
| .nav | |
| a(href='#') | |
| i(class='fal fa-home') | |
| a(href='https://twitter.com/collinscode_' target='_blank') | |
| i(class='fab fa-twitter') | |
| a(href='https://github.com/cmdeveloped' target='_blank') |
Got this wonderful idea of these cool corner ribbons and decided to make it ready for use. Custom styles like colors work with simple class changes.
A Pen by Miro Karilahti on CodePen.
A Pen by Elitsa Dimitrova on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .burgers | |
| label.burger.burger1(for="burger1") | |
| input#burger1.hidden(type="checkbox") | |
| span | |
| label.burger.burger2(for="burger2") | |
| input#burger2.hidden(type="checkbox") | |
| span | |
| label.burger.burger3(for="burger3") | |
| input#burger3.hidden(type="checkbox") | |
| span |
OlderNewer