From 119958b64e17f5613304b86fa57242574a3e0d0b Mon Sep 17 00:00:00 2001 From: Durga Ghimeray <152849649+durga710@users.noreply.github.com> Date: Wed, 10 Jun 2026 22:21:46 -0400 Subject: [PATCH] build personal portfolio site with about section and project cards --- index.html | 126 +++++++++++++++++++---------------------------------- script.js | 3 ++ style.css | 95 ++++++++++++++++++++++++++++++++++++++++ 3 files changed, 143 insertions(+), 81 deletions(-) create mode 100644 script.js create mode 100644 style.css diff --git a/index.html b/index.html index 36fba2d..a8b9b7d 100644 --- a/index.html +++ b/index.html @@ -3,88 +3,52 @@ - Wilder — Join the Waitlist - + Durga | Portfolio + -

Wilder

-

Be the first to experience what’s next. Join the waitlist.

-
- - -
- - +
+

Durga

+ +
+ +
+

Welcome to my portfolio

+

I'm Durga, a passionate developer focused on building clean and engaging digital experiences.

+
+ +
+

About Me

+

I’m a software developer with experience in front-end and back-end technologies. I love transforming ideas into interactive and functional designs and always seek to learn new things and improve my craft.

+
+ +
+

Projects

+
+
+

Project One

+

A web app that helps users track their daily tasks efficiently.

+
+
+

Project Two

+

An AI chatbot built with modern frameworks to assist users in learning new skills.

+
+
+

Project Three

+

A data visualization tool that transforms raw data into insightful charts.

+
+
+
+ + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..0a832c2 --- /dev/null +++ b/script.js @@ -0,0 +1,3 @@ +document.addEventListener('DOMContentLoaded', () => { + console.log('Portfolio loaded successfully.'); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..8dcd0bb --- /dev/null +++ b/style.css @@ -0,0 +1,95 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + background-color: #f8f9fa; + color: #333; + line-height: 1.6; +} + +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 2rem; + background-color: #002b5c; + color: #fff; +} + +header h1 { + font-size: 1.5rem; +} + +nav ul { + display: flex; + list-style: none; +} + +nav ul li { + margin-left: 1.5rem; +} + +nav ul li a { + text-decoration: none; + color: #fff; + transition: color 0.3s ease; +} + +nav ul li a:hover { + color: #00aaff; +} + +#hero { + text-align: center; + padding: 4rem 2rem; + background: linear-gradient(to right, #003f7f, #007acc); + color: white; +} + +#hero h2 { + font-size: 2.5rem; + margin-bottom: 1rem; +} + +section { + padding: 3rem 2rem; + max-width: 1000px; + margin: 0 auto; +} + +#about p { + font-size: 1.1rem; + color: #555; +} + +.project-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1.5rem; + margin-top: 2rem; +} + +.project-card { + background: #fff; + border-radius: 8px; + padding: 1.5rem; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.project-card:hover { + transform: translateY(-5px); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); +} + +footer { + text-align: center; + padding: 1rem; + background-color: #002b5c; + color: white; + margin-top: 2rem; +} \ No newline at end of file