Skip to content

Changed UI #75

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
ABHIJITHNAIR2006 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Changed UI #75

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
37 changes: 19 additions & 18 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Morgan Taylor - Full-Stack Developer & AI Enthusiast specializing in MERN stack, AI applications, and modern web animations">
<title>Morgan Taylor - Full-Stack Developer</title>
<meta name="description" content="Abhijith Nair - Full-Stack Developer & AI Enthusiast specializing in MERN stack, AI applications, and modern web animations">
<title>Abhijith Nair - Full-Stack Developer</title>
<link rel="preload" href="style.css" as="style">
<link rel="preload" href="script.js" as="script">
<link rel="stylesheet" href="style.css">
Expand All @@ -13,7 +13,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>

<div id="loading-screen" class="loading-screen">
<div class="loading-animation">
<div class="loading-ring"></div>
Expand All @@ -25,13 +25,13 @@
<div class="cursor-dot"></div>
<div class="cursor-outline"></div>


<div id="particles-js"></div>

<header id="header">
<nav>
<div class="logo" onclick="scrollToSection('home')" aria-label="Home">
<span class="logo-text">MorganTaylor</span>
<span class="logo-text">AbhijithNair</span>
<span class="logo-dot"></span>
</div>
<ul class="nav-links" id="navLinks">
Expand All @@ -54,9 +54,9 @@
<div class="hero-content">
<div class="hero-text">
<h1 class="hero-title">
<span class="title-line">Hi, I'm <span class="highlight">Morgan Taylor</span></span>
<span class="title-line">Hi, I'm <span class="highlight">Abhijith Nair</span></span>
</h1>
<h2 class="hero-subtitle">Full-Stack Developer & AI Enthusiast</h2>
<h2 class="hero-subtitle">Full-Stack Web Developer & AI Learner</h2>
<p class="hero-description">Computer Science student passionate about creating innovative web solutions using MERN stack, AI applications for climate change, healthcare, and agriculture. I love building interactive experiences with modern animations and cutting-edge technology.</p>
<div class="cta-buttons">
<button class="cta-button primary" onclick="scrollToSection('projects')" aria-label="View my projects">
Expand All @@ -71,7 +71,7 @@ <h2 class="hero-subtitle">Full-Stack Developer & AI Enthusiast</h2>
<path d="M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22 6L12 13L2 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div>
</svj>
</svj>
</button>
</div>
</div>
Expand All @@ -94,7 +94,7 @@ <h2 class="hero-subtitle">Full-Stack Developer & AI Enthusiast</h2>
<h2 class="section-title">About Me</h2>
<div class="about-content">
<div class="about-text">
<p>I'm a passionate Computer Science student from MET BKC IOE, Nashik, with a strong focus on full-stack web development and artificial intelligence applications. My journey in tech has been driven by curiosity and a desire to solve real-world problems through innovative solutions.</p>
<p>I'm a passionate Computer Science student from KKWIEER, Nashik, with a strong focus on full-stack web development and artificial intelligence applications. My journey in tech has been driven by curiosity and a desire to solve real-world problems through innovative solutions.</p>
<p>I specialize in the MERN stack and have experience building interactive web applications with advanced animations, AI-powered features, and responsive designs. I'm particularly interested in applying technology to address challenges in climate change, healthcare, and agriculture.</p>
<p>When I'm not coding, you'll find me exploring new web animation techniques, researching AI applications, or working on personal projects that push the boundaries of what's possible with modern web technologies.</p>
<div class="about-stats">
Expand All @@ -116,14 +116,15 @@ <h2 class="section-title">About Me</h2>
</div>
<div class="about-image">
<div class="profile-container">
<div class="profile-ring">
<div class="profile-ring-inner">
<div class="profile-initials">MT</div>
</div>
</div>
<div class="profile-glow"></div>
<div class="profile-circle m-circle">
<div class="profile-initials">A</div>
</div>
<div class="profile-circle t-circle">
<div class="profile-initials">N</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Expand Down Expand Up @@ -218,7 +219,7 @@ <h3>Let's Connect</h3>
</div>
<div class="contact-text">
<span>Email</span>
<span>morgantaylor@gmail.com</span>
<span>abhijithnair@gmail.com</span>
</div>
</div>
</div>
Expand Down Expand Up @@ -282,7 +283,7 @@ <h3>Let's Connect</h3>
<div class="footer-content">
<div class="footer-logo">
<div class="logo" onclick="scrollToSection('home')" aria-label="Home">
<span class="logo-text">Morgan Taylor</span>
<span class="logo-text">Abhijith Nair</span>
<span class="logo-dot"></span>
</div>
<p>Full-Stack Developer & AI Enthusiast</p>
Expand Down Expand Up @@ -312,4 +313,4 @@ <h3>Let's Connect</h3>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="script.js"></script>
</body>
</html>
</html>
Loading