Portfolio Website

A personal portfolio website showcasing projects, work experience, and educational background. Live Preview: http://127.0.0.1:5500/basicwebsite.html https://roadmap.sh/projects/basic-html-website

📁 Project Structure

portfolio-website/
│
├── basicwebsite.html    # Home page with work experience and education
├── projectpage.html     # Projects showcase page
├── articlepage.html     # Articles page
├── contactpage.html     # Contact information page
└── README.md           # This file

🌟 Features

• Multi-page Navigation: Seamless navigation across Home, Projects, Articles, and Contact pages
• Work Experience Section: Detailed employment history with external links
• Education Timeline: Academic background and qualifications
• Testimonials: Reviews and recommendations from mentors
• Semantic HTML: Clean, accessible markup structure
• Responsive Design Ready: Mobile-friendly viewport configuration

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)
• A text editor (VS Code, Sublime Text, etc.)

Installation

1. Clone the repository:

git clone https://github.com/Tobi1654/portfolio-website.git

2. Navigate to the project directory:

cd portfolio-website

3. Open basicwebsite.html in your browser:

# On macOS
open basicwebsite.html

# On Windows
start basicwebsite.html

# On Linux
xdg-open basicwebsite.html

📄 Pages Overview

Home Page (basicwebsite.html)

The main landing page featuring:

• Projects List: Resume Page, Business Card, Survey Form, Recipe Page, Checkout Page, Travel Agency Page
• Work Experience:
  • Frontend Developer at Roadmap.sh (2025 - Present)
  • Freelance Web Developer (2023 - 2025)
  • Intern Developer at Tech Solutions (2022 - 2023)
• Education:
  • B.Sc. Computer Science from University of Sigma (2019 - 2023)
  • National Diploma in IT from Berkeley State Polytechnic (2017 - 2019)
• Teacher Reviews: Testimonials from professors and mentors

Projects Page (projectpage.html)

Dedicated space for showcasing detailed project information and case studies.

Articles Page (articlepage.html)

Platform for sharing blog posts, tutorials, and technical articles.

Contact Page (contactpage.html)

Get in touch section with contact information and social links.

🛠️ Technologies Used

• HTML5: Semantic markup and structure
• Meta Tags: Proper viewport configuration for responsive design

⚠️ IMPORTANT DISCLAIMER

Please be aware that some information in this portfolio is fictional and created for demonstration purposes only:

• ❌ University names (University of Sigma, Berkeley State Polytechnic)
• ❌ Company names (Tech Solutions, some work details)
• ❌ Testimonials and reviews from teachers
• ❌ Some work experience details and dates
• ❌ Educational institution names

✅ Real Information:

• GitHub profile link
• Portfolio structure and code
• Development skills showcased

This is a sample/template portfolio website intended for learning, demonstration, and as a starting point for building your own portfolio.

🤝 Contributing

This is a personal portfolio template, but suggestions and improvements are welcome!

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📧 Contact

Oluwatobi Olanrele - @Tobi1654

Project Link: https://github.com/Tobi1654/portfolio-website

📝 License

© 2026 Oluwatobi Olanrele. All rights reserved.

---

Made with ❤️ for learning and development