From 23eeef7f30a0f3220cfc2c2e3cd96f091aa67d14 Mon Sep 17 00:00:00 2001
From: Igor <igorer27@yandex.ru>
Date: Thu, 9 Mar 2017 10:55:44 +0300
Subject: [PATCH 1/3] dz_1 ver 0.1

---
 .idea/vcs.xml       |  6 +++++
 todo_home/todo.html | 57 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 63 insertions(+)
 create mode 100644 .idea/vcs.xml
 create mode 100644 todo_home/todo.html
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/todo_home/todo.html b/todo_home/todo.html
new file mode 100644
index 0000000..2afba79
--- /dev/null
+++ b/todo_home/todo.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>todo_HW</title>
+    <style type="text/css">
+        .container {
+            width: 45%;
+            margin: auto;
+            background: #F8F8FF; /* Цвет фона */
+            border: 1px solid #d6e9c6;
+            border-radius: 5px;
+            box-shadow: 3px 3px 4px #cccccc;
+        }
+
+        .list {
+            margin:5%;
+            background:#FFFFF0;
+            padding: 5px;
+        }
+        .center {
+            margin-left: 45%;
+        }
+        .text_add {
+            margin-bottom: 10px;
+        }
+
+
+    </style>
+</head>
+<body>
+<table>
+<div class="container">
+    <p class="center">todos</p>
+
+         <div class="list">
+             <div class="text_add">
+                 <input type="text" placeholder="Whats else?">
+                 <button>Add</button>
+             </div>
+
+             <input type="checkbox" name="option3" value="cb_css">CSS<br>
+             <input type="checkbox" name="option3" value="cb_java">Java<br>
+             <input type="checkbox" name="option3" value="cb_html">HTML<br><br>
+
+             <input type="button" name="option3" value="All">
+             <input type="button" name="option3" value="Active">
+             <input type="button" name="option3" value="Complited">
+         </div>
+</div>
+</table>
+
+
+
+
+</body>
+</html>
\ No newline at end of file

From 68645d5d425bdce2fa352902b11ebd053d200b5e Mon Sep 17 00:00:00 2001
From: Igor <igorer27@yandex.ru>
Date: Mon, 13 Mar 2017 10:35:22 +0300
Subject: [PATCH 2/3] dz_1 ver 0.2

---
 todo_home/todo.html | 121 ++++++++++++++++++++++++++++----------------
 1 file changed, 77 insertions(+), 44 deletions(-)

diff --git a/todo_home/todo.html b/todo_home/todo.html
index 2afba79..0c258e7 100644
--- a/todo_home/todo.html
+++ b/todo_home/todo.html
@@ -1,54 +1,87 @@
-<!DOCTYPE html>
+﻿<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>todo_HW</title>
-    <style type="text/css">
-        .container {
-            width: 45%;
-            margin: auto;
-            background: #F8F8FF; /* Цвет фона */
-            border: 1px solid #d6e9c6;
-            border-radius: 5px;
-            box-shadow: 3px 3px 4px #cccccc;
-        }
-
-        .list {
-            margin:5%;
-            background:#FFFFF0;
-            padding: 5px;
-        }
-        .center {
-            margin-left: 45%;
-        }
-        .text_add {
-            margin-bottom: 10px;
-        }
-
-
-    </style>
+
 </head>
 <body>
-<table>
-<div class="container">
-    <p class="center">todos</p>
-
-         <div class="list">
-             <div class="text_add">
-                 <input type="text" placeholder="Whats else?">
-                 <button>Add</button>
-             </div>
-
-             <input type="checkbox" name="option3" value="cb_css">CSS<br>
-             <input type="checkbox" name="option3" value="cb_java">Java<br>
-             <input type="checkbox" name="option3" value="cb_html">HTML<br><br>
-
-             <input type="button" name="option3" value="All">
-             <input type="button" name="option3" value="Active">
-             <input type="button" name="option3" value="Complited">
-         </div>
+
+<div class="todo-container">
+
+    <div class="todo-header">
+        <h1 class="todo-title">todos</h1>
+    </div>
+
+    <div class="todo-add">
+        <button class="todo-all_select-all" aria-label="Отметить все как выполненное"> V
+        </button>
+
+        <input class="todo-all_input" type="text" placeholder="Add.." aria-label="Поле для добавления">
+    </div>
+
+    <div class="todo-list">
+        <div class="todo-item __ready"> <!--модификатор??-->
+
+            <input type="checkbox" class="todo-item_ready-mark" value="cb_html"  checked="checked"
+                   aria-label="Пометить как невыполненное">
+
+            <textarea  class="todo-item_text">HTML</textarea>
+
+            <button class="todo-item_remove" aria-label="Удалить todo"> Удалить </button>
+        </div>
+
+        <div class="todo-item __ready"> <!--модификатор??-->
+
+            <input type="checkbox" class="todo-item_ready-mark" value="cb_html"
+                   aria-label="Пометить как выполненное">
+
+            <textarea  class="todo-item_text">CSS</textarea>
+
+            <button class="todo-item_remove" aria-label="Удалить todo"> Удалить </button>
+        </div>
+
+        <div class="todo-item __ready"> <!--модификатор??-->
+
+            <input type="checkbox" class="todo-item_ready-mark" value="cb_html"
+                   aria-label="Пометить как выполненное">
+
+            <textarea  class="todo-item_text">JS</textarea>
+
+            <button class="todo-item_remove" aria-label="Удалить todo"> Удалить </button>
+        </div>
+    </div>
+
+    <div class="todo-action-bar">
+        <div class="todo-action-bar_counter" aria-label="Посчитать несделанные todo">
+            n todo
+        </div>
+
+        <div class="todo-filter" data-filter="all" aria-label="Фильтр : показ всех">
+            <button class="todo-filter __active" > <!-- Модификатор??-->
+                Все
+            </button>
+        </div>
+
+        <div class="todo-filter" data-filter="ready" aria-label="Фильтр : показ выполненных">
+            <button class="todo-filter" > <!-- Модификатор??-->
+                Выполненные
+            </button>
+        </div>
+
+        <div class="todo-filter" data-filter="unready" aria-label="Фильтр : показ невыполненных">
+            <button class="todo-filter __active" > <!-- Модификатор??-->
+                Невыполненные
+            </button>
+        </div>
+
+            <button class="todo-action-bar_remove-complited"> Удалить завершенные</button>
+
+    </div>
+
+
 </div>
-</table>
+
 
 
 

From 35a9f878a14cfafa74427c655c6c6503392ced42 Mon Sep 17 00:00:00 2001
From: Igor <igorer27@yandex.ru>
Date: Sun, 19 Mar 2017 00:01:39 +0300
Subject: [PATCH 3/3] dz_1 ver 0.3

---
 todo_home/todo.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/todo_home/todo.html b/todo_home/todo.html
index 0c258e7..bcc3941 100644
--- a/todo_home/todo.html
+++ b/todo_home/todo.html
@@ -31,7 +31,7 @@ <h1 class="todo-title">todos</h1>
             <button class="todo-item_remove" aria-label="Удалить todo"> Удалить </button>
         </div>
 
-        <div class="todo-item __ready"> <!--модификатор??-->
+        <div class="todo-item"> <!--модификатор??-->
 
             <input type="checkbox" class="todo-item_ready-mark" value="cb_html"
                    aria-label="Пометить как выполненное">
@@ -41,7 +41,7 @@ <h1 class="todo-title">todos</h1>
             <button class="todo-item_remove" aria-label="Удалить todo"> Удалить </button>
         </div>
 
-        <div class="todo-item __ready"> <!--модификатор??-->
+        <div class="todo-item"> <!--модификатор??-->
 
             <input type="checkbox" class="todo-item_ready-mark" value="cb_html"
                    aria-label="Пометить как выполненное">
