Skip to content

This is base template for Front-end developers. It's increases the speed of website development.

Notifications You must be signed in to change notification settings

Restyle/Start-Html-Template

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Стартовый шаблон для удобной верстки сайтов

Предназначено для ускорения разработки современных адаптивных сайтов. Содержит наиболее используемые компоненты.

Входит:

  • структура файлов, которая используется большинством Front-end разработчиков;
  • index.html - индексный HTML файл, с валидной разметкой;
  • header.css - стили стартовой страницы сайта и базовые пользовательские стили;
  • btn-nav.css - стили навигации, кнопок, popup;
  • main.css - стили разделов сайта: main и footer;
  • media.css - файл медиа запросов для адаптивной верстки с базовыми запросами;
  • mail.php - PHP скрипт для отправки заявок с сайта с базовой структурой;
  • js/common.js - пользовательский файл скриптов, включающий начальный скрипт для AJAX отправки форм с сайта;
  • /fonts - шрифты RobotoLight, RobotoRegular, OpenSansBold (подключены основные типы: eot, woff, ttf);

Включены следующие базовые jQuery plugin/library (/libs):

  • jQuery-3.2.1.min - библиотека Jquery. Подключена ужатая версия. Это не значит что в ней урезан функционал, это значит что код в ней без пробелов, табуляции и переносов. Код становится нечитаемым, но он быстрее загружается браузером благодаря меньшему размеру.
  • bootstrap-grid-3.3.1.min.css - облегченная версия Bootstrap (только сетка, без JS и компонентов);
  • owl.carousel.min.js | owl.theme.css | owl.carousel.css - это слайдер-карусель. Заслужило свою популярность среди веб-разработчиков. Необходимо подключить 3 файла. Предлагает нам следующие фишки:
    • огромное количество настроек для полной кастомизации слайдера (свыше 60 опций);
    • совместимость с мобильными устройствами;
    • поддержка прикосновений и перетаскиваний;
    • полностью адаптивен;
    • совместим со всеми современными браузерами.
  • font-awesome.min.css — это шрифт с иконками, которые могут добавляться к любым элементам веб-страницы, чтобы повысить их наглядность и улучшить дизайн. Подключаем сжатую версию.Представлена впечатляющая коллекция из несколько сотен иконок подходящих под любые задачи. Подробнее по ссылке.
  • jquery.waypoints.min.js - это библиотека, которая значительно упрощает выполнение функции каждый раз ,когда мы переходим к элементу с помощью скроллинга, т.е. мы можем показывать любой элемент при нахождении посетителя в заданной точке страницы. Пример использования:

About

This is base template for Front-end developers. It's increases the speed of website development.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 59.1%
  • PHP 20.6%
  • HTML 14.9%
  • JavaScript 5.4%