https://github.com/dalascript/tribute-page

FCC Responsive Web Design Certification | Project 10/20 | Tribute Page
https://github.com/dalascript/tribute-page

certification-project css html responsive-web-design-certification tribute-page

Last synced: 28 days ago
JSON representation

FCC Responsive Web Design Certification | Project 10/20 | Tribute Page

• Host: GitHub
• URL: https://github.com/dalascript/tribute-page
• Owner: DalaScript
• Created: 2024-09-29T21:48:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-28T07:42:47.000Z (9 months ago)
• Last Synced: 2025-06-22T14:14:46.209Z (8 months ago)
• Topics: certification-project, css, html, responsive-web-design-certification, tribute-page
• Language: HTML
• Homepage: https://dalascript.github.io/tribute-page/
• Size: 374 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Tribute Page *(Certification Project)* | FCC Responsive Web Design Certification

**Project 10/20**

A tribute page dedicated to Albert Einstein, built as part of the FCC Responsive Web Design Certification. It features a clean layout, a historical timeline, a quote, and external resources — all styled using custom CSS and variables 🎓🧠.

---

## 📚 Table of Contents

- [🔎 Overview](#-overview)

  - [📸 Screenshot](#-screenshot)

  - [🔗 Links](#-links)

  - [📌 Features](#-features)

- [🧠 My process](#-my-process)

  - [🛠️ Built with](#️-built-with)

  - [🎓 What I learned](#-what-i-learned)

  - [🔙 Previous Project](#-previous-project)

  - [🔜 Next Project](#-next-project)

- [👤 Author](#-author)

  - [🌐 Connect with Me](#-connect-with-me)

  - [💻 Coding Profiles](#-coding-profiles)

---

## 🔎 Overview

### 📸 Screenshot

![screenshot of the project's webpage](./assets/screenshot.jpg)

### 🔗 Links

 - [🔴 Live Demo](https://dalascript.github.io/tribute-page/)

 - [🗂️ GitHub Repository](https://github.com/DalaScript/tribute-page)

### 📌 Features

 - ✅ Fully responsive layout

 - ✅ Semantic HTML structure with accessible elements

 - ✅ Highlighted historical timeline using styled `
` and `
`

 - ✅ Embedded figure with image and caption

 - ✅ Reusable utility classes (`.text-c`) for consistency

 - ✅ Custom hover effects and color themes


## 🧠 My Process

### 🛠️ Built with

 - HTML5

 - CSS3

### 🎓 What I Learned

 - Building a full webpage layout from scratch independently

 - Using semantic HTML tags for better structure and accessibility

 - Styling lists, blockquotes, and links for clarity and design

 - Managing color palettes with CSS variables

 - Creating responsive and aesthetically pleasing designs

 - Practicing clean code organization and maintainability

  > 🚀 For me, this project was more about **practice** and gaining additional **experience**,  

  > rather than learning something entirely new.  

  >  

  > 👨‍💻 Since I’m not a beginner and already familiar with these technologies,  

  > I approached it with confidence — and still, I truly **enjoyed working on it**.  

  >  

  > 🎯 Overall, I consider this a very **valuable and enjoyable experience**.

### 🔙 Previous Project

 - Quiz | *[Project 9/20]* → [View Repository](https://github.com/DalaScript/quiz)

### 🔜 Next Project

 - Balance Sheet | *[Project 11/20]* → [View Repository](https://github.com/DalaScript/balance-sheet)

---

## 👤 Author

### 🌐 Connect with Me

 - [Instagram](https://www.instagram.com/DalaScript)

 - [YouTube](https://www.youtube.com/@DalaScript)

### 💻 Coding Profiles

 - [freeCodeCamp](https://www.freecodecamp.org/DalaScript)

 - [FrontendMentor](https://www.frontendmentor.io/profile/DalaScript)

 - [GitHub](https://github.com/DalaScript)

*🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀*