Skip to content

Instantly share code, notes, and snippets.

View kharakhordindemo's full-sized avatar

Kharakhordin Artem kharakhordindemo

View GitHub Profile
@kharakhordindemo
kharakhordindemo / reset.css
Created December 6, 2017 13:34
reset_css
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, big, em, font, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
@kharakhordindemo
kharakhordindemo / buttons.css
Created December 6, 2017 13:47
buttons
.button{
display: inline-block;
padding: 10px 25px;
border: none;
font-size: 18px;
font-family: $light-font;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 4px;
background-color: $accent-color;
@kharakhordindemo
kharakhordindemo / help.html
Created December 6, 2017 14:05
menu3lavel.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Help</title>
<link rel="stylesheet" href="help.css" type="text/css">
</head>
<body>
<nav>
<ul>
@kharakhordindemo
kharakhordindemo / help.css
Created December 6, 2017 14:06
menu3lavel.css
nav ul ul{
display: none;
}
nav ul li:hover>ul{
display: block;
}
nav ul{
background: linear-gradient(180deg, rgb(169, 139, 230) 28%, rgb(90, 140, 250) 70%);
background-color: #efefef;
@kharakhordindemo
kharakhordindemo / index.html
Created December 6, 2017 14:16
Анимация при наведении
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Анимация при наведении</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="portfolio">
<ul>
@kharakhordindemo
kharakhordindemo / index.html
Created December 6, 2017 14:28
Липкое меню
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Липкое меню</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
@kharakhordindemo
kharakhordindemo / index.html
Created December 6, 2017 14:31
Аккордеон
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Аккордеон</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<h1>Section One</h1>
@kharakhordindemo
kharakhordindemo / index.html
Last active December 6, 2017 14:41
Вкладки
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Вкладки (Другой способ)</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<ul class="tabs">
@kharakhordindemo
kharakhordindemo / index.html
Created December 6, 2017 14:45
Выпадашка при вводе в Input
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Выпадашка при вводе в Input</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main class="content">
<div class="wrapper">
@kharakhordindemo
kharakhordindemo / index.html
Created December 6, 2017 14:50
Переключатель крестик
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Переключатель крестик</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="#" class="toggle-menu"><span></span></a>
<script src="js/jquery-3.2.1.min.js"></script>