diff options
Diffstat (limited to 'archive/folk-new')
| -rw-r--r-- | archive/folk-new/index.html | 40 | ||||
| -rw-r--r-- | archive/folk-new/main.css | 44 |
2 files changed, 84 insertions, 0 deletions
diff --git a/archive/folk-new/index.html b/archive/folk-new/index.html new file mode 100644 index 0000000..715b100 --- /dev/null +++ b/archive/folk-new/index.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <title>Студия дизайна и архитектуры «Folk»</title> + <link rel="stylesheet" href="main.css"> + <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> + </head> + <body> + <div id="page_wrapper"> + <div class="page"> + <div class="header"> + <h1>Студия дизайна и архитектуры</h1> + <img class="header" src="https://www.lotigara.ru/folk/no_index/folk_logo_header.svg" alt="Folk"> + </div> + + <div class="main_slider"> + <img> + <img> + <img> + </div> + </div> + </div> + + <script> + $(document).ready(function(){ + $('.main_slider').slick({ + slidesToShow: 3, + slidesToScroll: 1, + autoplay: true, + autoplaySpeed: 5000, + }); + }); + </script> + + <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> + <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> + <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> + </body> +</html> diff --git a/archive/folk-new/main.css b/archive/folk-new/main.css new file mode 100644 index 0000000..4db2466 --- /dev/null +++ b/archive/folk-new/main.css @@ -0,0 +1,44 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + hyphens: auto; +} + +html { + min-height: 100%; + min-width: 100%; + + display: flex; + flex-direction: column; +} + +body { + min-height: 100%; + width: 100%; + display: flex; + flex-direction: column; + flex-grow: 1; + font-family: Verdana, serif; + font-size: 11pt; + text-align: center; +} + +div#page_wrapper { + background-color: #e5e6e7; + min-height: 100%; + width: 100%; + flex-grow: 1; +} + +div.page { + position: relative; + margin: 1em auto 0px auto; +} + +div.header { + border-bottom: 5px solid black; + display: inline-block; + padding-bottom: 1em; + width: 50%; +} |