-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
56 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,9 +1,62 @@ | ||
# Assignment -2 :: Responsive Education UI | ||
# ProEdu π | ||
|
||
This project is a simple, responsive educational website created using only HTML and CSS. It showcases an intuitive design that provides easy navigation and clean styling, focusing on presenting educational content in an organized way. | ||
|
||
--- | ||
|
||
## π Features | ||
|
||
- **Responsive Design**: Adapts seamlessly to different screen sizes for an optimal viewing experience on desktops, tablets, and mobile devices. | ||
- **Structured Content Layout**: Organized sections for educational topics, resources, and contact information. | ||
- **Minimalist Styling**: Clean design with an emphasis on readability and accessibility. | ||
|
||
--- | ||
|
||
## π» Tech Stack | ||
|
||
- **HTML**: For page structure and content organization. | ||
- **CSS**: For styling, layout design, and responsive adjustments. | ||
|
||
--- | ||
|
||
## π Getting Started | ||
|
||
1. **Clone the repository**: | ||
```bash | ||
git clone https://github.com/tanmoy-12/Sample_Project_2.git | ||
cd educational-website | ||
``` | ||
|
||
2. **Open in Browser**: | ||
Open `index.html` to view the responsive educational site. | ||
|
||
--- | ||
|
||
## π Project Structure | ||
|
||
- **index.html**: The main HTML file containing the overall layout and content sections. | ||
- **styles.css**: CSS file with styling rules for responsiveness, typography, and layout design. | ||
|
||
--- | ||
|
||
You Have to Build a fully responsive Web Paage just same as the figma. or below png. | ||
Follow | ||
|
||
### Follow Requirement video to understand everything | ||
<a target="_blank" href="https://youtu.be/kmg7Oj3S9x4">Video Link</a> | ||
|
||
<img src="./Assignment.png"/> | ||
|
||
## π Future Improvements | ||
|
||
- Add JavaScript for interactive features. | ||
- Expand with additional pages (e.g., Courses, Resources). | ||
- Implement dynamic content loading. | ||
|
||
--- | ||
|
||
## π License | ||
|
||
This project is licensed under the MIT License. | ||
|
||
--- | ||
|
||
Thank you for exploring this educational site design! |