Skip to content

Commit

Permalink
added mentor page
Browse files Browse the repository at this point in the history
  • Loading branch information
mahafujahamed committed May 21, 2024
1 parent 2aed3ca commit 13f65e1
Show file tree
Hide file tree
Showing 6 changed files with 947 additions and 300 deletions.
536 changes: 331 additions & 205 deletions blog.html

Large diffs are not rendered by default.

331 changes: 245 additions & 86 deletions contact.html

Large diffs are not rendered by default.

67 changes: 61 additions & 6 deletions features.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,53 @@
<title>Cse Roadmap</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@3.5.1/dist/full.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<style>

@keyframes word {
0% {
transform: translateY(100%);
}
15% {
transform: translateY(-10%);
animation-timing-function: ease-out;
}

20% {
transform: translateY(0);
}

40%,
100% {
transform: translateY(-110%);
}
}

.animate-word {
animation: word 7s infinite;
}
.animate-word-delay-1 {
animation: word 7s infinite;
animation-delay: -1.4s;
}
.animate-word-delay-2 {
animation: word 7s infinite;
animation-delay: -2.8s;
}
.animate-word-delay-3 {
animation: word 7s infinite;
animation-delay: -4.2s;
}
.animate-word-delay-4 {
animation: word 7s infinite;
animation-delay: -5.6s;
}

</style>
</head>

<body class="bg-gradient-to-r from-gray-100 via-[#bce1ff] to-gray-100 font-sans">
<!-- navbar -->
<div class="navbar bg-base-100">
<div class="navbar">
<div class="navbar-start">
<div class="dropdown">
<label tabindex="0" class="btn btn-ghost lg:hidden">
Expand Down Expand Up @@ -64,12 +106,25 @@
</div>
</div>
</div>
<div class="mt-24">
<h1 class="font-serif text-7xl text-center font-bold text-black">Our <span class="animate-pulse text-red-500">Features</span> that Fit</h1>
<p class="text-center text-yellow-950 mt-5">Cse Roadmap have amazing developer friendly features that you may love it much</p>
</div>
<div class="flex min-h-screen items-center justify-center font-bold text-white">
<div class=" text-center space-y-12">
<div class="text-center text-5xl font-bold text-lime-700">
Services offered
<div class="relative inline-grid grid-cols-1 grid-rows-1 gap-12 overflow-hidden">
<span class="animate-word col-span-full row-span-full">Flutter</span>
<span class="animate-word-delay-1 col-span-full row-span-full">Django</span>
<span class="animate-word-delay-2 col-span-full row-span-full">Website</span>
<span class="animate-word-delay-3 col-span-full row-span-full">VueJS</span>
<span class="animate-word-delay-4 col-span-full row-span-full">NuxtJS</span>
</div>
</div>
<p class=" text-white">
Want to hire me for work ping me <a class="underline" href="mailto:ponnamkarthik3@gmail.com">mail here</a>
</p>
</div>
</div>
<!-- key fetures -->
<div class="container mx-auto mt-8 p-8 bg-white shadow-lg rounded-lg">
<div class="container mx-auto mt-8 p-8 shadow-lg rounded-lg">

<h2 class="text-3xl font-semibold font-serif text-black text-center mb-6">Key Features</h2>

Expand Down
32 changes: 29 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html data-theme="retro" , lang="en">
<html lang="en">

<head>
<meta charset="UTF-8">
Expand Down Expand Up @@ -39,8 +39,12 @@
class="text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium py-2 px-2 md:mx-2">Features</a>
<a href="resources.html"
class="text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium py-2 px-2 md:mx-2">Resources</a>
<a href="mentors.html"
class="text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium py-2 px-2 md:mx-2">Mentors</a>
<a href="blog.html"
class="text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium py-2 px-2 md:mx-2">Blog</a>
<a href="contact.html"
class="text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium py-2 px-2 md:mx-2">Contact</a>
</div>
</div>
</nav>
Expand Down Expand Up @@ -133,7 +137,7 @@ <h1 class="text-center text-2xl sm:text-5xl py-10 font-medium">Lorem Ipsum Yojo<
<div>
<div>
<div class="flex justify-center gap-5 mt-14">
<div class="flex flex-col items-center justify-center w-64 h-64 bg-white rounded-xl shadow-lg">
<div class="flex flex-col items-center justify-center w-64 h-64 rounded-xl shadow-lg">
<img class="w-32 h-32 rounded-full" src="images/mahafuj12.jpeg" alt="">
<h1 class="mt-5 text-xl font-bold">Mahafuj Ahamed</h1>
<p class="mt-2 text-sm text-gray-500">Web Developer</p>
Expand Down Expand Up @@ -363,7 +367,29 @@ <h2 class="text-4xl font-bold text-gray-900 sm:text-5xl">From the News Room</h2>
</div>
</div>
</div>

<!-- subscribe newsleter -->
<!-- component -->
<div
class="p-6 container md:w-2/3 xl:w-auto mx-auto flex flex-col xl:items-stretch justify-between xl:flex-row">
<div class="xl:w-1/2 md:mb-14 xl:mb-0 relative h-auto flex items-center justify-center">
<img src="https://cdn.tuk.dev/assets/components/26May-update/newsletter-1.png"
alt="Envelope with a newsletter" role="img" class="h-full xl:w-full lg:w-1/2 w-full" />
</div>
<div class="w-full xl:w-1/2 xl:pl-40 xl:py-28">
<h1
class="text-2xl md:text-4xl xl:text-5xl font-bold leading-10 text-gray-800 mb-4 text-center xl:text-left md:mt-0 mt-4">
Subscribe</h1>
<p class="text-base leading-normal text-gray-600 text-center xl:text-left">Whether article spirits new
her covered hastily sitting her. Money witty books nor son add.</p>
<div class="flex items-stretch mt-12">
<input
class="bg-gray-100 rounded-lg rounded-r-none text-base leading-none text-gray-800 p-5 w-4/5 border border-transparent focus:outline-none focus:border-gray-500"
type="email" placeholder="Your Email" />
<button
class="w-32 rounded-l-none hover:bg-indigo-600 bg-indigo-700 rounded text-base font-medium leading-none text-white p-5 uppercase focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700">subscribe</button>
</div>
</div>
</div>

<!-- Footer -->
<!-- component -->
Expand Down
Loading

0 comments on commit 13f65e1

Please sign in to comment.