A Pen by Beibit Sakhanov 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
| <div id="bond1" class="uk-width-medium"> | |
| <span > | |
| <h3 class="uk-margin-remove">Aliexpress</h3> | |
| <small>Покупай с умом, живи радуйся :)</small> | |
| <span uk-icon="menu" class="uk-margin-small-left"></span> | |
| </span> | |
bsakhanov
/ custom-uk-divider-icon-uikit-3.markdown
Created
November 3, 2019 14:45
custom uk-divider-icon uikit 3
A Pen by Beibit Sakhanov 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
| <svg viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" version="1.1" > | |
| </svg> |
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="base"> | |
| <div class="menu"> | |
| <div class="icon"> | |
| <div class="bar"></div> | |
| </div> | |
| </div> | |
| <div class="icons"> | |
| <i class="fa fa-user" aria-hidden="true"></i> | |
| <i class="fa fa-calendar-o" aria-hidden="true"></i> | |
| <i class="fa fa-tachometer" aria-hidden="true"></i> |
bsakhanov
/ index.html
Created
September 25, 2019 00:42
Navigation bar with circle flexible highlight POC
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
| <nav class="tab" data-selected="2"> | |
| <div class="icons"> | |
| <div data-index="1" class="icon fad fa-home"></div> | |
| <div data-index="2" class="icon fal fa-plus"></div> | |
| <div data-index="3" class="icon fad fa-user fa-swap-opacity"></div> | |
| </div> | |
| <div class="bar"> | |
| <div class="cap"></div> | |
| <div class="middle"> | |
| <div class="side"></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
| <picture> | |
| <source srcset="[email protected] 1x, | |
| [email protected] 2x" | |
| media="(min-width: 600px)" | |
| type="image/webp"> | |
| <source srcset="[email protected] 1x, | |
| [email protected] 2x" | |
| media="(min-width: 600px)"> | |
| <source srcset="[email protected] 1x, | |
| [email protected] 2x" |
A Pen by Beibit Sakhanov 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
| #timeline-1.timeline-container | |
| .timeline-header | |
| h2.timeline-header__title Mustafa Kemal Atatürk | |
| h3.timeline-header__subtitle FATHER OF THE TURKS | |
| .timeline | |
| .timeline-item(data-text='FATHER OF THE TURKS') | |
| .timeline__content | |
| img.timeline__img(src='http://i.cdn.ensonhaber.com/resimler/diger/ataturk_3473.jpg') | |
| h2.timeline__content-title | |
| | 1881 |