-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
90ced5c
commit 1f98c3b
Showing
1 changed file
with
81 additions
and
53 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -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:[email protected]" 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:[email protected]" | ||
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"> | ||
|