Разработка сайта для 1"А" класса МОБУ СОШ "26 города Якутска

Зам = Sбал Hам / 100 (3.1)

где Sбал - балансовая стоимость оборудования = 27 500 руб. (с учётом вычета за малоценное оборудование).

Hам - норматив амортизационных отчислений = 33,3% (согласно нормам ускоренной амортизации, с расчётом на 3 года использования, 100 / 3 = 33,3%), по формуле (3.2);

Зам = 27 500 33,3 / 100 = 9157,5 руб. в год. (3.2)

Норма рабочего времени на определенные периоды (месяц, квартал, год) исчисляется по требованию ст. 91 ТК РФ и в соответствии с Порядком № 588н. По производственному календарю 2021 года норма часов в год равна 1774,40 час. Поэтому амортизационные отчисления на работу компьютера будут равны 9157,5 руб. / 1774,40 час = 5,16 руб. в час.

Соответственно в нашем проекте 5,16 руб. Ч количество часов работы компьютера = 5,16 руб. Ч 36 час = 185,76 руб.

Расчет затрат на электроэнергию

Оборудование, расходные материалы, оборудование для отладки, коммунальные услуги.

Расходы на электроэнергию, потребляемую компьютером за время разработки приложения и доступ к интернету (таблица 3.3).

Таблица 3.3

Затраты на электроэнергию

Вид оборудования	Мощность, кВт	Стоимость, 1кВт / час, руб.	Время работы, час	Сумма затрат, руб.
Компьютер	0,59	6,50	36	234
Итого:				234

Абонентская плата за использование доступа в Интернет составляет 1350 рублей в месяц.



3.3 Расчет затрат на оплату труда разработчика

Затраты на оплату труда охватывают все выплаты работникам, включаемые в фонд заработной платы - основную заработную плату со всеми предусмотренными законом надбавками, доплатами, премиями, выплаты компенсирующего характера за непроработанное (не явочное) время, т.е. дополнительную зарплату (очередные ежегодные отпуска, дополнительные и льготные отпуска и т.п.) компенсационные выплаты по районным коэффициентам и северным надбавкам, надбавки за стаж работы по специальности и т.п.

Отчисления на социальные нужды (30%) - это обязательные взносы организаций в государственные фонды (пенсионные (22%), социального страхования (2,9%), обязательного медицинского страхования (5,1%).

Работа программиста по условиям труда квалифицируется как вредная. Согласно положению о заработной плате, надбавка за вредные условия труда составляет до 10%, в зависимости от сертификации на рабочем месте. Дополнительная заработная плата составляет 10% от основного оклада работника. Страховые взносы в социальные фонды - 30%.

Заработная плата программиста-разработчика в среднем составляет - 50000,00 (руб./мес.) по данным с сайта https://russia.trud.com/; количество разработчиков - 1 человек.

Общая заработная плата разработчика программы рассчитываются по формуле:

ЗПобщ. = ЗПосн. + ЗПдоп. + Ос. Н,

где ЗПосн. - основная заработная плата разработчика, руб.,

ЗПдоп. - дополнительная заработная плата разработчика, руб.,

Ос.н. - отчисления на социальные нужды, руб.



ЗПосн. = Сч.пр. • Т,

где Сч.пр. - часовая оплата труда программиста, руб./ час,

Т - трудоемкость разработки программного продукта, чел-час.

Сч.пр. = Ппр. / Фр. В,

где Ппр. - месячная заработная плата программиста, руб.

Фр.в. - месячный фонд рабочего времени, час (168 час).

Сч.пр. = 50 000 / 36 = 138,8 руб./час.

ЗПосн. = 138,8 • 198 =27 482,4 руб.

Дополнительная заработная плата рассчитывается по формуле:

ЗПдоп. = ЗПосн. • Нд.з.п. / 100

где Нд.з.п. - норматив дополнительной заработной платы, % (15-19 %).

ЗПдоп. = 27 482,4 • 16 / 100 = 4397,18 руб.

Отчисления на социальные нужды рассчитываются по формуле:

Ос.н. = (ЗПосн. + Зпдоп.) • Но.с.н./ 100

где Но.с.н. - норматив отчислений на социальные нужды, % (30 %).

Ос.н. = (27 482,4 + 4397,18) • 30 / 100 = 9 563,87 руб.

ЗПобщ. = 27 482,4 + 4397,18 + 9 563,87 = 41 443,45 руб.

3.4 Калькуляция сметной стоимости

Сметная стоимость программного продукта -- это эксплуатационные расходы на разработку программного продукта.

Расчёт прочих затрат при разработке программного продукта 5-9% от суммы основных затрат:



Зпр. = Зосн. • (0,05...0,09)

Основные затраты рассчитываются по формуле:

Зосн. = ЗПобщ. + Зм.в. + Сэл.

Зосн. = 41 443,45 + 1 868,80 + 234 = 43 546,25руб.

Зпр. = 43 546,25• 0,06 = 2 612,77 руб.

Общие затраты на разработку программного продукта

Зо6щ. = ЗПобщ + Змв + Сэл. + Зпр

Зобщ. = 41 443,45 + 1 868,8 + 234 + 2612,77 = 46 159,02 руб.

Таблица 3.4

Калькуляция сметной стоимости программного продукта

Статьи затрат	Индекс	Сумма, руб.	Удельный вес затрат, %
Заработная плата общая	ЗПобщ.	41 443,45	89,78
Статьи затрат	Индекс	Сумма, руб.	Удельный вес затрат, %
Затраты на оплату машинного времени	Зм.в.	1 868,80	4,04
Затраты на электроэнергию	Сэл.	234	0,51
Прочие затраты	Зпр.	2612,77	5,66
Итого:	Зобщ.	46 159,02	100

Из таблицы 3.4 видно, что большая часть затрат при разработке программного продукта приходится на заработную плату.



3.5 Результаты расчетов стоимости проекта

Таблица 3.5

Результаты расчетов стоимости проекта

№	Статью и затраты	Значение, руб.
1	Заработная плата и отчисления в социальные фонды	41 443,45
2	Затраты на амортизационные отчисления	185,76
3	Затраты на электроэнергию	234
4	Прочие расходы	2612,77
5	Затраты на оплату машинного времени	1 868,80
6	Себестоимость	46 344,78

Затраты на создание нашего проекта составили рублей. Данный уровень затрат обусловлен расходами на приобретение оборудования, на электроэнергию и оплату интернета.

3.6 Целесообразность выполненной работы

Дипломный проект заключался в создании веб-сайта для начального класса. Сайт был создан для информативности учителя и учеников начального класса.

В ходе выполнения работы исследованы платформы веб-программирования и веб-дизайна.

Выполненная работа позволяет выпускнику продемонстрировать сформированность общих и профессиональных компетенций по специальности «Информационные системы и программирование».

4. Охрана труда и окружающей среды

4.1 Анализ негативных факторов при разработке веб-сайта

В настоящее время персональные компьютеры широко используются во всех организациях, в том числе в качестве вспомогательного средства обработки информации. Внедрение компьютерных технологий принципиально изменило характер труда различных категорий специалистов, а, следовательно, и требования к организации и охране труда. Работники, использующие компьютерную технику, на своём опыте оценили её громадные возможности. Одновременно возникла определённая беспечность при её эксплуатации.

При написании дипломной работы «Разработка веб-сайта для 1 «А» класса» был разработан веб-сайт, что предполагает длительную работу с компьютером. Вовремя написании дипломной работы использовался компьютер. Длительная работа за компьютером может отрицательно влиять на функциях человеческого организма: нервной деятельности, эндокринной, иммунной и репродуктивной системах, на зрении и костно-мышечном аппарате человека. Опасным производственным фактором является такой фактор производственного процесса, воздействие которого на работающего приводит к травме или резкому ухудшению здоровья.

Опасным производственным фактором является такой фактор производственного процесса, воздействие которого на работающего приводит к травме или резкому ухудшению здоровья.

В данном случае мы имеем, один такой фактор - это поражение электрическим током. Так как компьютер питается от сети переменного напряжения 220В, то представляет прямую угрозу жизни. Поэтому обязательное требование безопасности - компьютер должен быть заземлён.

Работа за компьютером может оказывать следующие опасные и негативные факторы:

1) Физические факторы;

2) Электромагнитное излучение монитора;

3) Статический электрический разряд на экране;

4) Ультрафиолетовое излучение;

5) Инфракрасное излучение;

6) Рентгеновское излучение;

7) Яркость светового изображения;

8) Уровень пульсации светового потока;

9) Неравномерное распределение яркости в поле зрения;

10) Повышенный уровень прямой блёскости;

11) Повышенный или пониженный уровень освещенности;

12) Запыленность воздуха;

13) Изменение уровня ионизации воздуха;

14) Изменение влажности воздуха;

15) Изменение подвижности воздуха в рабочей зоне;

16) Электрический ток.

Химические факторы. Содержание в воздухе: двуокиси углерода; озона; аммиака; фенола; формальдегида; полихлорированных бифенилов

Психофизиологические и микробиологические факторы:

1) Напряжение зрения и внимания;

2) Интеллектуальные и эмоциональные нагрузки;

3) Длительные статические нагрузки;

4) Монотонность труда;

5) Большой объем информации, обрабатываемый в единицу времени;

6) Нерациональная организация рабочего места;

7) Повышенное содержание микроорганизмов в воздухе.



4.2 Действие негативных факторов на здоровье

Основным фактором, влияющим на производительность труда людей, работающих с компьютером, являются комфортные и безопасные условия труда.

Условия труда пользователя, работающего с персональным компьютером, определяются:

1) особенностями организации рабочего места;

2) условиями производственной среды (освещением, микроклиматом, шумом, электромагнитными и электростатическими полями, визуальными эргономическими параметрами дисплея и т. д.);

3) характеристиками информационного взаимодействия человека и персональных электронно-вычислительных машин.

Электромагнитное излучение

Электромагнитное излучение является наиболее вредным фактором, так как распространяется во всех направлениях и оказывает вредное воздействие на окружающих. Стандарты нормируют излучение в двух поддиапазонах 20 Гц - 2 кГц и 2 - 400 кГц. Причем подавляющее большинство случаев превышения допустимых уровней приходится на поддиапазон 2-400 кГц.

В случае обнаружения превышения пределов безопасности рекомендуется проводить следующие мероприятия:

- применять компьютеры с элементами защиты мониторов (с маркировкой LR - low radiation), если такой маркировки нет, то установить защитный фильтр на экран монитора для ослабления электрического и электростатического поля;

при размещении соседнего рабочего места на расстоянии не более 1,5 м от задней стенки и 1,2 м от боковой стенки необходимо защитное покрытие для стенок монитора по соответствующим направлениям, а если мониторов в помещении много, то расстояние между рядами должно быть не менее 2 м и площадь одного рабочего места - не менее 6 м²;

- необходимо правильно подключать мониторы в трехконтактные розетки с заземлением (в противном случае напряженность электрического поля будет значительно превышать нормативы).

Вредное воздействие ЭМИ монитора, особенно его низкочастотной части, заключается в следующем:

- возможны некоторые заболевания кожи (угреватая сыпь, экзема, розовый лишай и пр.);

- зарегистрированы случаи изменения биохимических реакций в крови на клеточном уровне, снижение иммунитета;

- нарушения в центральной нервной системе (головные боли, головокружения, тошнота, бессонница, потеря аппетита, нарушения запоминания и обучения);

- нарушается выработка в мозге серотонина, в результате чего возможно развитие депрессивных состояний;

- некоторые частоты излучений монитора могут входить в резонанс с частотой работы мозга, в результате чего может произойти эпилептический припадок.

Электрический ток

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

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

Вторичные травмы могут возникнуть в результате поражения электрическим током внутренних органов и тканей.

Кратковременные побочные эффекты. В зависимости от степени тяжести к немедленным последствиям электротравмы могут относиться:

- ожоги;

- аритмия;

- судороги;

- покалывание или онемение частей тела;

- потеря сознания;

- головные боли.

Некоторые люди могут испытывать неприятные ощущения, но не имеют видимых физических повреждений, тогда как другие могут испытывать сильную боль и очевидное повреждение тканей. У тех, кто не испытал серьезных травм или сердечных аномалий через 24 - 48 часов после поражения электрическим током, они вряд ли разовьются.

Более серьезные побочные эффекты могут включать:

- кому;

- острое сердечно-сосудистое заболевание;

- остановку дыхания.

Электростатическое поле

Электростатическое поле возникает в виде электрического заряда, накопившегося на экране кинескопа под действием электронного пучка. Кроме того, электростатическое поле создается высоковольтным источником питания кинескопа. Напряженность электростатического поля в 30 см от монитора может достигать 20-30 кВ/м и превышать существующие нормативы (до 20 кВ/м). Под действием этого поля заряженные частицы, присутствующие в воздухе, могут ускоряться и попадать на лицо оператора. Кроме того, на лице интенсивно осаждается пыль, что часто является причиной ощущения "стягивания" кожи лица, а у чувствительных людей - и аллергических реакций. Качественно сконструированный компьютерный фильтр может заметно уменьшить и электростатическое поле, но только в том случае, если у фильтра существует заземленное проводящее покрытие. Применяется также специальное антистатическое покрытие.

Что касается непосредственного воздействия электрического тока, то кроме провода, включенного в розетку, опасность может представлять лишь внутренность монитора, где создается высокое напряжение (десятки тысяч вольт). Поэтому перед тем, как начать работать с прибором, нужно ознакомиться с правилами техники безопасности. Об электрической безопасности экрана монитора свидетельствует наличие маркировки "S".

Ультрафиолетовое излучение

В мониторе, где основным источником УФИ является плазменный заряд на внутренней поверхности экрана, функции защиты пользователя выполняет стекло монитора, отсекающее ультрафиолетовый спектр излучения в 0,3 мкм. Плотность потока УФИ на длине волны 0,32 мкм монитора не превышает 2 Вт/м2. Это в несколько раз ниже, чем интенсивность солнечного УФ. Однако необходимо учитывать, что для излучения с длиной волны менее 0,3 мкм нормативы в тысячу раз меньше, поскольку такое излучение намного опаснее и некоторая его доля может воздействовать на пользователя. Эффективной защитой в этом случае может служить фильтр, отсекающий излучение с длиной волны 0,36-0,4 мкм.

Рентгеновское излучение

Изображение, которое мы видим на экране монитора, возникает в результате свечения люминофора на внутренней поверхности экрана под воздействием электронного пучка. Сталкиваясь с поверхностью, электроны создают тормозное, в т.ч. и рентгеновское излучение. В то же время стекло монитора практически непрозрачно для фотонов с энергией 15-25 КэВ. Поэтому дозы облучения, которые может получить пользователь компьютера, сравнимы с фоном, создаваемым излучением естественных радионуклидов и космических лучей.

Другие физические факторы

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

Химические факторы

Работающий компьютер (как и телевизор) генерирует положительно зараженные ионы кислорода, которые вызывают повышенную утомляемость, беспокойство или состояние депрессии, снижение иммунитета. Большую опасность для здоровья представляют не имеющие запаха диоксины и фуран (относятся к полибромидным противопожарным средствам). Оба этих вещества медленно испаряются из корпуса монитора и плат, повышая риск возникновения онкологических заболеваний. Для снижения концентрации этих веществ в рабочем помещении его необходимо регулярно проветривать.

Психофизиологические факторы

Длительные статические нагрузки на организм могут вызывать костно-мышечные заболевания, стрессы, легкую возбудимость и депрессии, нарушение сна. Могут возникать воспалительные процессы в сухожилиях и мышечных тканях в результате частого нажатия на клавиши и манипулирования с "мышью". Всему этому способствует длительное пребывание в сидячем положении в одной и той же позе. В не расслабляющихся мышцах ухудшается кровообращение, накапливаются продукты распада (главным образом молочная кислота), в результате чего возникают болевые ощущения.

Напряжение зрения и внимания связано с тем, что задержка моргания в ожидании информации приводит к перенапряжению глазных мышц. Необходимость выбора нужной информации из ее чрезмерного потока в виде светящихся строчек, по которым пробегают глаза, может привести к заболеванию, связанному с быстрой утомляемостью глаз. Поскольку биологические возможности мозга ограничены, наступает так называемый синдром информационной усталости.



4.3 Правила по охране труда для разработчиков веб-сайтов

Для того, чтобы работа разработчика веб-сайта была безопасной и систематизированной, существуют правила по охране труда. Правила распределены по трем группам:

а) правила ОТ перед началом работы:

б) правила ОТ во время работы:

в) правила ОТ при окончании работы.

Правила охраны труда перед началом работы:

Приготавливаем свое рабочее место, убираем посторонние предметы, проводим зрительный осмотр ПК, включаем ПК в сеть 220В. При обнаруженных неисправностях оборудования, проводки и прочих проблемах сообщаем собственному конкретному руководителю и начинаем работу только после их устранения.

Правила охраны труда во время работы:

Вовремя работы не отвлекаемся на посторонние дела, не кладем книги и прочие предметы на монитор. Не дотрагиваемся одновременно экрана монитора и клавиатуры; прикасаемся к задней панели системного блока при включенном питании; загромождаем верхние панели устройств бумагами и сторонними предметами. Воздерживаемся от захламления бумагами, книгами, папками рабочего места. Избегаем попадание воды на поверхность системного блока, монитора, а также состоятельного открытия и разбора системного блока.

Правила охраны труда при окончании работы:

После того, как окончили работу отключаем ПК от сети, держа вилку за корпус, наводим порядок на рабочем месте. Также очищаем ПК от пыли только после того, как ПК полностью отключится от сети.

Разработчикам веб-сайтов, а также на любом другом рабочем месте, следует следовать правилам охраны труда, потому что самой высокой ценностью всегда является человек, его жизнь и здоровье. Ни размер заработной платы, ни уровень рентабельности предприятия, ни ценность производимого продукта не могут служить основанием для пренебрежения правилами безопасности и оправданием существующих угроз жизни или здоровью работников. Также, соблюдение правил охраны труда повышает дисциплинированность работников, что несёт за собой повышение производительности труда, снижению количества несчастных случаев. Все эти факторы приводят к эффективности производства.



Заключение

В данной дипломной работе был создан достаточно конструктивный, хорошо работающий сайт с удобной системой навигации. На примере этого сайта были изучены наиболее часто употребляемые теги языка HTML. Также была продемонстрирована пригодность простейших текстовых редакторов для создания сложных веб-конструкций. Рассмотрены актуальные вопросы разработки и создания современного веб-сайта. При этом были решены следующие частные задачи:

- ознакомление с современными Интернет-технологиями и их использование в настоящей разработке;

- изучение программного инструментария, применяемого для разработки и создания веб-сайтов;

- выявление и учет методов и способов представления на веб-страницах различных видов информации, не препятствующих их доступности.



Список использованных источников

1. Гагарина Л.Г. Технология разработки программного обеспечения / Л.Г. Гагарина, Е.В. Кокорева, Б.Д. Виснадул. М.: ИД, 2011. 400 с.

2. Романов, Е.Л. Информатика / Е. Л. Романов. Новосибирск.: НГТУ, 2019. 108 с.

3. Маркин, А.В. Основы Web-программирования на PHP/ А.В. Маркин. М.: Диалог-МИФИ, 2012. 252 с.

4. Довек Ж.Ж. Введение в теорию языков программирования / Ж.Ж. Довек, М.Д. Леви. М.: ДМК, 2016. 134 с.

5. Хрусталев, А. А. HTML5 +CSS3. Основы современного WEB-дизайна / А.А. Хрусталев. М.: Наука и техника, 2018. 352 с.

6. Иконки для веб-сайта. https://fontawesome.com/v4.7.0/.

7. Основы javascript. https://learn.javascript.ru/.

8. Основы html. http://htmlbook.ru/html/.

9. Основы css. https://html5book.ru/osnovy-css/.

10. Атрибуты CSS для управления шрифтами. https://studfile.net/preview/5133326/page:11/.

11. Графический редактор, ресурс. https://jikaka.ru.



Приложение А Веб-сайт

<html>

<head>

<title>1A school26</title>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

<link rel="stylesheet" href="assets/css/main.css" />

</head>

<center> <script type="text/javascript" src="http://insideonline.ru/free_versia_dla_slabovidyashih/special.js"></script> </center>

<body class="is-preload">

<!-- Nav -->

<nav id="nav">

<ul class="container">

<li><a href="#top">Главная</a></li>

<li><a href="#work">Расписание</a></li>

<li><a href="#portfolio">Наши Фотографии</a></li>

<li><a href="#contact">Наши Контакты</a></li>

<li><a href="roditeli.html">Родителям</a></li>

<li><a href="https://sgo.e-yakutia.ru/">Сетевой город</a></li>

</ul>

</nav>

<!-- Home -->

<article id="top" class="wrapper style1">

<div class="container">

<div class="row">

<div class="col-4 col-5-large col-12-medium">

<span class="image fit"><img src="images/pic00.jpg" alt="" /></span>

</div>

<div class="col-8 col-7-large col-12-medium">

<header>

<h1>Привет наш гость!</h1>

</header>

<p>Мы ученики 26 школы 1А класса, в нашем дружном классе 10 девочек и 14 мальчиков. Мы очень любим учиться, получать новые знания. Надеемся, что мы будем достойными учениками нашей школы.</p>

<a href="https://taplink.cc/school26ykt" class="button large scrolly">Сайт нашей школы</a>

</div>

</div>

</div>

</article>

<!-- Work -->

<article id="work" class="wrapper style2">

<div class="container">

<header>

<h2>НАШЕ КЛАССНОЕ РАСПИСАНИЕ</h2>

</header>

<div class="row aln-center">

<div class="col-4 col-6-medium col-12-small">

<section class="box style1">

<span class="icon featured fa-calendar" "></span>

<h3>Понедельник-Вторник</h3>

<p> Чтение

ИЗО ФИзкультура</p>

</div>

<div class="col-4 col-6-medium col-12-small">

<section class="box style1">

<span class="icon solid featured fa-book"></span>

<h3>Среда-Четверг</h3>

<p>Музыка, Математика, Труд</p>

</section>

</div>

<div class="col-4 col-6-medium col-12-small">

<section class="box style1">

<span class="icon featured fa-calendar"></span>

<h3>Пятница</h3>

<p>Чтение Математика </p>

</section>

</div>

</div>

<footer>

<a href="#portfolio" class="button large scrolly">Листай вниз, там интересно!</a>

</footer>

</div>

</article>

<!-- Portfolio -->

<article id="portfolio" class="wrapper style3">

<div class="container">

<header>

<h2>Наши Фотографии</h2>

<p>Здесь мы будем выкладывать наши фотографии</p>

</header>

<div class="row">

<div class="col-4 col-6-medium col-12-small">

<article class="box style2">

<a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>

<h3>Здесь мы на уроке труда</a></h3>

<p>наш самый любимый урок</p>

</article>

</div>

<div class="col-4 col-6-medium col-12-small">

<article class="box style2">

<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>

<h3>1 Сентября</a></h3>

<p>Первый раз - в первый класс</p>

</article>

</div>

<div class="col-4 col-6-medium col-12-small">

<article class="box style2">

<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>

<h3>Наше любимое место в школе</a></h3>

<p>Здесь мы кушаем</p>

</article>

</div>

<div class="col-4 col-6-medium col-12-small">

<article class="box style2">

<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>

<h3><a href="#">На уроке ИЗО</a></h3>

<p>Обожаем рисовать</p>

</article>

</div>

<div class="col-4 col-6-medium col-12-small">

<article class="box style2">

<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>

<h3><a href="#">Занимаемся творчеством</a></h3>

<p>делали подарки родителям</p>

</article>

</div>

<div class="col-4 col-6-medium col-12-small">

<article class="box style2">

<a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>

<h3><a href="#">Урок ИЗО</a></h3>

<p>Наши рисунки</p>

</article>

</div>

</div>

<footer>

<p>Больше фотографий по ссылке внизу</p>

<a href="https://www.instagram.com/school26ykt/" class="button large scrolly" "value="Нажми сюда" /></a>

</footer>

</div>

</article>

<!-- Contact -->

<article id="contact" class="wrapper style4">

<div class="container medium">

<header>

<h2>Хочешь связаться с нашим учителем?</h2>

<p>Заполни форму и отправь</p>

</header>

<div class="row">

<div class="col-12">

<form method="post" action="#">

<div class="row">

<div class="col-6 col-12-small">

<input type="text" name="name" id="name" placeholder="Имя" />

</div>

<div class="col-6 col-12-small">

<input type="text" name="email" id="email" placeholder="твой email" />

</div>

<div class="col-12">

<input type="text" name="subject" id="subject" placeholder="Тема" />

</div>

<div class="col-12">

<textarea name="message" id="message" placeholder="Пиши сюда свое сообщение или отправь фотографии"></textarea>

</div>

<div class="col-12">

<ul class="actions">

<li><input type="submit" value="Отправить" /></li>

</ul>

</div>

</div>

</form>

</div>

<div class="col-12">

<hr />

<h3>Наши социальные сети</h3>

<ul class="social">

<li><a href="https://www.instagram.com/school26ykt/" class="icon brands fa-instagram"><span class="label">instagram</span></a></li>

<li><a href="https://www.youtube.com/channel/UCXMcjFXb5Yen7Gbe4TWTYRA" class="icon brands fa-youtube"><span class="label">youtube</span></a></li>

</ul>

<hr />

</div>

</div>

<footer>

<ul id="copyright">

<li>&copy; ИСИП 18/11</li><li>Лаптев Андрей <a href=""></a></li>

</ul>

</footer>

</div>

</article>

<!-- Scripts -->

<script src="assets/js/jquery.min.js"></script>

<script src="assets/js/jquery.scrolly.min.js"></script>

<script src="assets/js/browser.min.js"></script>

<script src="assets/js/breakpoints.min.js"></script>

<script src="assets/js/util.js"></script>

<script src="assets/js/main.js"></script>

</body>

</html>

Размещено на Allbest.ru