From 1f98c3b4b3c11d3c0d39bddd3d0ef45c5c4d0746 Mon Sep 17 00:00:00 2001
From: Neeraj Rekwar <88387699+neerajrekwar@users.noreply.github.com>
Date: Thu, 22 Feb 2024 22:33:14 +0530
Subject: [PATCH] hgd

---
 index.html | 134 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 81 insertions(+), 53 deletions(-)
diff --git a/index.html b/index.html
index 5675161a4b..d9ff75be2e 100644
--- a/index.html
+++ b/index.html
@@ -20,10 +20,10 @@
   <link rel="stylesheet" href="./src/grid.css">
   <script src="https://cdn.tailwindcss.com"></script>
   <link rel="icon" sizes="180x180" href="/images/favicon.ico" />
-  
+
   <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=Alata&display=swap" rel="stylesheet">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
 
   <link rel="alternate" href="https://neerajrekwar.github.io/" hreflang="x-default" />
   <link rel="alternate" href="https://neerajrekwar.github.io/" hreflang="en" />
@@ -94,58 +94,86 @@
 
 <body class="alata-regular">
   <!-- <header></header> -->
-    <main class="grid-tamplate-area">
-      <section class="grid-box a grid-col-span-2 grid-row-span-2">
-        <figure class="ms:lg items-end m-1 lg:flex shrink rounded-2xl  bg-slate-100">
-          <img class="h-42 w-42 m-auto  p-1 sm:w-80" srcset="https://github.com/neerajrekwar/neerajrekwar.github.io/blob/ne/assets/images/IMG_20230329_105451_089.jpg?raw=true" alt="Neeraj Rekwar" />
-         
-          <figcaption class="p-1 text-slate-500">
-             <h2 class="px-3 text-xl flex-none text-cyan-600">Neeraj Rekwar</h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum at voluptatum deleniti labore porro illo rem tempore corporis dolores!</figcaption>
-          <div class="p-3">
-            <button class="m-1 rounded bg-slate-300 p-1 px-3 font-bold"><a href="mailto:dev.neerajrekwar@gmail.com" data-abc="true">Email</a></button>
-            <button class="m-1 rounded bg-slate-300 p-1 px-3 font-bold"><a href="/" download="/" data-abc="true"> resume </a></button>
-          </div>
-        </figure>
-      </section>
-      <section class="grid-box b">
-        <h2 class="text-1xl bg-slate-600 p-1 text-slate-400">Work</h2>
-        <div class="mb-2 rounded-b-2xl p-1">
-          <h3 class="font-bold text-lg ">Assistant Administrative</h3>
-          <ul class="py-2">
-            <li class="-my-1 py-2  sm:text-sm">Veecrew Market Research Pvt. Ltd.</li>
-            <li class="-my-1 py-1 leading-[5px] text-xs">August 2021 - February 2022</li>
-          </ul>
-          <p class="py-6 text-slate-600 lg:text-lg">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt optio sunt repudiandae nemo, ducimus quisquam repellendus odio. Quidem reiciendis repellat vitae asperiores et odit aspernatur totam, ut tempore neque necessitatibus.</p>
+  <main class="grid-tamplate-area">
+    <section class="grid-box a grid-col-span-2 grid-row-span-2">
+      <figure class="ms:lg m-1 shrink items-end rounded-2xl bg-slate-100 lg:flex">
+        <img class="h-42 w-42 m-auto p-1 sm:w-80"
+          srcset="https://github.com/neerajrekwar/neerajrekwar.github.io/blob/ne/assets/images/IMG_20230329_105451_089.jpg?raw=true"
+          alt="Neeraj Rekwar" />
+
+        <figcaption class="p-1 text-slate-500">
+          <h2 class="my-1 flex-none text-xl text-[#284B63]">Neeraj Rekwar</h2>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum at voluptatum deleniti labore porro illo rem
+          tempore corporis dolores!
+        </figcaption>
+        <div class="p-3">
+          <button class="m-1 rounded bg-slate-300 p-1 px-3 font-bold"><a href="mailto:dev.neerajrekwar@gmail.com"
+              data-abc="true">Email</a></button>
+          <button class="m-1 rounded bg-slate-300 p-1 px-3 font-bold"><a href="/" download="/" data-abc="true"> resume
+            </a></button>
         </div>
-        <div class="mb-2 rounded-b-2xl p-2">
-          <h3 class="font-bold sm:text-lg">Assistant Administrative</h3>
-          <ul class="py-2 ">
-            <li class="-my-1 py-2  sm:text-sm">Veecrew Market Research Pvt. Ltd.</li>
-            <li class="-my-1 py-1 leading-[5px] text-xs">August 2021 - February 2022</li>
-          </ul>
-          <p class="py-6 text-slate-600 lg:text-lg">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt optio sunt repudiandae nemo, ducimus quisquam repellendus odio. Quidem reiciendis repellat vitae asperiores et odit aspernatur totam, ut tempore neque necessitatibus.</p>
+      </figure>
+    </section>
+    <section class="grid-box b p-1">
+      <h2 class="text-1xl p-1 text-lg text-slate-400">Work</h2>
+      <div class="mb-2 rounded-b-2xl p-1">
+        <h3 class="text-lg font-bold text-[#353535]">Search Engine Optimization</h3>
+        <div class="flex flex-shrink justify-between py-2 italic">
+          <p class="text-[12px]">full-Time</p>
+          <p class="text-[12px]">Junakpuri, Delhi</p>
         </div>
-      </section>
-      <section class="grid-box c grid-row-span-2 p-1">
-        <h2 class="text-1xl border-b-2 border-[#5e716a] text-slate-400">Education</h2>
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe reprehenderit eaque totam numquam unde facere, voluptatibus beatae, iste maxime earum est magnam suscipit. Ea sequi magnam quo eaque sint ducimus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe reprehenderit eaque totam numquam unde facere, voluptatibus beatae, iste maxime earum est magnam suscipit. Ea sequi magnam quo eaque sint ducimus.
-      </section>
-      <section class="grid-box d grid-col-span-2 p-1">
-        <h2 class="text-1xl border-b-2 border-[#5e716a] text-slate-400">Projects</h2>
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe reprehenderit eaque totam numquam unde facere, voluptatibus beatae, iste maxime earum est magnam suscipit. Ea sequi magnam quo eaque sint ducimus.
-      </section>
-      <section class="grid-box e p-1">
-        <h2 class="text-1xl border-b-2 border-[#5e716a] text-slate-400">Social</h2>
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe reprehenderit eaque totam numquam unde facere, voluptatibus beatae, iste maxime earum est magnam suscipit. Ea sequi magnam quo eaque sint ducimus.
-      </section>
-      <section class="grid-box f p-1">
-        <h2 class="text-1xl border-b-2 border-[#5e716a] text-slate-400">work</h2>
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe reprehenderit eaque totam numquam unde facere, voluptatibus beatae, iste maxime earum est magnam suscipit. Ea sequi magnam quo eaque sint ducimus.
-      </section>
-      
-      
-      
-   
+        <ul class="py-2">
+          <li class="-my-1 py-2 text-[14px] font-bold text-[#3C6E71]">Veecrew Market Research Pvt. Ltd.</li>
+          <li class="-my-1 py-1 text-xs leading-[5px] text-[#6bc5ca]">August 2021 - February 2022</li>
+        </ul>
+        <p class="py-6 text-[#353535] lg:text-lg">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt
+          optio sunt repudiandae nemo, ducimus quisquam repellendus odio. Quidem reiciendis repellat vitae asperiores et
+          odit aspernatur totam, ut tempore neque necessitatibus.</p>
+      </div>
+      <div class="mb-2 rounded-b-2xl p-1">
+        <h3 class="text-lg font-bold text-[#353535]">Assistant Administrative</h3>
+        <ul class="py-2">
+          <li class="-my-1 py-2 text-[14px] font-bold text-[#3C6E71]">Veecrew Market Research Pvt. Ltd.</li>
+          <li class="-my-1 py-1 text-xs leading-[5px] text-[#6bc5ca]">August 2021 - February 2022</li>
+        </ul>
+        <p class="py-6 text-[#353535] lg:text-lg">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt
+          optio sunt repudiandae nemo, ducimus quisquam repellendus odio. Quidem reiciendis repellat vitae asperiores et
+          odit aspernatur totam, ut tempore neque necessitatibus.</p>
+      </div>
+    </section>
+    <section class="grid-box c grid-row-span-2 p-1">
+      <h2 class="text-1xl border-b-2 border-[#5e716a] text-slate-400">Education</h2>
+      <div>
+        <h3 class="text-lg font-bold text-[#353535]">12th</h3>
+        <ul>
+          <li>Govt. Boys. Sr. Sec. School</li>
+          <li>71.8 CGPA</li>
+        </ul>
+        <p class="py-6 text-[#353535] lg:text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Saepe, aut
+          perspiciatis praesentium ipsam iste, ea atque libero doloribus unde cumque porro debitis exercitationem, ad
+          necessitatibus animi architecto quae at eligendi.</p>
+      </div>
+    </section>
+    <section class="grid-box d grid-col-span-2 p-1">
+      <h2 class="text-1xl border-b-2 border-[#5e716a] text-slate-400">Projects</h2>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe reprehenderit eaque totam numquam unde facere,
+      voluptatibus beatae, iste maxime earum est magnam suscipit. Ea sequi magnam quo eaque sint ducimus.
+    </section>
+    <section class="grid-box e p-1">
+      <h2 class="text-1xl border-b-2 border-[#5e716a] text-slate-400">Social</h2>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe reprehenderit eaque totam numquam unde facere,
+      voluptatibus beatae, iste maxime earum est magnam suscipit. Ea sequi magnam quo eaque sint ducimus.
+    </section>
+    <section class="grid-box f p-1">
+      <h2 class="text-1xl border-b-2 border-[#5e716a] text-slate-400">work</h2>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe reprehenderit eaque totam numquam unde facere,
+      voluptatibus beatae, iste maxime earum est magnam suscipit. Ea sequi magnam quo eaque sint ducimus.
+    </section>
+
+
+
+
+
     <!-- <section>
       <div class="container grid justify-items-center">
         <div class="mx-0 m-auto overflow-hidden bg-slate-300">
