diff --git a/Set-Algebra/index.html b/Set-Algebra/index.html
index cd5d1a1..ae72e58 100644
--- a/Set-Algebra/index.html
+++ b/Set-Algebra/index.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/x-icon" href="../Set-Algebra/favicon.png">
+    <link rel="icon" type="image/x-icon" href="favicon.png">
     <title>Set Algebra Calculator</title>
 
     <link rel="stylesheet" href="../style.css">
diff --git a/img/Boolean-Algebra.png b/img/Boolean-Algebra.png
new file mode 100644
index 0000000..5dd962f
Binary files /dev/null and b/img/Boolean-Algebra.png differ
diff --git a/img/Set-Algebra.png b/img/Set-Algebra.png
new file mode 100644
index 0000000..460ba6f
Binary files /dev/null and b/img/Set-Algebra.png differ
diff --git a/index.html b/index.html
index e552cf0..dc979c4 100644
--- a/index.html
+++ b/index.html
@@ -5,10 +5,10 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/x-icon" href="img/favicon.png">
+    <title>CDM Calculator</title>
 
-    <title>Lab-1</title>
-
-    <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="style.css">
 
 </head>
 
@@ -20,8 +20,8 @@
             <div class="content">
                 <h3><a href="">CDM</a></h3>
                 <div class="theme">
-                    <h3><a href="/Lab-1/index.html">Set Algebra</a></h3>
-                    <h3><a href="/Lab-2/index.html">Boolean Algebra</a></h3>
+                    <h3><a href="Set-Algebra/index.html">Set Algebra</a></h3>
+                    <h3><a href="">Boolean Algebra</a></h3>
                 </div>
             </div>
 
@@ -30,36 +30,18 @@
         <div class="wrapper">
 
             <div class="wrap-side">
-                <h1>Sets</h1>
-                <div id="sets">
-                    <div class="input-wrap">
-                        <h1 class="text">Set A = </h1>
-                        <div class="input"><input type="set" onkeydown="return checkInputSet(event.key, this.value)" id="set0" placeholder="1,2,3" /></div>
-                    </div>
-                    <div class="input-wrap">
-                        <h1 class="text">Set B = </h1>
-                        <div class="input"><input type="set" onkeydown="return checkInputSet(event.key, this.value)" id="set1" placeholder="Define set" /></div>
-                    </div>
-                </div>
-                <input class="addSet" type="button" value="Add Set" onclick="AddSet()" />
+                <a href="Set-Algebra/index.html" class="calculator">
+                    <img src="img/Set-Algebra.png">
+                    <h1>Set Algebra Calculator</h1>
+                </a>
             </div>
 
             <div class="wrap-side">
-                <h1>Problem</h1>
-                <h2><input type="problem" id="formula" onkeydown="return checkInputProblem(event.key)" placeholder="!A-C+B/U" /></h2>
-                <div class="buttons">
-                    <input class="button" type="button" id="calculate" value="Evaluate" onclick="Evaluate(true)" />
-                    <input class="button" type="button" id="calculate" value="Step by step" onclick="stepByStep()" />
-                </div>
-                <div class="wrap-result">
-                    <div class="input-wrap">
-                        <h1 class="text">Result </h1>
-                        <div class="input"><input type="result" id="result" readonly/></div>
-                    </div>
-                </div>
-                <h6 class="description">Define sets: A, B, C, and Universal set. Then write the problem you need to solve. </h6>
+                <a href="" class="calculator">
+                    <img src="img/Boolean-Algebra.png">
+                    <h1>Boolean Algebra Calculator</h1>
+                </a>
             </div>
-        </div>
 
 </body>
 
diff --git a/style.css b/style.css
index e0ac775..64175dd 100644
--- a/style.css
+++ b/style.css
@@ -248,6 +248,12 @@ input[type=button] {
     cursor: pointer;
     font-size: 18px;
     font-family: Myriad-R;
+    transition: 1s;
+}
+
+input[type=button]:hover {
+    background-color: rgba(255, 255, 255, 0.7);
+    transition: 1s;
 }
 
 input[type=result] {
@@ -323,6 +329,38 @@ input[type=result] {
     display: none;
 }
 
+
+/* ------------------Main-------------- */
+
+.calculator {
+    display: flex;
+    flex-direction: column;
+    margin: 20px auto;
+    width: 90%;
+    max-width: 250px;
+    background-color: rgba(255, 255, 255, 0.3);
+    border-radius: 20px;
+    padding: 20px;
+    transition: 1s;
+}
+
+.calculator img {
+    height: 100px;
+    margin: 20px auto;
+}
+
+.calculator:hover {
+    background-color: rgba(255, 255, 255, 0.5);
+    transition: 1s;
+}
+
+.calculator h1 {
+    margin: 0 auto;
+    text-align: center;
+    font-size: 23px;
+    max-width: 200px;
+}
+
 @media screen and (max-device-width: 650px) and (min-device-width: 0px) {
     .wrapper {
         flex-direction: column;