https://github.com/mena-erian/fokir
Fokir is a personal portfolio website designed as a training project for CSS. It focuses on styling and layout techniques to create a visually appealing design.
https://github.com/mena-erian/fokir
css3 cssvariables display-flex html5 media-queries purecss
Last synced: about 1 month ago
JSON representation
Fokir is a personal portfolio website designed as a training project for CSS. It focuses on styling and layout techniques to create a visually appealing design.
- Host: GitHub
- URL: https://github.com/mena-erian/fokir
- Owner: Mena-Erian
- Created: 2025-03-16T16:26:31.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-17T10:28:49.000Z (about 2 months ago)
- Last Synced: 2025-03-24T15:13:24.276Z (about 1 month ago)
- Topics: css3, cssvariables, display-flex, html5, media-queries, purecss
- Language: HTML
- Homepage: https://mena-erian.github.io/Fokir/
- Size: 1.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fokir - CSS Portfolio Project
Fokir is a personal portfolio website built as a CSS training project. It showcases modern styling techniques, responsive design principles, and efficient layout structuring for an elegant and user-friendly interface.
## 🌐 Live Demo
[View the Website](https://mena-erian.github.io/Fokir/)
## 🛠 Technologies Used
- **HTML5** – Semantic structure for better accessibility and SEO.
- **CSS3** – Advanced styling for a polished UI.
- **CSS Variables** – Maintainable and reusable styles.
- **Media Queries** – Responsive design for all devices.
- **Flexbox** – Modern layout technique replacing floats.
## ✨ Features
- **Fully Responsive** – Optimized for all screen sizes.
- **Smooth Scrolling** – Enhances navigation flow.
- **Portfolio Showcase** – Displays projects neatly.
- **Optimized Performance** – Ensures fast loading.
## 🚀 Getting Started
### Clone the Repository:
```bash
git clone https://github.com/Mena-Erian/Fokir.git
```
### Open the Project:
Simply open `index.html` in your browser.
## 📬 Contact
- 📞 **Phone/WhatsApp:** [+201200523080](tel:+201200523080)
- 📧 **Email:** [[email protected]](mailto:[email protected])
- 🔗 **GitHub:** [github.com/Mena-Erian](https://github.com/Mena-Erian)
- 💼 **LinkedIn:** [linkedin.com/in/mena-erian-farouk](https://www.linkedin.com/in/mena-erian-farouk-904372255)
Have questions or want to collaborate? Feel free to reach out!