From d7b89520b723b466e932568dbad501f87e7666c4 Mon Sep 17 00:00:00 2001
From: rajtirole <91474946+rajtirole@users.noreply.github.com>
Date: Thu, 30 Sep 2021 23:14:17 +0530
Subject: [PATCH] Create about_rajtirole

---
 HTML CSS/2021/about_rajtirole | 110 ++++++++++++++++++++++++++++++++++
 1 file changed, 110 insertions(+)
 create mode 100644 HTML CSS/2021/about_rajtirole
diff --git a/HTML CSS/2021/about_rajtirole b/HTML CSS/2021/about_rajtirole
new file mode 100644
index 000000000..ea0e4d1ea
--- /dev/null
+++ b/HTML CSS/2021/about_rajtirole	
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .button {
+            text-decoration: none;
+            padding: 1rem;
+            background-color: blueviolet;
+            color: white;
+            border-radius: 4px;
+            font-size: 2rem;
+        }
+
+        #main {
+            margin: 0;
+            padding: 0;
+        }
+
+        #container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: space-evenly;
+        }
+
+        #profile-pic {
+            height: 40vw;
+            width: 40vw;
+            border-radius: 100%;
+            margin: 1rem;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: violet;
+
+        }
+
+        #about-content {
+            width: 70vw;
+            height: auto;
+            margin: 1rem;
+        }
+
+        #heading-div {
+            margin: 0;
+            padding: 0;
+
+        }
+
+        @media (min-width: 768px) {
+            #container {
+                flex-direction: row;
+            }
+
+            #profile-pic {
+                height: 50vh;
+                width: 50vh;
+
+            }
+
+            #about-content {
+                width: 50%;
+
+            }
+
+
+        }
+    </style>
+</head>
+
+<body>
+    <div id="main">
+        <div id="heading-div">
+            <h1 style="font-size: 4rem; margin: 0;text-align: center;">About me</h1>
+            <h2 style="color: blueviolet;  margin: 0; font-size: 2rem; text-align: center;">
+                -Know me better-</h2>
+        </div>
+        <div id="container">
+
+            <div id="profile-pic">
+                <img src="" alt="here will your image">
+            </div>
+            <div id="about-content">
+
+                <div>
+                    <h2 style="font-size: 3rem;">I'm Kundan and I'm a full stack <span
+                            style="color: blueviolet;">Web-Developer</span></h2>
+                    <p style="font-size: 2rem;">A 2yr. Undergraduate from IIT (ISM) DHANBAD. An incessant learner and
+                        A
+                        keen
+                        observer, Skillled in
+                        Computer Science, Full Stack Web-Developement and Databases. Always ready to learn something new
+                        and
+                        apply it in real life senarios. Open to Opportunities related to Web Developement and Database
+                        Mangagement</p>
+                    <a href="#" class="button">Open CV</a>
+                </div>
+
+            </div>
+        </div>
+    </div>
+
+</body>
+
+</html>
