diff --git a/lectures/lec2/task1.css b/lectures/lec2/task1.css
new file mode 100644
index 0000000..e1b075f
--- /dev/null
+++ b/lectures/lec2/task1.css
@@ -0,0 +1,26 @@
+.menuItem {
+    text-align: center;
+}
+
+#menu ul {
+    padding-left: 0;
+    margin: .5%;
+}
+
+#menu li {
+    display: inline-block;
+    width: 16%;
+    background: #F00;
+}
+
+#menu a {
+    text-decoration: none;
+    color: white;
+}
+
+.pict {
+    width: 70%;
+    background: rgba(0, 255, 0, .5);
+    margin: 5px auto;
+    padding: 5px 0;
+}
\ No newline at end of file
diff --git a/lectures/lec2/task2.html b/lectures/lec2/task2.html
new file mode 100644
index 0000000..30830e7
--- /dev/null
+++ b/lectures/lec2/task2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Задание 2</title>
+    <style>
+        h1,
+        h2 {
+            text-align: center;
+            color: maroon;
+        }
+
+        ins {
+            text-decoration: underline;
+        }
+
+        i {
+            font-style: italic;
+        }
+    </style>
+</head>
+
+<body>
+    <h1>
+        <ins>Основы HTML</ins>
+    </h1>
+    <h2>
+        <i>Оглавление</i>
+    </h2>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/lectures/lec2/task3.html b/lectures/lec2/task3.html
new file mode 100644
index 0000000..fd08bc7
--- /dev/null
+++ b/lectures/lec2/task3.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <title>Задание 3</title>
+    <style>
+        .blue-bold {
+            font-weight: bold;
+            color: blue;
+        }
+        .big-font{
+            font-size: 20px;
+            color: green;
+        }
+        .center-red {
+            color: red;
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+    <p class="blue-bold">Каскадность CSS:</p>
+    <ul>
+        <li class="center-red">расширение свойств;</li>
+        <li class="big-font center-red">переопределение свойств.</li>
+    </ul>
+</body>
+</html>
\ No newline at end of file
diff --git a/lectures/lec2/task4-5.html b/lectures/lec2/task4-5.html
new file mode 100644
index 0000000..074b38f
--- /dev/null
+++ b/lectures/lec2/task4-5.html
@@ -0,0 +1,81 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+    <meta charset=utf-8">
+    <title>Task 4</title>
+    <style>
+        div {
+            box-sizing: border-box;
+            background: lightblue;
+            text-align: center;
+            margin: 5px 5px;
+            
+        }
+
+        .menu{
+            text-align: end;
+        }
+        .menu > div{
+            width: 100px;
+            height: 50px;
+            display: inline-block;
+            background: violet;
+
+        }
+        .gray {
+            background: gainsboro;
+        }
+
+        .w50 {
+            width: 48%;
+            display: inline-block;
+            height: 250px;
+        }
+
+
+        .top {
+            width: 70%;
+            margin: 0 auto 20px;
+        }
+
+        .left {
+            display: inline-block;
+            width: 63%
+        }
+
+        .left .part {
+            height: 80px;
+        }
+
+        .right {
+            float: right;
+            width: 35%;
+            height: 340px;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="menu">
+        <div>меню1</div>
+        <div>меню2</div>
+        <div>меню3</div>
+        <div>меню4</div>
+    </div>
+    <div class="top">
+        <div class="gray w50"><span>рисунок 1</span></div>
+        <div class="gray w50"><span>рисунок 2</span></div>
+    </div>
+    <div class="main">
+        <div class="left">
+            <div class="gray part"><span>часть 1.1</span></div>
+            <div class="gray part"><span>часть 1.2</span></div>
+            <div class="gray part"><span>часть 1.3</span></div>
+            <div class="gray part"><span>часть 1.4</span></div>
+        </div>
+        <div class="gray right"><span>часть 2</span></div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/lectures/readme.md b/lectures/readme.md
new file mode 100644
index 0000000..5ee7336
--- /dev/null
+++ b/lectures/readme.md
@@ -0,0 +1,25 @@
+#Сборник конспектов лекций
+## 0 История интернета и начало HTML
+в лекции описано происхождение интернета и arpanet к томук, что мы знаем
+так-же расказано про браузерные войны и про победу Chrome, WEB1.0 - WEB3.0
+ 
+## 1 HTML
+Синтаксис, правила оформления, информация по существующим тегам для html4( я не уверен), не мало было сказано про формы
+задачи:
+1. исправить код
+2. написать свой продублировав страничку с картинки
+
+## 2 CSS
+Описание синтаксиса, правил форматирования, процесс применения селекторов, приоретизация стилей
+id > class >tag
+блочное\строчное\блочно-строчное отображение элемента
+элемент и его padding  border  margin
+обобщённые свойства (border background margin font )
+какие атрибуты применимы на блочные, а какие на строчные
+задачи:
+1. отформатировать код css
+2. отчистить код от атрибутов внутри тегов
+3. применить теги на код в нужном порядке
+4. скопировать страницу 
+5. добавить меню на скопированную страницу
+
