diff --git a/Ksenia Myakinkaya/index.html b/Ksenia Myakinkaya/index.html
new file mode 100644
index 0000000..ab1098f
--- /dev/null
+++ b/Ksenia Myakinkaya/index.html	
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>TODO List</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel='stylesheet' type='text/css' media='screen' href='./style/main.css'>
+</head>
+<body>
+    <header>
+        <span>TODO List</span>
+        <select id="filter">
+            <option selected value="all">Все задачи</option>
+            <option value="true">Выполненные</option>
+            <option value="false">Предстоящие</option>
+            <option value="expired">Просроченные</option>
+            <option value="tomorrow">Дедлайн завтра</option>
+            <option value="weak">Дедлайн неделя</option>
+        </select>
+    </header>
+    <section class="add-new"><span id="add">Добавить новую задачу</span></section>
+    <section class="main">
+    </section>
+    <footer>
+        <span>Myakinkaya Ksenia, Homework js-3</span>
+    </footer>
+    <script src='./script/main.js'></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/Ksenia Myakinkaya/script/main.js b/Ksenia Myakinkaya/script/main.js
new file mode 100644
index 0000000..2b0f410
--- /dev/null
+++ b/Ksenia Myakinkaya/script/main.js	
@@ -0,0 +1,182 @@
+var list = [];
+
+function Point(name, deadline){
+    this.name=name;
+    this.done=false;
+    if (deadline!=undefined && deadline!=''){
+        this.deadline=new Date(deadline);
+    }
+    else this.deadline=null;
+}
+
+Point.prototype.do = function(){
+    this.done=true;
+    ShowList();
+}
+
+Point.prototype.isExpired = function(){
+    var today=new Date();
+    if(this.deadline!=null && this.deadline-today<=-1000*60*60*24 && this.done===false){
+        this.done=null;
+    }
+}
+
+function AddElement(){
+    for (let i=0;i<arguments.length;i++){
+        list.push(arguments[i]);
+    }
+    ShowList();
+}
+
+function DeleteElement(point){
+    for (let i=0; i<list.length; i++){
+        if ((point===list[i])){
+            list.splice(i,1)
+        }
+    }
+    ShowList();
+}
+
+function FilterDone(done){
+    ClearView();
+    for (let i=0; i<list.length; i++){
+        if(list[i].done===done){
+            CreateTaskView(list[i]);
+        }
+    }
+}
+
+function FilterTommorow(){
+    ClearView();
+    var today=new Date();
+    for (let i=0; i<list.length; i++){
+        if(list[i].deadline!=null && list[i].deadline-today<=1000*60*60*24 && list[i].done!=null){
+            CreateTaskView(list[i]);
+        }
+    }
+}
+
+function FilterWeak(){
+    ClearView();
+    var newList=[];
+    var today=new Date();
+    for (let i=0; i<list.length; i++){
+        if(list[i].deadline!=null && list[i].deadline-today<=1000*60*60*24*7 && list[i].done!=null){
+            CreateTaskView(list[i]);
+        }
+    }
+}
+
+
+function CreateTaskView(point){
+        var main=document.querySelector(".main");
+        var task=document.createElement("section");
+        task.classList.add("main__task");
+        main.appendChild(task);
+        var task_name=document.createElement("section");
+        var task_deadline=document.createElement("section");
+        var task_status=document.createElement("section");
+        var task_delete=document.createElement("section");
+        task_name.append(point.name);
+        task_name.classList.add("main__def");
+        task_deadline.append(GetDate(point.deadline)||"");
+        task_deadline.classList.add("main__def")
+        task_status.classList.add("main__status");
+        if (point.done){
+            task_name.classList.add("main__def_done")
+            task_deadline.classList.add("main__def_done")
+            task_status.classList.add("main__status_done")
+        }
+        else {
+            point.isExpired();
+            if (point.done===null){
+                task_deadline.classList.add("main__def_expired")
+            }
+        }
+        task_status.addEventListener('click', function() {point.do()})
+        task_delete.append("Delete task");
+        task_delete.classList.add("main__def");
+        task_delete.setAttribute("id","delete");
+        task_delete.addEventListener('click', function() {DeleteElement(point)});
+        task.appendChild(task_name);
+        task.appendChild(task_deadline);
+        task.appendChild(task_status);
+        task.appendChild(task_delete);
+}
+
+function ClearView(){
+    var main = document.querySelector(".main");
+    while (main.firstChild) {
+        main.removeChild(main.firstChild);
+    }
+}
+
+
+
+function GetDate(date){
+    if (date===null) return null;
+    else return date.toDateString();
+}
+
+function CreateAddTaskMenu(){
+    var parent = document.querySelector(".add-new");
+    parent.removeChild(parent.firstChild);
+    parent.classList.add("add-new_clicked");
+    parent.append("Введи новую задачу:");
+    var task_name=document.createElement("input");
+    task_name.setAttribute("type", "text");
+    parent.appendChild(task_name);
+    parent.append('Установи дедлайн:');
+    var task_deadline=document.createElement("input");
+    task_deadline.setAttribute("type", "date");
+    parent.appendChild(task_deadline);
+    var add_button= document.createElement("button");
+    add_button.append("Добавить в список")
+    add_button.addEventListener("click",function(){
+        var MyPoint= new Point(task_name.value, task_deadline.value);
+        AddElement(MyPoint);
+        task_name.value='';
+        task_deadline.valueAsDate=new Date();
+    });
+    parent.appendChild(add_button);
+}
+
+
+function ShowList(){
+    ClearView();
+    for (let i=0; i<list.length; i++){
+        CreateTaskView(list[i]);
+    }
+    var filter=document.getElementById("filter");
+    filter.value="all";
+}
+
+ShowList();
+
+(function(){
+    var add_button=document.getElementById("add");
+    add_button.addEventListener('click',function(){CreateAddTaskMenu()});
+    var filter=document.getElementById("filter");
+    filter.addEventListener('change',function(){
+        switch (filter.value){
+        case "all":
+            ShowList();
+            break;
+        case "true":
+            FilterDone(true);
+            break;
+        case "false":
+            FilterDone(false);
+            break;
+        case "expired":
+            FilterDone(null);
+            break;
+        case "tomorrow":
+            FilterTommorow();
+            break;
+        case "weak":
+            FilterWeak();
+            break;
+    }
+    })
+}());
diff --git a/Ksenia Myakinkaya/style/fonts/OFL.txt b/Ksenia Myakinkaya/style/fonts/OFL.txt
new file mode 100644
index 0000000..3219811
--- /dev/null
+++ b/Ksenia Myakinkaya/style/fonts/OFL.txt	
@@ -0,0 +1,95 @@
+Copyright (c) 2010, Matt McInerney (matt@pixelspread.com),
+Copyright (c) 2011, Pablo Impallari (www.impallari.com|impallari@gmail.com),
+Copyright (c) 2011, Rodrigo Fuenzalida (www.rfuenzalida.com|hello@rfuenzalida.com), with Reserved Font Name Raleway
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/Ksenia Myakinkaya/style/fonts/Raleway.ttf b/Ksenia Myakinkaya/style/fonts/Raleway.ttf
new file mode 100644
index 0000000..5118685
Binary files /dev/null and b/Ksenia Myakinkaya/style/fonts/Raleway.ttf differ
diff --git a/Ksenia Myakinkaya/style/main.css b/Ksenia Myakinkaya/style/main.css
new file mode 100644
index 0000000..38f19c1
--- /dev/null
+++ b/Ksenia Myakinkaya/style/main.css	
@@ -0,0 +1,103 @@
+@font-face{
+    font-family: 'Raleway';
+    src: url(./fonts/Raleway.ttf) format ('ttf');  
+    font-weight: normal;
+    font-style: normal;   
+}
+
+body{
+    margin: 0;
+    display: grid;
+    grid-template-rows: 50px auto 1fr 50px;
+    font-family: 'Raleway';
+    font-size: 30px;
+    min-height: 100vh;
+}
+
+header{
+    padding: 5px;
+    font-size: 40px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+select{
+    height: 40px;
+    font-family: 'Raleway';
+    font-size: 30px;
+}
+
+button{
+    height: 40px;
+    font-family: 'Raleway';
+    font-size: 30px;
+}
+
+.add-new{
+    padding: 20px;
+    margin: 20px 0;
+    border: 1px solid black;
+    border-radius: 10px;
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    margin: 10px;
+}
+
+.add-new_clicked{
+    width: auto;
+}
+
+.input{
+    padding: 20px;
+    background-color: lightgray;
+}
+
+.main{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 20px 0;
+}
+
+footer{
+    font-size: 20px;
+}
+
+.main__task{
+    border: 1px solid black;
+    border-radius: 10px;
+    width: 80vw;
+    margin: 10px 0;
+    text-align: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.main__def{
+    width: 25%;
+}
+
+.main__def_done{
+    text-decoration: line-through;
+}
+
+.main__def_expired{
+    color: crimson;
+}
+
+.main__status{
+    border: 1px solid black;
+    width:  25px;
+    height: 25px;
+}
+
+.main__status_done{
+    background-color: #000;
+}
+
+
