FirstStepTech

A beginner-friendly multi-page website that helps learners take their first step into tech by providing clear introductions, roadmaps, and resources for popular technical skills. Built as a pure HTML & CSS project to strengthen core web development fundamentals.

🚀 Live Demo

https://first-step-tech-ruddy.vercel.app/

🛠 Tech Stack

HTML5

CSS3

No frameworks, no JavaScript

✨ Features

-Multi-page static website

-Shared CSS for consistent design

-Clean, responsive layout

-Subtle animations and transitions

-Beginner-focused content structure

📄 Pages

-Home

-Skills

-Individual Skill Pages (e.g., DSA)

-About

-Contact

Each skill page includes:

-What the skill is

-Why to learn it

-Beginner roadmap

-Learning resources

🎯 Purpose

This project was built to:

-Practice real-world HTML & CSS

-Understand multi-page site structure

-Learn shared styling and layout design

-Build and deploy a complete website

📚 Learnings

-Semantic HTML

-CSS layout and theming

-Reusable styles across pages

-Responsive design basics

-Deployment of static sites

👩‍💻 Author

-Aditee Jha

-Computer Science Undergraduate, BIT Mesra

-Second year (as of Dec 2025)

🔮 Future Improvements

-Add JavaScript for interactivity

-Improve accessibility

-Expand skill roadmaps

-Enhance mobile navigation Expand skill roadmaps

Enhance mobile navigation