Olha ai-wintermute
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
| <ul class="top-menu"> | |
| <li class="active"><a href="#about">Link 1</a> | |
| <ul> | |
| <li><a href="#about">Sublink 1</a> | |
| <ul> | |
| <li><a href="#about">Sublink 1</a></li> | |
| <li><a href="#about">Sublink 2</a></li> | |
| <li><a href="#about">Sublink 3</a></li> | |
| </ul> | |
| </li> |
ai-wintermute
/ Bootstrap nav menu for WordPress, functions.php
Last active
October 5, 2016 13:18
Bootstrap nav menu for WordPress
ai-wintermute
/ Tabs
Created
September 14, 2016 19:39
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
| HTML: | |
| <div class="tab-wrapper"> | |
| <div class="tabs"> | |
| <span class="tab-header active-tab"> | |
| Tab 1 | |
| </span> | |
| <span class="tab-header"> | |
| Tab 2 | |
| </span> | |
| <span class="tab-header"> |
ai-wintermute
/ Sticky footers
Created
September 14, 2016 15:37
ai-wintermute
/ Full screen slider (Bootstrap carousel)
Created
September 14, 2016 11:41
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
| Dependencies: | |
| <link href="libs/bootstrap/css/bootstrap.min.css" rel="stylesheet"> | |
| <link href="libs/bootstrap/css/full-slider.css" rel="stylesheet"> | |
| <script src="js/jquery-1.11.3.min.js"></script> | |
| <script src="libs/bootstrap/js/bootstrap.min.js"></script> | |
| HTML: | |
| <div id="mycarousel" class="carousel slide" data-ride="carousel"> | |
| <!-- Indicators --> | |
| <ol class="carousel-indicators"> |
ai-wintermute
/ Jquery full width slider with fixed text
Created
September 14, 2016 10:29
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
| HTML: | |
| Зависимости: | |
| <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> | |
| <script src="libs/animate/animate-css.js"></script> | |
| Разметка: | |
| <header> | |
| <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, doloremque.</h1> | |
| <div class="slider-container"> | |
| <div class="inner"> | |
| <div class="slider"> |
ai-wintermute
/ Clearfix
Created
September 12, 2016 20:00
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
| CSS: | |
| .group:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| //group - class of element after which you need clearfix |
ai-wintermute
/ Конструктор карт Яндекс
Created
September 6, 2016 14:29
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
| https://tech.yandex.ru/maps/tools/constructor/ |
ai-wintermute
/ Magnific-popup
Created
September 6, 2016 12:36
popup-effects, http://dimsemenov.com/plugins/magnific-popup/
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
| HTML: | |
| <link rel="stylesheet" href="libs/magnific/magnific-popup.css" /> | |
| <a href="img/review.jpg" class="popup"><img src="img/review.jpg" alt="Alt" /></a> | |
| <a href="#hidden_form" class="button btn_white popup_c">Отправить заявку</a> | |
| <script src="libs/magnific/jquery.magnific-popup.min.js"></script> | |
| JS: | |
| $(".popup").magnificPopup({type:"image"}); | |
| $(".popup_c").magnificPopup(); |
ai-wintermute
/ Stellar.js parallax
Created
September 6, 2016 09:13
Parallax effect, http://markdalgleish.com/projects/stellar.js/docs/
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
| HTML: | |
| <section class="someclass" data-stellar-background-ratio="0.5"></section> | |
| <script src="libs/stellar/jquery.stellar.min.js"></script> | |
| SASS: | |
| .someclass | |
| background: url("../img/middle_bg.jpg") repeat-x | |
| background-attachment: fixed | |
| min-height: 500px | |
| background-position: top center |
NewerOlder