Mikhail Brazhnik mikbrazh

## mail_ajax--gist.js
// Объявление попап-функций. Плагин Magnific Popup
	var opensuccessPopup = function() {
		$.magnificPopup.open({
			items: { src: '#success-popup' },
			type: 'inline',
			fixedContentPos: false,
			fixedBgPos: true,
			overflowY: 'auto',
			closeBtnInside: true,
			preloader: false,

## mail_cart--gist.php
<?php

$method = $_SERVER['REQUEST_METHOD'];

// Переключает чередование цветов ячеек таблицы
$color = true;

if ( $method === 'POST' ) {
	$project_name = trim($_POST["project_name"]);
	$admin_email  = trim($_POST["admin_email"]);

## items_selection--gist.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Создаем выделение пунктов меню с зажатыми клавишами на клавиатуре</title>
    <style>
        li
        {
            width: 200px;
            cursor: pointer;

## ajax_feedback--gist.js
//Ajax отправка формы обратной связи
$('form').submit(function()
{

	$.ajax(
	{
		type: 'POST',
		url: 'mail.php',
		data: $(this).serialize()
	}).done(function()

## mmenu_width--gist.css
/*Изменение ширины меню - "mmenu"*/
.mm-menu
{
    width: 80%;
    min-width: 140px;
    max-width: 240px !important;
}

@media all and (min-width: 550px)
{

## items_underline--gist.html
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Items underline</title>

	<style>
	body {
		padding: 50px;
	}

## scroll_to_top_btn--gist.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Scroll to the top btn</title>
  <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  <style>

## element_names--gist.txt
@Element names@

page-header
page-header__inner
page-header__top
page-header__logo
main-nav
main-nav__list
main-nav__list--main
main-nav__list--adaptive

## drag_and_drop--gist.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Перетаскивание элементов</title>
</head>
<body>

<img src="img/connected_data_big.jpg" alt="connected_data_big">
<img src="img/best_robust_big.jpg" alt="best_robust_big">

## collapse_menu--gist.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Создаем скрывающееся и раскрывающееся меню при нажатии на заголовки</title>
    <style>
        #animals, #mammals, #others, #fish, #aquarium-fish, #sea-fish
        {
            cursor: pointer;
        }
	// Объявление попап-функций. Плагин Magnific Popup
	var opensuccessPopup = function() {
	$.magnificPopup.open({
	items: { src: '#success-popup' },
	type: 'inline',
	fixedContentPos: false,
	fixedBgPos: true,
	overflowY: 'auto',
	closeBtnInside: true,
	preloader: false,
	<?php

	$method = $_SERVER['REQUEST_METHOD'];

	// Переключает чередование цветов ячеек таблицы
	$color = true;

	if ( $method === 'POST' ) {
	$project_name = trim($_POST["project_name"]);
	$admin_email = trim($_POST["admin_email"]);
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Создаем выделение пунктов меню с зажатыми клавишами на клавиатуре</title>
	<style>
	li
	{
	width: 200px;
	cursor: pointer;
	//Ajax отправка формы обратной связи
	$('form').submit(function()
	{

	$.ajax(
	{
	type: 'POST',
	url: 'mail.php',
	data: $(this).serialize()
	}).done(function()
	/Изменение ширины меню - "mmenu"/
	.mm-menu
	{
	width: 80%;
	min-width: 140px;
	max-width: 240px !important;
	}

	@media all and (min-width: 550px)
	{
	<!DOCTYPE html>
	<html lang="ru">
	<head>
	<meta charset="UTF-8">
	<title>Items underline</title>

	<style>
	body {
	padding: 50px;
	}
	@Element names@

	page-header
	page-header__inner
	page-header__top
	page-header__logo
	main-nav
	main-nav__list
	main-nav__list--main
	main-nav__list--adaptive