diff --git a/Alex-Exercises/lesson-01/ex1g.html b/Alex-Exercises/lesson-01/ex1g.html
new file mode 100644
index 0000000..7403ea2
--- /dev/null
+++ b/Alex-Exercises/lesson-01/ex1g.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Exercise 1g</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <style>
+        a{
+            color: rgb(0,113,133);
+        }
+
+        .rate{
+            color: green;
+        }
+
+        .add-cart{
+            background-color: rgb(255,216,20);
+            color: black;
+            height: 40px;
+            width: 130px;
+            cursor: pointer;
+            border: none;
+            border-radius: 20px;
+            margin-right: 8px;
+        }
+        .buy-but{
+            background-color: rgb(255,164,28);
+            color: black;
+            height: 40px;
+            width: 130px;
+            cursor: pointer;
+            border: none;
+            border-radius: 20px;
+            margin-right: 8px;
+        }
+
+
+    </style>
+</head>
+<body>
+    <a href="https://www.amazon.in/?tag=msndeskabkin-21&ref=pd_sl_myh38910b_e&adgrpid=1324913121555467&hvadid=82807336470514&hvnetw=o&hvqmt=e&hvbmt=be&hvdev=c&hvlocint=&hvlocphy=158501&hvtargid=kwd-82807957656483:loc-90&hydadcr=5620_2377278&mcid=bf83b4991e2f3eb79d07c8f0ac1b5488" target="_blank">
+        Back to Amazon
+    </a>
+    <p>
+        Nike Black Running Shoes
+    </p>
+    <p class="rate">
+        Rs.350 - in stock
+    </p>
+    <p>
+        free delivary
+    </p>
+    
+    <button class="add-cart">Add to cart</button>
+    <button class="buy-but">Buy now</button>
+</body>
+</html>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-01/ex_1abcdef.html b/Alex-Exercises/lesson-01/ex_1abcdef.html
new file mode 100644
index 0000000..6f22545
--- /dev/null
+++ b/Alex-Exercises/lesson-01/ex_1abcdef.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Exercise</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+</head>
+<body>
+    <button>click</button>
+    <button>Alex</button>
+    <button>briyani</button>
+    <p>Hello, World !</p>
+    <p>Today i'm started learning html & css !</p>
+
+    <a href="https://www.google.co.in/" target="_blank">Search with google</a>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-02/buttons.html b/Alex-Exercises/lesson-02/buttons.html
new file mode 100644
index 0000000..d5922f1
--- /dev/null
+++ b/Alex-Exercises/lesson-02/buttons.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>button practice</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <style>
+        .uber{
+            background-color: black;
+            color: white;
+            border: none;
+            height: 40px;
+            width: 111px;
+            cursor: pointer;
+        }
+
+        .amazon{
+            background-color: rgb(255,216,20);
+            color: black;
+            border: none;
+            height: 30px;
+            width:140px;
+            border-radius: 15px;
+            margin-left: 8px;
+            cursor: pointer;
+        }
+
+        .github{
+            background-color: rgb(46,169,74);
+            color: white;
+            font-weight: bold;
+            font-size: 15px;
+            border:none;
+            height: 40px;
+            width: 105px;
+            border-radius: 10px;
+            cursor: pointer;
+            margin-left: 8px;
+        }
+
+        .bootstrap{
+            background-color: rgb(121,82,179);
+            color: white;
+            font-weight: bold;
+            border: none;
+            border-radius: 8px;
+            height: 40px;
+            width: 105px;
+            cursor: pointer;
+            margin-top: 15px;
+        }
+        .bootstrap-d{
+            background-color:white;
+            color:  rgb(108,117,125);
+            font-weight: bold;
+            border: 1px solid  rgb(108,117,125);
+            border-radius: 8px;
+            height: 40px;
+            width: 105px;
+            cursor: pointer;
+            margin-top: 15px;
+        }
+
+        .linkedin{
+            background-color: rgb(10,102,194);
+            color: white;
+            font-weight: bold;
+            font-size: 13px;
+            height: 40px;
+            width: 230px;
+            border: none;
+            border-radius: 20px;
+            cursor: pointer;
+            margin-top: 15px;
+        }
+
+        .linkedin-s{
+            background-color: white;
+            color:rgb(10,102,194);
+            font-weight: bold;
+            font-size: 15px;
+            height: 40px;
+            width: 90px;
+            border: 1px solid rgb(10,102,194);
+            border-radius: 20px;
+            cursor: pointer;
+            margin-top: 15px;
+            margin-left: 8px;
+        }
+    </style>
+</head>
+<body>
+    <button class="uber">
+        Request Now
+    </button>
+
+    <button class="amazon">
+        Add to cart
+    </button>
+
+    <button class="github">
+        sign up
+    </button>
+
+    <br>
+
+    <button class="bootstrap">
+        Get started
+    </button>
+    <button class="bootstrap-d">
+        Download
+    </button>
+    
+    <br>
+
+    <button class="linkedin">
+        Apply on company website
+    </button>
+    <button class="linkedin-s">
+        save
+    </button>
+</body>
+</html>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-03/buttons.html b/Alex-Exercises/lesson-03/buttons.html
new file mode 100644
index 0000000..7f13126
--- /dev/null
+++ b/Alex-Exercises/lesson-03/buttons.html
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>button practice</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <style>
+        .uber{
+            background-color: black;
+            color: white;
+            border: none;
+            height: 40px;
+            width: 111px;
+            cursor: pointer;
+            transition: all 0.15s ease;
+        }
+
+        .uber:hover{
+            opacity: 0.8;
+        }
+
+        .amazon{
+            background-color: rgb(255,216,20);
+            color: black;
+            border: none;
+            height: 30px;
+            width:140px;
+            border-radius: 15px;
+            margin-left: 8px;
+            cursor: pointer;
+            transition: all 0.15s ease;
+        }
+        .amazon:hover{
+            background-color: rgb(220, 184, 9);
+        }
+
+        .github{
+            background-color: rgb(46,169,74);
+            color: white;
+            font-weight: bold;
+            font-size: 15px;
+            border:none;
+            height: 40px;
+            width: 105px;
+            border-radius: 10px;
+            cursor: pointer;
+            margin-left: 8px;
+            transition: all 0.15s ease;
+        }
+        .github:hover{
+            box-shadow: 6px 5px 10px rgba(0,0,0,0.5);
+        }
+
+        .bootstrap{
+            background-color: rgb(121,82,179);
+            color: white;
+            font-weight: bold;
+            border: none;
+            border-radius: 8px;
+            height: 40px;
+            width: 105px;
+            cursor: pointer;
+            margin-top: 15px;
+            transition: all 0.15s ease;
+        }
+        .bootstrap:hover{
+            background-color: rgb(102, 69, 152);
+        }
+        .bootstrap-d{
+            background-color:white;
+            color:  rgb(108,117,125);
+            font-weight: bold;
+            border: 1px solid  rgb(108,117,125);
+            border-radius: 8px;
+            height: 40px;
+            width: 105px;
+            cursor: pointer;
+            margin-top: 15px;
+            transition: all 0.15s ease;
+        }
+        .bootstrap-d:hover{
+            color: white;
+            background-color:  rgb(108,117,125);
+        }
+
+        .linkedin{
+            background-color: rgb(10,102,194);
+            color: white;
+            font-weight: bold;
+            font-size: 13px;
+            height: 40px;
+            width: 230px;
+            border: none;
+            border-radius: 20px;
+            cursor: pointer;
+            margin-top: 15px;
+            transition: all 0.15s ease;
+        }
+        .linkedin:hover{
+            background-color:  rgb(6, 86, 167);
+        }
+
+        .linkedin-s{
+            background-color: white;
+            color:rgb(10,102,194);
+            font-weight: bold;
+            font-size: 15px;
+            height: 40px;
+            width: 90px;
+            border: 1px solid rgb(10,102,194);
+            border-radius: 20px;
+            cursor: pointer;
+            margin-top: 15px;
+            margin-left: 8px;
+            transition: all 0.15s ease;
+        }
+        .linkedin-s:hover{
+            border-width: 2px;
+        }
+    </style>
+</head>
+<body>
+    <button class="uber">
+        Request Now
+    </button>
+
+    <button class="amazon">
+        Add to cart
+    </button>
+
+    <button class="github">
+        sign up
+    </button>
+
+    <br>
+
+    <button class="bootstrap">
+        Get started
+    </button>
+    <button class="bootstrap-d">
+        Download
+    </button>
+    
+    <br>
+
+    <button class="linkedin">
+        Apply on company website
+    </button>
+    <button class="linkedin-s">
+        save
+    </button>
+</body>
+</html>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-03/ex1g.html b/Alex-Exercises/lesson-03/ex1g.html
new file mode 100644
index 0000000..3e771d6
--- /dev/null
+++ b/Alex-Exercises/lesson-03/ex1g.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Exercise 1g</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <style>
+        a{
+            color: rgb(0,113,133);
+        }
+
+        .rate{
+            color: green;
+        }
+
+        .add-cart{
+            background-color: rgb(255,216,20);
+            color: black;
+            height: 40px;
+            width: 130px;
+            cursor: pointer;
+            border: none;
+            border-radius: 20px;
+            margin-right: 8px;
+        }
+        .add-cart:hover{
+            opacity: 0.8;
+        }
+        .add-cart:active{
+            opacity: 02;
+        }
+        .buy-but{
+            background-color: rgb(255,164,28);
+            color: black;
+            height: 40px;
+            width: 130px;
+            cursor: pointer;
+            border: none;
+            border-radius: 20px;
+            margin-right: 8px;
+        }
+        .buy-but:hover{
+            opacity: 0.8;
+        }
+        .buy-but:active{
+            opacity: 02;
+        }
+
+
+    </style>
+</head>
+<body>
+    <a href="https://www.amazon.in/?tag=msndeskabkin-21&ref=pd_sl_myh38910b_e&adgrpid=1324913121555467&hvadid=82807336470514&hvnetw=o&hvqmt=e&hvbmt=be&hvdev=c&hvlocint=&hvlocphy=158501&hvtargid=kwd-82807957656483:loc-90&hydadcr=5620_2377278&mcid=bf83b4991e2f3eb79d07c8f0ac1b5488" target="_blank">
+        Back to Amazon
+    </a>
+    <p>
+        Nike Black Running Shoes
+    </p>
+    <p class="rate">
+        Rs.350 - in stock
+    </p>
+    <p>
+        free delivary
+    </p>
+    
+    <button class="add-cart">Add to cart</button>
+    <button class="buy-but">Buy now</button>
+</body>
+</html>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-04/4h.html b/Alex-Exercises/lesson-04/4h.html
new file mode 100644
index 0000000..ec1ce1a
--- /dev/null
+++ b/Alex-Exercises/lesson-04/4h.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Pagination</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <style>
+        .back-btn{
+            margin-right: 8px;
+            padding-top: 8px;
+            padding-bottom: 8px;
+        }
+        .num-page{
+            margin-right: 8px;
+        }
+        .next-btn{
+            padding-top: 8px;
+            padding-bottom: 8px;
+        }
+    </style>
+
+</head>
+<body>
+    <button class="back-btn">Back</button>
+    <a href="#" class="num-page">1</a>
+    <a href="#" class="num-page">2</a>
+    <a href="#" class="num-page">3</a>
+    <a href="#" class="num-page">4</a>
+    <a href="#" class="num-page">5</a>
+    <button class="next-btn">Next</button>    
+</body>
+</html>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-04/4i.html b/Alex-Exercises/lesson-04/4i.html
new file mode 100644
index 0000000..5a5aad1
--- /dev/null
+++ b/Alex-Exercises/lesson-04/4i.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>padding hover</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <style>
+        .Stretch{
+            background-color: green;
+            color: white;
+            border: none;
+            padding: 10px 12px 10px 12px;
+            transition: all 0.5s ease;
+        }
+        .Stretch:hover{
+            padding: 20px 25px 20px 25px;
+
+        }
+    </style>
+</head>
+<body>
+    <button class="Stretch">Stretch</button> 
+</body>
+</html>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-04/4k.html b/Alex-Exercises/lesson-04/4k.html
new file mode 100644
index 0000000..2722e55
--- /dev/null
+++ b/Alex-Exercises/lesson-04/4k.html
@@ -0,0 +1,26 @@
+<style>
+    .btn{
+        background-color: green;
+        color: white;
+        border: none;
+        font-size: 18px;
+        padding: 8px 16px 8px 16px;
+        margin-right: 10px;
+        margin-left: 10px;
+        cursor: pointer;
+        transition: all 0.5s ease;
+
+    }
+    .btn:hover{
+        padding-left: 26px;
+        padding-right: 26px;
+        margin: 0px;
+        margin: 0px;
+    }
+
+</style>
+
+<button class="btn">One</button>
+<button class="btn">Two</button>
+<button class="btn">Three</button>
+
diff --git a/Alex-Exercises/lesson-05/5abcd.html b/Alex-Exercises/lesson-05/5abcd.html
new file mode 100644
index 0000000..2362a2a
--- /dev/null
+++ b/Alex-Exercises/lesson-05/5abcd.html
@@ -0,0 +1,94 @@
+<style>
+    .tohima{
+        font-family: Tahoma;
+        font-size: 24px;
+        font-weight: bold;
+    }
+
+.sales{
+    font-family: Arial;
+    font-size: 24px;
+    font-weight: bold;
+    margin-bottom: 5px;
+}
+.sales-d{
+    font-family: Arial;
+    font-size: 16px;
+    font-style: italic;
+    color: red;
+    margin-top: 0px;
+}
+
+.html-course{
+    font-family: Verdana;
+    font-weight: bold;
+    font-size: 24px;
+    color: black;
+    margin-bottom: 4px;
+}
+.html-beg{
+    font-family: Verdana;
+    font-size: 16px;
+    color: grey;
+    margin-top: 0px;
+    margin-bottom: 20px;
+}
+.html-des{
+    font-family: Verdana;
+    font-size: 20px;
+    width: 350px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+.btn{
+    background-color: green;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    padding: 8px 12px 8px 12px;
+    margin-top: 10px;
+    transition: all 0.1s ease;
+}
+.btn:hover{
+    background-color: rgb(6, 81, 6);
+}
+
+.shop{
+    font-family: Arial;
+    color: black;
+    font-weight: bold;
+    font-size: 24px;
+    margin-bottom: 5px;
+    text-align: center;
+}
+.shop-des{
+    font-family: Arial;
+    color: black;
+    font-size: 16px;
+    margin-bottom: 5px;
+    text-align: center;
+}
+.learn-more{
+    font-family: Arial;
+    text-align: center;
+    color: blue;
+    text-decoration: underline;
+    cursor: pointer;
+}
+</style>
+
+<p class="tohima">
+    This is Tohima font!
+</p>
+
+<p class="sales">Biggest deals of the year!</p>
+<p class="sales-d">Sales end Tuesday</p>
+
+<p class="html-course">HTML CSS Course</p>
+<p class="html-beg">Beginner to Pro</p>
+<p class="html-des">In this course,we'll learn the skills you need to be Devoloper</p>
+<button class="btn">Get started</button>
+
+<p class="shop">Shopping for your business?</p>
+<p class="shop-des">See how Apple at Work can help.</p>
+<p class="learn-more">Learn more ></p>
diff --git a/Alex-Exercises/lesson-05/5efg.html b/Alex-Exercises/lesson-05/5efg.html
new file mode 100644
index 0000000..18e9686
--- /dev/null
+++ b/Alex-Exercises/lesson-05/5efg.html
@@ -0,0 +1,137 @@
+<style>
+    *{
+        margin-top: 0px;
+    }
+    
+    p {
+        font-family: Arial;
+        margin: 0px 0px;
+    }
+
+    .first{
+        background-color: rgb(248, 248, 38);
+        padding: 8px 8px;
+    }
+    .new {
+        color: red;
+        font-size: 14px;
+        text-align: center;
+    }
+
+    .mac {
+        color: black;
+        font-size: 24px;
+        font-weight: bold;
+        text-align: center;
+    }
+
+    .super {
+        color: black;
+        font-size: 32px;
+        font-weight: bold;
+        text-align: center;
+    }
+
+    .price {
+        color: black;
+        font-size: 14px;
+        text-align: center;
+        margin-top: 8px;
+        margin-bottom: 8px;
+    }
+
+    .btn {
+        background-color: blue;
+        color: white;
+        border: none;
+        border-radius: 16px;
+        padding: 8px 12px 8px 12px;
+        display: block;
+        margin: 0 auto;
+        transition: all 0.1s ease;
+    }
+    .btn:hover{
+        background-color: rgb(3, 3, 156);
+    }
+
+    .price-usd{
+        font-size: 24px;
+        margin-bottom: 7px;
+        text-align: center;
+    }
+    .usd{
+        font-size: 16px;
+        color: grey;
+       
+    }
+    .ratio{
+        color: rgb(25, 230, 25);
+        text-align: center;
+    }
+    .increase{
+        font-size: 16px;
+        color: grey;
+        text-align: center;
+        padding-top: 8px;
+    }
+    .dec{
+        color: red;
+ 
+    }
+    .second{
+        border: 1px solid black;
+        padding: 8px 8px;
+    }
+
+    .free{
+        font-size: 16px;
+        font-weight: bold;
+        margin-bottom: 5px;
+    }
+    .email{
+        color: grey;
+        font-weight: lighter;
+    }
+    .free-des{
+        width:auto;
+        margin-bottom: 18px;
+    }
+    .link{
+        color: rgb(31, 154, 255);
+        cursor: pointer;
+    }
+    .third{
+        margin-top: 1px;
+        border: 1px solid red;
+        padding: 8px 8px;
+    }
+</style>
+
+<div class="first">
+    <p class="new">New</p>
+    <p class="mac">MacBook Pro</p>
+    <p class="super">Supercharged for pros.</p>
+    <p class="price">From $1999</p>
+    <button class="btn">Buy</button>
+</div>
+
+<div class="second">
+    <p class="price-usd">1,049.61<span class="usd">USD</span></p>
+    <p class="ratio">+18.05 (1.75%) today</p>
+    <p class="increase">After hours 1,048.00 <span class="dec">-1.61 (0.15%)</span></p>
+</div>
+
+<div class="third">
+    <p class="free">
+        freeCodeCamp.org 
+        <span class="email">@freeCodeCamp 1h</span>
+    </p>
+    <p class="free-des">
+        As a web developer, you'll want to make your projects easy to use and navigate around.
+    </p>
+    <p class="free-footer">
+        Here <span class="link">@chp_it</span> 
+        outlines the top skills developers should have.
+    </p>
+
+</div>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-06,07/7abc.html b/Alex-Exercises/lesson-06,07/7abc.html
new file mode 100644
index 0000000..e407aab
--- /dev/null
+++ b/Alex-Exercises/lesson-06,07/7abc.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Cat image</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <style>
+        #cat-1{
+            width: 400px;
+            border-radius: 40px;
+            margin-right: 18px;
+        }
+        #cat-2{
+            width: 300px;
+            height: 300px;
+            margin-right: 18px;
+            object-fit: cover;
+            object-position: center;
+        }
+        #cat-3{
+            width: 200px;
+            height: 200px;
+            border-radius: 100px;
+            object-fit: cover;
+            object-position: center;
+        }
+    </style>
+</head>
+<body>
+    <img src="cat.jpg" id="cat-1">
+    <img src="cat.jpg" id="cat-2">
+    <img src="cat.jpg" id="cat-3">
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-06,07/7defg.html b/Alex-Exercises/lesson-06,07/7defg.html
new file mode 100644
index 0000000..f2c1c89
--- /dev/null
+++ b/Alex-Exercises/lesson-06,07/7defg.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Text box</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <style>
+        body {
+            display: block;
+            margin: 10px;
+        }
+
+        .box-1 {
+            padding: 12px 15px 12px 15px;
+            font-size: 16px;
+            border: 1px solid grey;
+            border-radius: 4px;
+        }
+
+        .box-2 {
+            margin-top: 20px;
+            padding: 12px 120px 12px 12px;
+            font-size: 16px;
+            border: none;
+            border-radius: 60px;
+            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
+        }
+
+        .label {
+            color: grey;
+            margin-bottom: 3px;
+            font-family: Arial, Helvetica, sans-serif;
+            font-size: 16px;
+        }
+
+        .email {
+            padding: 8px 150px 8px 8px;
+        }
+
+        .btn {
+            background-color: blue;
+            padding: 12px 16px;
+            color: white;
+            border: none;
+            border-radius: 30px;
+            width: 180px;
+            margin-bottom: 30px;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+
+        .btn:hover {
+            background-color: rgb(5, 5, 200);
+        }
+
+        .cat {
+            width: 50px;
+            height: 50px;
+            border-radius: 35px;
+            object-fit: cover;
+            object-position: center;
+            vertical-align: middle;
+        }
+
+        .text {
+            font-family: Arial, Helvetica, sans-serif;
+            font-size: large;
+            color: grey;
+            margin-left: 8px;
+        }
+
+        .tweet {
+            background-color: rgb(8, 98, 195);
+            color: white;
+            border: none;
+            border-radius: 16px;
+            padding: 8px 8px 8px 8px;
+            font-weight: bold;
+            margin-left: 60px;
+        }
+
+        .twitter {
+            border: 2px solid black;
+            padding: 12px 10px;
+            width: 350px;
+        }
+
+        .google{
+            border: 2px solid black;
+            padding: 12px 10px;
+            width: 350px;
+        }
+
+        .email-div{
+            border: 2px solid black;
+            padding: 8px 10px;
+            width: 350px;
+            align-items: center;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="google">
+        <input type="text" placeholder="Search" class="box-1">
+        <br>
+        <input type="text" placeholder="Search Google or type URL" class="box-2">
+    </div>
+    <br>
+    <div class="email-div">
+        <p class="label">Email</p>
+        <input type="email" class="email" placeholder="enter email">
+        <p class="agree" style="color: grey;">By clicking Agree & Join,You agree to the policy.</p>
+        <button class="btn">Agree & Continue</button>
+    </div>
+    <br>
+    <div class="twitter">
+        <img src="cat.jpg" class="cat">
+        <span class="text">whats on you mind !</span>
+        <button class="tweet">TWEET</button>
+    </div>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Alex-Exercises/lesson-06,07/cat.jpg b/Alex-Exercises/lesson-06,07/cat.jpg
new file mode 100644
index 0000000..4b27ca8
Binary files /dev/null and b/Alex-Exercises/lesson-06,07/cat.jpg differ
diff --git a/lesson-08/8ab.html b/lesson-08/8ab.html
new file mode 100644
index 0000000..32d0fe3
--- /dev/null
+++ b/lesson-08/8ab.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>8 A B</title>
+
+    <style>
+        input{
+            display: block;
+            margin-top: 8px;
+            width: 200px;
+        }
+
+        p{
+            width: 200px;
+            display: inline-block;
+            vertical-align:middle;
+            align-content: space-between;
+        }
+
+        button{
+            background-color: darkgray;
+            color: black;
+            padding: 8px 14px;
+            border: 0px;
+        }
+
+        div{
+            border: 2px solid black;
+            margin-top: 12px;
+        }
+    </style>
+</head>
+<body>
+    <input type="text" placeholder="Name">
+    <input type="text" placeholder="Email"> 
+
+    <div>
+        <p>
+            Thanks for chatting with our customer support. Would you like to take our wuick survey?
+        </p>
+        <button>Yes</button>
+        <button>No</button>
+    </div>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/lesson-08/8c.html b/lesson-08/8c.html
new file mode 100644
index 0000000..7eb5943
--- /dev/null
+++ b/lesson-08/8c.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Google</title>
+    <style>
+        .logo {
+            width: 200px;
+            margin-bottom: 20px;
+            display: block;
+            margin-left: 650px;
+            margin-top: 220px;
+        }
+
+        .box-2 {
+            margin-left: 530px;
+            padding: 12px 250px 12px 12px;
+            font-size: 16px;
+            border: none;
+            border-radius: 60px;
+            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
+        }
+    </style>
+</head>
+<body>
+    <img src="image.png" class="logo">
+    <input type="text" placeholder="Search Google or type URL" class="box-2">
+</body>
+</html>
\ No newline at end of file
diff --git a/lesson-08/8de.html b/lesson-08/8de.html
new file mode 100644
index 0000000..bf52c2d
--- /dev/null
+++ b/lesson-08/8de.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Login Page</title>
+
+    <style>
+        .name{
+            display: inline-block;
+            padding: 14px 24px;
+            border: 1px solid black;
+            border-radius: 8px;
+            width: 100px;
+        }
+
+        .email{
+            display: block;
+            padding: 14px 24px;
+            border: 1px solid black;
+            border-radius: 8px;
+            width: 254px;
+            margin-top: 8px;
+        }
+        .signup-btn{
+            background-color: blue;
+            color: white;
+            font-weight: bold;
+            border: none;
+            border-radius: 8px;
+            width: 302px;
+            padding: 16px 20px;
+            margin-top: 8px;
+
+        }
+
+        .msg{
+            font-family: Arial, Helvetica, sans-serif;
+            font-size: 36px;
+            margin-bottom: 8px;
+            font-weight: bold;
+        }
+
+        .route{
+            display: block;
+            padding: 12px 16px;
+            width: 250px;
+            margin-bottom: 8px;
+            background-color: rgb(227, 227, 227);
+            border: none;
+            color: grey;
+            font-weight: bold;
+        }
+
+        .req-btn,.schedule-btn{
+            padding: 12px 16px;
+            display: inline-block;
+        }
+        .req-btn{
+            background-color: black;
+            border: none;
+            color: white;
+            font-weight: bold;
+            margin-right: 6px;
+            cursor: pointer;
+        }
+        .schedule-btn{
+            background-color: rgb(227, 227, 227);
+            border: none;
+            color: grey;
+            font-weight: bold;
+            cursor: pointer;
+            margin-left: 12px;
+        }
+
+
+
+    </style>
+
+</head>
+<body>
+    <input type="text" placeholder="First Name" class="name">
+    <input type="text" placeholder="Last Name" class="name">
+    <input type="text" placeholder="Email" class="email">
+    <button class="signup-btn">Sign Up</button>
+
+    <p class="msg">Request a ride now</p>
+    <input type="text" placeholder="Enter pickup location" class="route">
+    <input type="text" placeholder="Enter Destination" class="route">
+    <button class="req-btn">Request now</button>
+    <button class="schedule-btn">Schedule for later</button>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/lesson-08/image.png b/lesson-08/image.png
new file mode 100644
index 0000000..b27cea8
Binary files /dev/null and b/lesson-08/image.png differ
