Skip to content

Instantly share code, notes, and snippets.

View vgordeew's full-sized avatar

Vasily Gordeew vgordeew

View GitHub Profile
// HTML
<div class="main-form">
<h2>Форма обратной связи</h2>
<h5>Будем рады</h5>
<form action="send.php" method="POST">
<input type="hidden" name="form" value="Форма обратной связи">
<input type="text" name="name" minlength="2" maxlength="30" placeholder="Имя" required="required">
<input type="tel" id="phone1" name="phone" placeholder="Телефон" required="required">
<input type="email" minlength="5" placeholder="E-mail" required="required">
// HTML
<button type="submit">Отправить</button>
// CSS
button
margin-top: 75px
display: inline-block
color: $backgroundcolor
background-color: $accent
HTML:
<div class="wrapper">
<div class="tabs">
<span class="tab">Вкладка 1</span>
<span class="tab">Вкладка 2</span>
<span class="tab">Вкладка 3</span>
</div>
<div class="tab_content">
<div class="tab_item">Содержимое 1</div>
<div class="tab_item">Содержимое 2</div>
// HTML
<div class="social-link">
<ul>
<li><a class="vk-color" href="#"><i class="fa fa-vk"></i></a></li>
<li><a class="instagram-color" href="http://instagram.com/v.gordeew" target="blank"><i class="fa fa-instagram"></i></a></li>
<li><a class="github-color" href="https://github.com/vgordeew" target="blank"><i class="fa fa-github"></i></a></li>
<li><a class="youtube-color" href="#"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
// HTML
<div class="col-lg-4 col-md-4 col-sm-6"> // < .container .row
<div class="single-work">
<img src="img/work-1.jpg" alt="Name">
<div class="item-hover">
<div class="work-table">
<div class="work-tablecell">
<div class="hover-content">
<h3>Name</h3>
// HTML
<div class="page-header">
<div class="home-arrow">
<a href="#last-work-nav" class="smoth-scroll" data-target="anchor">
<i class="fa fa-arrow-down"></i>
</a>
</div>
</div>
// CSS
// Wow
var wow = new WOW(
{
boxClass: "wow",
offset: 2,
mobile: false,
}
);
wow.init();
.button
display: inline-block
border: none
color: #fff
text-decoration: none
background-color: $accent
padding: 15px 45px
font-size: 13px
text-transform: uppercase
font-weight: 600
{
"show_definitions": false,
"auto_complete": false,
"bold_folder_labels": true,
"color_scheme": "Packages/One Dark Material - Theme/schemes/OneDark.tmTheme",
"fold_buttons": false,
"font_size": 13,
"highlight_line": true,
"indent_guide_options":
[