|
1 | | -মডিউল ২ এর এসাইনমেন্ট |
2 | | -Welcome to the second assignment of our course. The goal of this assignment is to practice basic CSS styling, including colors, fonts, spacing, layout, and class usage. Use CSS for designing the Html code. Please use external CSS file for this assignment. |
| 1 | +# Personal Profile Web Page - Assignment 02 |
3 | 2 |
|
| 3 | +Welcome to my second assignment of the **Full-Stack Web Development (MERN)** course. This project focuses on mastering basic CSS concepts and applying them to a real-world personal profile page. |
4 | 4 |
|
| 5 | +## 🎯 Project Goals |
| 6 | +The main objective of this assignment is to practice: |
| 7 | +* **External CSS:** Keeping HTML and CSS separate for cleaner code. |
| 8 | +* **Typography & Colors:** Using custom fonts and color schemes. |
| 9 | +* **Box Model:** Managing padding, margin, and borders. |
| 10 | +* **Layout Design:** Structuring sections like Header, About, and Contact. |
| 11 | +* **CSS Selectors:** Effective use of classes and pseudo-classes. |
5 | 12 |
|
6 | | -Assignment Instructions: |
| 13 | +## 🛠️ Features included: |
7 | 14 |
|
8 | | -You need to create a Personal Profile Web Page that includes the following sections: |
| 15 | +1. **Header Section:** Featuring my name with a professional tagline. |
| 16 | +2. **About Me:** A brief introduction to who I am and my journey. |
| 17 | +3. **Skills Section:** A list of my core technical skills. |
| 18 | +4. **Contact Form:** A customized form with name, email, and phone inputs. |
| 19 | +5. **Custom Buttons:** 5 uniquely styled buttons showcasing various CSS hover effects and designs. |
9 | 20 |
|
10 | | -1. Header Section => Add your name as a heading (<h1>), Add a short tagline (e.g., "Web Developer | Learner") |
| 21 | +## 🚀 Technologies Used |
| 22 | +* **HTML5** |
| 23 | +* **CSS3** (External Stylesheet) |
11 | 24 |
|
12 | | -2. About Me Section => Write a short paragraph about yourself |
| 25 | +## 📸 Preview |
| 26 | +*(You can add a screenshot of your project here once you host it)* |
13 | 27 |
|
14 | | -3. Skills Section => Create a list (<ul>) of at least 5 skills |
15 | | - |
16 | | -4. Contact Section => Email, Name, Phone number input fields |
17 | | - |
18 | | -5. Create 5 Different styles button using CSS. |
| 28 | +--- |
| 29 | +**Course:** Full-Stack Web Development with JavaScript (MERN + AI) |
| 30 | +**Task:** Module 2 Assignment |
| 31 | +**Status:** Completed ✅ |
0 commit comments