This is day2 assignment.

nimiyakujjwal · Sep 21, 2021 · 19d0557 · 19d0557
1 parent 8a2b995
commit 19d0557
Show file tree

Hide file tree

Showing 4 changed files with 90 additions and 0 deletions.
diff --git a/assignment-day2/assignment-day2.html b/assignment-day2/assignment-day2.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Assignment Day2</title>
+        <link rel="stylesheet" href="day2.css">
+        <style>
+            .two{
+                height: auto;
+                width: auto;
+                background-color: lightgreen;
+            }
+            .three{
+                height: auto;
+                width: auto;
+                background-color: pink;
+            }
+            .common{
+                height: 100px;
+                width: 100px;
+                background-color: red;
+            }
+            p{
+                color: black;
+                font-family: Verdana;
+                font-size: medium;
+            }
+
+        </style>
+    </head>
+    <body>
+        <section class="one">
+            <div class="first">
+                <p>This division is created using External css</p>
+            </div>
+            <div class="second">
+                <p>This division is created using External css</p>
+            </div>
+            <div class="third">
+                <p>This division is created using External css</p>
+            </div>
+        </section>
+        <section class="two">
+            <div class="common">
+                <p>This division is created using internal css</p>
+            </div>
+            <div class="common">
+                <p>This division is created using internal css</p>
+            </div>
+        </section>
+        <section class="three">
+            <p>Grace Hopper</p>
+            <img src="./media/grace-hopper.jpg" alt="Grace Hopper">
+            <hr>
+            <p>Steve Shirley</p>
+            <img src="./media/steve-shirley.jpg" alt="Steve Shirley">
+        </section>
+
+        <center>    
+            <p> Thank You!</p>
+            <p> --Ujjwal</p>
+        </center>
+
+    </body>
+</html>
diff --git a/assignment-day2/day2.css b/assignment-day2/day2.css
@@ -0,0 +1,26 @@
+.one{
+    height: auto;
+    width: auto;
+    background-color: aqua;
+    padding: 20px;
+    border: blue;
+    border-width: 10px;
+    display: inline-block;
+}
+.first{
+    height: 150px;
+    width: 200px;
+    background-color: crimson;
+}
+.second{
+    height: 150px;
+    width: 200px;
+    background-color: darkgoldenrod;
+    border: darkred;
+    border-radius: 5px;
+}
+.third{
+    height: 150px;
+    width: 200px;
+    background-color: darkgreen;
+}
diff --git a/assignment-day2/media/grace-hopper.jpg b/assignment-day2/media/grace-hopper.jpg
diff --git a/assignment-day2/media/steve-shirley.jpg b/assignment-day2/media/steve-shirley.jpg