Skip to content

Add Fathima S to person directory #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
fathimaUCEK wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add Fathima S to person directory #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
123 changes: 123 additions & 0 deletions src/app/fathima/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
import Navbar from "@/components/Navbar";

export default function FathimaPage() {
return (
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800">
<Navbar />
<div className="container mx-auto px-4 py-12">

{/* Person Profile */}
<div className="max-w-4xl mx-auto">
<div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl overflow-hidden">
{/* Header */}
<div className="bg-gradient-to-r from-blue-900 to-blue-600 px-8 py-12">
<div className="flex items-center space-x-6">
<div className="flex-shrink-0">
<div className="w-24 h-24 bg-blue-600 rounded-full flex items-center justify-center text-white font-semibold text-4xl">
F {/* First letter of your name */}
</div>
</div>
<div className="flex-1">
<h1 className="text-3xl md:text-4xl font-bold text-white mb-2">
Fathima S
</h1>
<p className="text-xl text-blue-100 mb-2">Student</p>
<p className="text-blue-200">20 • Second Year</p>
</div>
</div>
</div>

{/* Content */}
<div className="p-8">
{/* Bio Section */}
<div className="mb-8">
<h2 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
About
</h2>
<p className="text-gray-700 dark:text-gray-300 leading-relaxed">
Hi! I’m Fathima S, a B.Tech Computer Science student with a unique background in Biology.
I am passionate about exploring emerging technologies, expanding my creative and technical
skills, and applying interdisciplinary knowledge to solve real-world problems. Curious and
adaptable, I enjoy learning beyond boundaries and turning ideas into meaningful solutions.
</p>
</div>

{/* Skills Section */}
<div className="mb-8">
<h2 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Skills & Interests
</h2>
<div className="flex flex-wrap gap-3">
<span className="px-4 py-2 bg-blue-100 dark:bg-blue-900 text-white dark:text-white rounded-full text-sm font-medium">
<strong>Technical Skills</strong> : Web development basics: HTML, CSS . Figma (basic prototyping and design)
</span>
<span className="px-4 py-2 bg-blue-100 dark:bg-blue-900 text-white dark:text-white rounded-full text-sm font-medium">
<strong>Soft Skills</strong>: Collaboration . Adaptability . Communication . Teaching . Organizational Skills
</span>
<span className="px-4 py-2 bg-blue-100 dark:bg-blue-900 text-white dark:text-white rounded-full text-sm font-medium">
<strong>Creative & Artistic Skills</strong>: Painting . Calligraphy . Crochet . Tiara Making . Pencil Carving (Name)
</span>
{/* Add more skills/interests as needed */}
</div>
</div>

{/* Education Section */}
<div className="mb-8">
<h2 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Education
</h2>
<div className="flex flex-wrap gap-3">
<p className="px-4 py-2 bg-blue-100 dark:bg-blue-900 text-white rounded-full text-sm font-medium">
<p>
<b>B.Tech in Computer Science</b>
<br />
University College of Engineering, Kariavattom | 2024-2028
</p>
</p>
</div>
<br></br>
<div className="flex flex-wrap gap-3
">
<p className="px-4 py-2 bg-blue-100 dark:bg-blue-900 text-white rounded-full text-sm font-medium">

<p>
<b>Higher Secondary Education</b>
<br />
Seethi Sahib Memorial Higher Secondary School | 2021-2023 | 99.3%
</p>
</p>
</div>
</div>


{/* Contact Section */}
<div className="mb-8">
<h2 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Get in Touch
</h2>
<div className="space-y-3">
<div className="flex items-center space-x-3">
<span className="text-gray-600 dark:text-gray-400">📧</span>
<span className="text-gray-700 dark:text-gray-300">fadudaisy@gmail.com</span>
</div>
<div className="flex items-center space-x-3">
<span className="text-gray-600 dark:text-gray-400">🔗</span>
<a href="https://www.linkedin.com/in/fathima-s-75aa2b322" className="text-blue-600 dark:text-blue-400 hover:underline">
LinkedIn Profile
</a>
</div>
<div className="flex items-center space-x-3">
<span className="text-gray-600 dark:text-gray-400">🐙</span>
<a href="https://github.com/fathimaUCEK" className="text-blue-600 dark:text-blue-400 hover:underline">
GitHub Profile
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
);
}
24 changes: 24 additions & 0 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,30 @@ export default function Home() {
</div>
</Link>

{/* Fathima S Card */}
<Link href="/fathima" className="group">
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 p-6 border border-gray-200 dark:border-gray-700 hover:scale-105">
<div className="flex items-center space-x-4">
<div className="flex-shrink-0">
<div className="w-12 h-12 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white font-semibold text-lg">
F
</div>
</div>
<div className="flex-1">
<h3 className="text-xl font-semibold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">
Fathima S
</h3>
<p className="text-sm text-gray-600 dark:text-gray-400">
Computer Science Student
</p>
<p className="text-xs text-gray-500 dark:text-gray-500 mt-1">
Age: 20 • Second Year
</p>
</div>
</div>
</div>
</Link>

</div>
</main>
</div>
Expand Down