diff --git a/index.html b/index.html
index bcb96eb..957088e 100644
--- a/index.html
+++ b/index.html
@@ -1,102 +1,102 @@
 <!DOCTYPE html>
-
 <html>
 
 <head>
-	<title>
-		Simple web Development Template
-	</title>
+  <title>
+    Simple web Development Template
+  </title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+  <style type="text/css" media="all">
+    p {
+      font-family: 'Space Grotesk', sans-serif;
+      font-weight: 200;
+      font-size: 17px;
+    }
+  </style>
 </head>
 
-<body bgcolor="black" text="red">
-
-	<section class="firstsection">
-		<div class="box-main">
-			<div class="firstHalf">
-				<h1 class="text-big" id="web">
-					Web Technology
-				</h1>
-				
-				<p class="text-small">
-					HTML stands for HyperText Markup
-					Language. It is used to design
-					web pages using a markup language.
-					HTML is the combination of Hypertext
-					and Markup language. Hypertext
-					defines the link between the web
-					pages. A markup language is used
-					to define the text document within
-					tag which defines the structure of
-					web pages. HTML is a markup language
-					that is used by the browser to
-					manipulate text, images, and other
-					content to display it in the required
-					format.
-				</p>
-
-
-			</div>
-		</div>
-	</section>
-
-	<section class="secondsection">
-		<div class="box-main">
-			<div class="secondHalf">
-				<h1 class="text-big" id="program">
-					C Programming
-				</h1>
-				<p class="text-small">
-					C is a procedural programming language.
-					It was initially developed by Dennis
-					Ritchie as a system programming
-					language to write operating system.
-					The main features of C language include
-					low-level access to memory, simple set
-					of keywords, and clean style, these
-					features make C language suitable for
-					system programming like operating system
-					or compiler development.
-				</p>
-
-
-			</div>
-		</div>
-	</section>
-
-	<section class="section">
-		<div class="paras">
-			<h1 class="sectionTag text-big">Java</h1>
-
-			<p class="sectionSubTag text-small">
-				Java has been one of the most
-				popular programming language
-				for many years. Java is Object
-				Oriented. However it is not
-				considered as pure object oriented
-				as it provides support for primitive
-				data types (like int, char, etc) The
-				Java codes are first compiled into byte
-				code (machine independent code). Then
-				the byte code is run on Java Virtual
-				Machine (JVM) regardless of the
-				underlying architecture.
-			</p>
-
-
-		</div>
-
-		<div class="thumbnail">
-			<img src="img.png" alt="laptop image">
-		</div>
-	</section>
-
-	<footer class="background">
-		<p class="text-footer">
-			Copyright ©-All rights are reserved
-		</p>
-
-
-	</footer>
+<body leftmargin=10% rightmargin=10% topmargin=100px bottommargin=100px bgcolor=#0b0b1b text=#fff style="font-family: Poppins, serif;font-weight: 800; width:80%; height:80%;">
+  <div style="background: #111; padding: 40px; border: 2px solid #222; border-radius: 9px;">
+    <section class="firstsection">
+      <div class="box-main">
+        <div class="firstHalf">
+          <h1 class="text-big" id="web">
+            Web Technology
+          </h1>
+          <hr size="8px" color="#222" />
+          <p class="text-small">
+            HTML stands for HyperText Markup
+            Language. It is used to design
+            web pages using a markup language.
+            HTML is the combination of Hypertext
+            and Markup language. Hypertext
+            defines the link between the web
+            pages. A markup language is used
+            to define the text document within
+            tag which defines the structure of
+            web pages. HTML is a markup language
+            that is used by the browser to
+            manipulate text, images, and other
+            content to display it in the required
+            format.
+          </p><br />
+        </div>
+      </div>
+    </section>
+    <section class="secondsection">
+      <div class="box-main">
+        <div class="secondHalf">
+          <h1 class="text-big" id="program">
+            C Programming
+          </h1>
+          <hr size="8px" color="#222" />
+          <p class="text-small">
+            C is a procedural programming language.
+            It was initially developed by Dennis
+            Ritchie as a system programming
+            language to write operating system.
+            The main features of C language include
+            low-level access to memory, simple set
+            of keywords, and clean style, these
+            features make C language suitable for
+            system programming like operating system
+            or compiler development.
+          </p>
+        </div>
+      </div><br />
+    </section>
+    <section class="section">
+      <div class="paras">
+        <h1 class="sectionTag text-big">Java</h1>
+        <hr size="8px" color="#222" />
+        <p class="sectionSubTag text-small">
+          Java has been one of the most
+          popular programming language
+          for many years. Java is Object
+          Oriented. However it is not
+          considered as pure object oriented
+          as it provides support for primitive
+          data types (like int, char, etc) The
+          Java codes are first compiled into byte
+          code (machine independent code). Then
+          the byte code is run on Java Virtual
+          Machine (JVM) regardless of the
+          underlying architecture.
+        </p><br />
+      </div>
+      <div class="thumbnail">
+        <img style="border-radius: 8px; border-bottom-left-radius: 0; border: 2px solid #333" src="https://images.unsplash.com/photo-1610465299993-e6675c9f9efa?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8ZGFyayUyMGxhcHRvcHxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="Laptop image">
+      </div>
+    </section>
+    <footer class="background">
+      <p class="text-footer">
+        Copyright &copy; All rights are reserved
+      </p>
+    </footer>
+  </div>
 </body>
 
 </html>
