diff --git a/README.md b/README.md index cc36099..11598d9 100644 --- a/README.md +++ b/README.md @@ -24,10 +24,11 @@ ## Оптимальный порядок действий -1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл style-core.css -2. Все шрифты выкачать и сохранить локально в директорию /assets/fonts/ и подключить их в файле style-core.css -3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Для удобства подготовлен файл "ui_kit.html" -3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" и просто использовать готовые классы из style-core.css +1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл `style-core.css` +2. Все шрифты выкачать и сохранить локально в директорию `/assets/fonts/` и подключить их в файле `style-core.css` +3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Стили для UI kit писать так же в файл `style-core.css`. +Саму HTML-верстку для UI kit делать в файле `ui_kit.html` +3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" и просто использовать готовые классы из `style-core.css` ### Примечания diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css index 17b7034..5f160ef 100644 --- a/assets/css/gp-style-core.css +++ b/assets/css/gp-style-core.css @@ -1,3 +1,8 @@ +/* Переменные, шрифты, UI kit */ + + + + /* ШАБЛОН использования глобальных переменных: diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css index ac7de8a..631a1a2 100644 --- a/assets/css/gp-style-desktop.css +++ b/assets/css/gp-style-desktop.css @@ -1,4 +1,18 @@ -/* Стили для лептопов */ -@media only screen and (min-width: 992px) and (max-width: 1400px) { +/* Основные стили для компьютера */ -} \ No newline at end of file + + +/* писать сюда... */ + + + + + + + + + +/* Стили для лептопов */ +/* @media only screen and (min-width: 992px) and (max-width: 1400px) { + +} */ \ No newline at end of file diff --git a/index.html b/index.html index 76a7d79..d2b4a80 100644 --- a/index.html +++ b/index.html @@ -8,15 +8,59 @@ + - - - - + + + + + + + + + + + + + + + + + +
- + + diff --git a/send-telegram.php b/send-telegram.php new file mode 100644 index 0000000..285ed9a --- /dev/null +++ b/send-telegram.php @@ -0,0 +1,38 @@ + $name, + 'Телефон:' => $phone + ); + + //Настраиваем внешний вид сообщения в телеграме + foreach($arr as $key => $value) { + $txt .= "".$key." ".$value."%0A"; + }; + + //Передаем данные боту + $sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r"); + + //Выводим сообщение об успешной отправке + if ($sendToTelegram) { + echo 'Спасибо! Ваша заявка принята. Мы свяжемся с вами в ближайшее время.'; + }else{ + echo 'Что-то пошло не так. Попробуйте отправить форму ещё раз.'; + } +} + +?> \ No newline at end of file