Skip to content

Commit

Permalink
landing page updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@impondesk
impondesk committed Jun 1, 2024
1 parent 77c3148 commit 0ed4651
Show file tree
Hide file tree
Showing 3 changed files with 128 additions and 71 deletions.
7 changes: 2 additions & 5 deletions src/layouts/BaseLayout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,14 +67,11 @@ import Sidebar from './Sidebar.astro';
<!-- <Sidebar /> -->

<!-- container page shadow-1 m-b-160 shadow-2xl-0 -->
<div class="lg:col-span-3 ">

<div class="lg:col-span-3 pt-5">
<slot />


</div>

<div class="lg:col-span-1 ">
<div class="lg:col-span-1">

<div class="flex items-center mt-8 space-x-4">
<img src="/avtar.jpeg" alt="" class="w-10 h-10 rounded-full dark:bg-gray-500">
Expand Down
2 changes: 1 addition & 1 deletion src/layouts/Layout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ export interface Props {

<!-- <Sidebar /> -->

<div class="w-full lg:col-span-3 ">
<div class="w-full lg:col-span-4 ">
<!-- text-base font-light leading-relaxed mt-0 mb-4 text-gray-800 max-w-full mx-auto -->
<!-- <h1>{frontmatter.title}</h1>
<h3>{frontmatter.author}</h3> -->
Expand Down
190 changes: 125 additions & 65 deletions src/pages/index.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,82 +9,142 @@ import '../styles/main.css';

<Layout title="@impondesk">

<main class="max-w-7xl mx-auto">

<h1 class="text-white dark:text-white text-2xl md:text-4xl xl:text-8xl font-bold">
<small class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600">Hello!</small>
<span class="block text-3xl text-gray-500">Israni, Murli<span class="text-3xl">.</span> <img src="https://em-content.zobj.net/source/microsoft-teams/337/waving-hand_1f44b.png" class="w-12" /></span>
</h1>

<section class="pt-10 overflow-hidden md:pt-0 sm:pt-16 2xl:pt-16">

Murli is an IT professional with strong experience in the area of software design & development. He has experience working as an Architect over 16+ years of experience working in Technology Consulting & Architect specialised in Insurance, Public Health & Social Domain, ICT Solutions & Usability Engineering. Currently working as Sr. Solution Architect (I) at CitiusTech deeply passionate about creating loved and trusted products that help people navigate their careers and achieve their career goals.

<p class="mt-4 text-xl text-gray-300 md:mt-8">
<span class="relative inline-block">
<span class="absolute inline-block w-full bottom-0.5 h-1 bg-yellow-300"></span>
<span class="relative"> Have a question? </span>
</span>
<br class="block sm:hidden" />Ask me on <a href="https://twitter.com/impondesk" target="_blank" title="" class="transition-all duration-200 text-sky-500 hover:text-sky-600 hover:underline">Twitter</a>
</p>
</section>
<section class="h-screen min-h-screen max-w-7xl mx-auto">

<div class="pb-10">
<section class="pt-12">
<div class="px-4 mx-auto sm:px-6 lg:px-8 max-w-full">
<div
class="grid max-w-full grid-cols-1 mx-auto lg:grid-cols-12 gap-x-6 gap-y-8 lg:max-w-none"
>
<div class="self-center lg:col-span-4">
<h1
class="text-3xl font-normal pb-0 mb-0 text-white sm:text-4xl xl:text-5xl xl:leading-tight tracking-tight dark:text-white text-gray-900 sm:text-5xl xl:text-6xl sm:tracking-tight mb-0 pb-0"
>
impondesk
</h1>
<small
class="text-xl text-gray-500 pt-0 mt-0 clear-both bg-gradient-to-r bg-clip-text text-transparent from-pink-500 mt-1 to-yellow-500 via-red-500"
>// Just another tech nerd</small
>

<p class="mt-5 text-xs font-normal text-gray-500">
Digital Transformation Strategist, Web Mobile Cloud Technology
and Pre-Sales Consultant, Healthcare & Insurance Consultant,
Strategic Accounts, Certified Associate AWS & Azure Solution
Architect
</p>

<p class="mt-5 text-base font-normal leading-7 text-gray-200">
Murli is an IT professional with strong experience in the area of software design & development. He has experience working as an Architect over 16+ years of experience working in Technology Consulting & Architect specialised in Insurance, Public Health & Social Domain, ICT Solutions & Usability Engineering. Currently working as Sr. Solution Architect (I) at CitiusTech deeply passionate about creating loved and trusted products that help people navigate their careers and achieve their career goals.
</p>

<p class="mt-4 text-base text-gray-300 md:mt-8">
<span class="relative inline-block">
<span class="absolute inline-block w-full bottom-0.5 h-1 bg-yellow-300"></span>
<span class="relative"> Have a question? </span>
</span>
<br class="block sm:hidden" />Ask me on <a href="https://twitter.com/impondesk" target="_blank" title="" class="transition-all duration-200 text-sky-500 hover:text-sky-600 hover:underline">Twitter</a>
</p>


<!-- <div>
<a
href="#"
title=""
class="inline-flex
items-center
justify-center
px-2
py-3
text-base
font-normal
leading-7
text-white
transition-all
duration-200
bg-transparent
border border-transparent
rounded-xl
sm:px-4
no-underline
focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-gray-700
hover:bg-gray-700"
role="button"
>
Get in touch
</a>
</div> -->
</div>

<!-- <div class="px-4 mx-auto sm:px-6 lg:px-8 ">
<div class="grid items-center grid-cols-1 md:grid-cols-2">
<div>
<h2 class="text-xl font-base leading-tight text-black sm:text-4xl lg:text-5xl">👋 I am <br class="block sm:hidden font-extrabold" />Israni Murli</h2>
<p class="max-w-lg mt-3 text-xl leading-relaxed text-gray-600 md:mt-8">Born in 1984 in Mumbai, India. I’m a software engineer specializing in designing & building exceptional digital experiences. I believe technology can be more diverse and inspiring. With a mission to enable possibilities of new era and digitization. I am pursuing new expressions through experiments and thoughts.</p>
<div class="self-end lg:order-last lg:pb-20 lg:col-span-3">
<p
class="text-xs font-bold tracking-widest text-gray-500 uppercase"
>
⚡️Latest Picks
</p>

</div>
<div class="mt-0 space-y-0 lg:space-y-2 text-white">
<div class="relative overflow-hidden">
<div class="flex items-start lg:items-center">
<p
class="ml-0 text-base font-bold leading-6 py-0 mt-0 mb-2"
>
<a
href="/blog/microfrontends"
title=""
class="text-white no-underline"
>
Microfrontends, Microservices for the Frontend
<span class="absolute inset-0" aria-hidden="true"
></span>
</a>
</p>
</div>
</div>

<div class="relative">
<img class="absolute inset-x-0 bottom-0 -mb-48 -translate-x-1/2 left-1/2" src="https://cdn.rareblocks.xyz/collection/celebration/images/team/1/blob-shape.svg" alt="" />
<img class="relative w-full xl:max-w-md xl:mx-auto 2xl:origin-bottom 2xl:scale-100" src="/impondesk.png" alt="" />
</div>
</div>
</div> -->
<div class="relative overflow-hidden">
<div class="flex items-start lg:items-center">
<p
class="ml-0 text-base font-bold leading-6 py-0 mt-0 mb-2"
>
<a
href="/blog/ms-teams"
title=""
class="text-white no-underline"
>
Engaging Experiences using MS-Teams
<span class="absolute inset-0" aria-hidden="true"
></span>
</a>
</p>
</div>
</div>



<!-- <section class="py-10 sm:py-16 lg:py-24">
<div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
<div class="grid items-center grid-cols-1 gap-12 lg:grid-cols-2">
<div>
<h1 class="text-4xl font-bold text-black sm:text-6xl lg:text-7xl">
Collaborate remotely, with
<div class="relative inline-flex">
<span class="absolute inset-x-0 bottom-0 border-b-[30px] border-[#4ADE80]"></span>
<h1 class="relative text-4xl font-bold text-black sm:text-6xl lg:text-7xl">Postcrafts.</h1>
</div>
</h1>
<p class="mt-8 text-base text-black sm:text-xl">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat.</p>
<div class="mt-10 sm:flex sm:items-center sm:space-x-8">
<a href="#" title="" class="inline-flex items-center justify-center px-10 py-4 text-base font-semibold text-white transition-all duration-200 bg-orange-500 hover:bg-orange-600 focus:bg-orange-600" role="button"> Start exploring </a>
<a href="#" title="" class="inline-flex items-center mt-6 text-base font-semibold transition-all duration-200 sm:mt-0 hover:opacity-80">
<svg class="w-10 h-10 mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path fill="#F97316" stroke="#F97316" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
Watch video
</a>
<div class="relative inline-flex mt-9 group mt-5 pt-5">
<!-- <div
class="absolute transitiona-all duration-1000 opacity-70 inset-0 bg-gradient-to-r from-[#44BCFF] via-[#FF44EC] to-[#FF675E] rounded-xl blur-lg filter group-hover:opacity-100 group-hover:duration-200"
>
</div> -->

<a
href="/blog"
title=""
class="relative rounded inline-flex items-center justify-center px-8 py-3 sm:text-sm sm:py-3.5 text-base font-semibold text-white transition-all duration-200 bg-indigo-600 border border-transparent rounded-lg focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600 bg-gradient-to-r bg-clip-text text-transparent from-pink-500 mt-1 to-yellow-500 via-red-500 hover:bg-gray-700"
role="button"
>
Discover More
</a>
</div>
</div>
</div>
<div>
<img class="w-full" src="https://cdn.rareblocks.xyz/collection/celebration/images/hero/2/hero-img.png" alt="" />
<div class="self-end lg:col-span-5">
<img class="w-2xl mx-auto mt-10" src="avtar.jpeg" alt="" />
</div>
</div>
</div>
</section>
</div>
</section> -->

</main>
</section>

</Layout>

0 comments on commit 0ed4651

Please sign in to comment.