14Muhammad · ahmadnaeem123 · Apr 2, 2019 · Apr 5, 2019 · Apr 9, 2019 · Apr 16, 2019
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/lec 07/about.html b/lec 07/about.html
@@ -3,8 +3,28 @@
 <head>
     <meta charset="UTF-8">
     <title>About</title>
+    <link rel="stylesheet" href="style.css">
+    <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
 </head>
 <body>
     <h1>Cascading Style Sheet</h1>
+
+    <div class="box">A</div>
+    <div class="box">B</div>
+    <div class="box">C</div>
+    <div class="box">D</div>
+
+    <p class="highlight">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi nam nemo quo soluta ullam! Aperiam,
+        consectetur consequuntur debitis deserunt doloremque eius impedit maiores, nam obcaecati odio officia rerum,
+        unde vero!</p>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/AGBjI0x9VbM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    <p class="highlight">Ab at, consequuntur corporis cumque delectus distinctio dolore doloribus eum ex excepturi impedit, incidunt iste
+        laborum necessitatibus nihil officiis placeat quia quo rem tempora ut veritatis, voluptatibus. Autem, illum
+        velit!</p>
+    <p class="highlight"> Aperiam asperiores aspernatur consequuntur dignissimos dolorem doloremque harum itaque labore laudantium magni,
+        minima nam nostrum nulla odit placeat provident quaerat quasi rem repellendus reprehenderit soluta tenetur totam
+        voluptates? Facilis, maxime?</p>
+    <p class="highlight">Accusamus amet asperiores aut cupiditate deserunt dignissimos dolores ea eos et eveniet expedita harum illum
+        impedit, in ipsa ipsam itaque iusto, nemo provident quae quaerat quam quidem repudiandae suscipit veniam.</p>
 </body>
 </html>
diff --git a/lec 07/style.css b/lec 07/style.css
@@ -0,0 +1,24 @@
+.box{
+
+    color: red;
+    border: 5px solid blueviolet;
+    display: inline-block;
+    padding: 20px 50px 5px 25px;
+    margin: 30px;
+
+
+
+}
+
+.highlight{
+    letter-spacing: 5px;
+    word-spacing: 10px;
+  /*  text-decoration: overline;*/
+    font-style: italic;
+    font-weight: bold;
+    font-style: 80%;
+    font-size: 2em;
+    font-family: 'Indie Flower', cursive;
+
+
+}
diff --git a/lec 09/robot/style.css b/lec 09/robot/style.css
@@ -41,6 +41,12 @@ h1 {
     display: flex;
 }
 
+
+
+#pond {
+    display: flex;
+    align-items: flex-start;
+}
 .left_arm, .right_arm {
     width: 40px;
     height: 125px;

diff --git a/lec 15/index.html b/lec 15/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+ <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">

diff --git a/lec 15/script.js b/lec 15/script.js
@@ -8,4 +8,94 @@ https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
 b1.addEventListener("mouseenter",function () {
     console.log("mouse entered !")
 })*/
+var button = document.getElementById("enter");
+var input = document.getElementById("user-input");
+var ul = document.getElementsByTagName("ul")[0];
+console.log(button) ;
+
+function inputlength(){
+      if(input.value.length>0) {
+          return true;
+      }
+      else {
+          return false;
+      }
+
+}
+  function listitem()
+  {
+          var li = document.createElement("li");
+          li.append(document.createTextNode(input.value));
+          ul.append(li);
+          input.value='';
+  }
+
+  function additemafterclick()
+  {          if(inputlength()) {
+                  listitem();
+
+
+
+  }
+  }
+
+  function additemafterpress(e) {
+      if (inputlength() && e.which === 13) {
+          listitem();
+      }
+  }
+   function isdone()
+   {
+
+       this.classList.toggle("done");
+
+   }
+
+
+button.addEventListener("click",additemafterclick);
+input.addEventListener("keypress",additemafterpress);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
diff --git a/lec 8/8l.html b/lec 8/8l.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>About</title>
+    <link rel="stylesheet" href="style1.css">
+
+</head>
+<body>
+<h1>Animal life on planet</h1>
+<div>
+     <img src="https://static.pexels.com/photos/52500/horse-herd-fog-nature-52500.jpeg">
+    <img src="https://static.pexels.com/photos/66898/elephant-cub-tsavo-kenya-66898.jpeg">
+    <img src="https://static.pexels.com/photos/213399/pexels-photo-213399.jpeg">
+    <img src="https://static.pexels.com/photos/158471/ibis-bird-red-animals-158471.jpeg">
+    <img src="https://static.pexels.com/photos/133459/pexels-photo-133459.jpeg">
+    <img src="https://static.pexels.com/photos/50988/ape-berber-monkeys-mammal-affchen-50988.jpeg">
+
+
+
+
+
+</div>
+
+
+
+
+</body>
+</html>