Skip to content

Instantly share code, notes, and snippets.

View ilfarpro's full-sized avatar

ilfarpro ilfarpro

  • 21:58 (UTC +03:00)
View GitHub Profile
@ilfarpro
ilfarpro / horizontal-ul.html
Created December 28, 2017 13:22
Horizontal Unmarked List
<ul class="list">
<li class="list__item">
<a class="list__link" href="#">Name</a>
</li>
<li class="list__item">
<a class="list__link" href="#">Name</a>
</li>
<li class="list__item">
<a class="list__link" href="#">Name</a>
</li>
@ilfarpro
ilfarpro / media-queries.css
Last active July 22, 2019 22:17
Media Queries
/* The Standard Breakpoints. Working with fluid images. */
@media all and (max-width: 1690px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 980px) {
@ilfarpro
ilfarpro / fonts.css
Created December 27, 2017 16:19
Local Fonts Attachment
@font-face {
font-family: 'Web font';
src: url('../fonts/my-font.otf');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Web font';
src: url('../fonts/my-font.otf');
@ilfarpro
ilfarpro / starter.css
Created December 27, 2017 15:50
Starter CSS
/* CSS-RESET */
/* Сброс внешних и внутренних
отступов для всех тегов
задание плавности переходов */
* {
transition: all ease 0.3s;
padding: 0;
margin: 0;
}
@ilfarpro
ilfarpro / starter.html
Last active December 27, 2017 15:45
Starter HTML
<!doctype html>
<html lang="en">
<head>
<title>НАЗВАНИЕ САЙТА</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Здесь подключаются GoogleFonts -->
<!-- Bootstrap CSS -->
@ilfarpro
ilfarpro / menu.html
Last active December 27, 2017 15:46
Site Menu
<nav>
<ul class="menu">
<li class="menu__item">
<a href="#"></a>
</li>
<li class="menu__item">
<a href="#"></a>
</li>
<li class="menu__item">
<a href="#"></a>