https://github.com/allanotieno254/responsive-portfolio-website
This project is a fully responsive and interactive portfolio showcasing my skills, projects, and achievements in Data Science, AI, and Web Development. It features a downloadable CV, social media links, and a beautifully designed UI.
https://github.com/allanotieno254/responsive-portfolio-website
css html javascript netlify-deployment
Last synced: 6 months ago
JSON representation
This project is a fully responsive and interactive portfolio showcasing my skills, projects, and achievements in Data Science, AI, and Web Development. It features a downloadable CV, social media links, and a beautifully designed UI.
- Host: GitHub
- URL: https://github.com/allanotieno254/responsive-portfolio-website
- Owner: AllanOtieno254
- Created: 2025-04-03T20:51:50.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-04-03T22:47:48.000Z (6 months ago)
- Last Synced: 2025-04-03T23:28:25.494Z (6 months ago)
- Topics: css, html, javascript, netlify-deployment
- Language: HTML
- Homepage: https://67ef0e723c996e154b1bcb96--bespoke-nasturtium-12263c.netlify.app/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Allan Otieno Portfolio - Responsive Website with Downloadable CV and Social Media Links
website deployed at Netlify: https://67efe023938c4d0a438d946f--admirable-speculoos-5894a6.netlify.app/
Welcome to my personal portfolio website repository! This project is a fully **responsive** and **interactive** portfolio showcasing my skills, projects, and achievements in **Data Science, AI, and Web Development**. It features a downloadable **CV**, social media links, and a beautifully designed UI.
---
## 🔥 Features
✅ **Fully Responsive Design** – Works on desktops, tablets, and mobile devices.
✅ **Downloadable CV** – A button that allows users to download my CV directly.
✅ **Social Media Integration** – Links to GitHub, LinkedIn, Twitter, TikTok, and YouTube with icons.
✅ **Optimized for Performance** – Fast loading and SEO-friendly.
✅ **Well-Structured Code** – HTML, CSS, and JavaScript files are clean and easy to understand.
✅ **Modern UI/UX** – Styled using CSS Flexbox and media queries for adaptability.
---
## 📂 File Structure
```
📁 Allan-Otieno-Portfolio-Responsive-Website
│── 📁 assets
│ ├── 📁 css
│ │ ├── styles.css # Main CSS file
│ │ ├── responsive.css # Media query styles
│ │ ├── icons.css # Styles for font icons
│ ├── 📁 images
│ │ ├── profile.jpg # Profile picture
│ │ ├── background.jpg # Background images
│ │ ├── logo.png # Logo
│ ├── 📁 fonts
│ │ ├── custom-font.ttf # Custom font (if any)
│ ├── 📁 js
│ │ ├── script.js # JavaScript for animations & interactions
│── 📁 cv
│ ├── Allan_Otieno_CV.pdf # Downloadable CV
│── index.html # Main HTML file
│── README.md # Documentation
│── LICENSE # Open-source license (MIT recommended)
```
---
## 🎨 Technologies Used
- **HTML5** – For structuring the website
- **CSS3** – For styling and responsiveness
- **JavaScript (Vanilla JS)** – For interactive elements
- **Font Awesome** – For social media icons
- **Google Fonts** – Custom typography
---
## 📜 How to Use
1. **Clone the repository**
```sh
git clone https://github.com/AllanOtieno254/Allan-Otieno-Portfolio-Responsive-Website-With-Downloadable-CV-And-Social-Media-Links.git
```
2. **Navigate into the project folder**
```sh
cd Allan-Otieno-Portfolio-Responsive-Website
```
3. **Open `index.html` in your browser**
Simply double-click the `index.html` file to preview the website.
---
## 🌍 Live Demo
You can view the live website at:
🔗 **[Portfolio Live Site](https://allanotieno254.github.io/)** (Replace with your actual GitHub Pages link)
---
## 📌 Topics Covered
- 📄 **Building a Personal Portfolio from Scratch**
- 🎨 **CSS Flexbox for Layout Design**
- 📱 **Making Websites Responsive using Media Queries**
- 🎭 **Adding Font Awesome Icons for Social Media**
- 📜 **Creating a Downloadable CV Link**
- 🔗 **Embedding Social Media Links in a Portfolio**
- 📊 **Optimizing for Performance & SEO**
---
## 🛠️ Future Improvements
🔹 **Dark Mode Support** 🌙
🔹 **Add Animated Text Effects** ✨
🔹 **Integrate a Contact Form** 📧
🔹 **Include More Projects in the Portfolio** 📁
---
## 🤝 Contributing
I welcome contributions! If you'd like to improve this project:
1. **Fork the repository**
2. **Create a feature branch (`git checkout -b new-feature`)**
3. **Commit your changes (`git commit -m "Added a new feature"`)**
4. **Push to the branch (`git push origin new-feature`)**
5. **Create a Pull Request**
---
## 📜 License
This project is **open-source** and available under the **MIT License**.
---
## 📬 Contact Me
📧 **Email:** allan.otieno@example.com (replace with your real email)
💼 **LinkedIn:** [Allan Otieno](https://linkedin.com/in/allan-otieno)
🐙 **GitHub:** [AllanOtieno254](https://github.com/AllanOtieno254)
📷 **Twitter:** [@allanotieno](https://twitter.com/allanotieno)
---
**⭐ If you found this project useful, give it a star on GitHub! ⭐**