Portfolio Website

Welcome to my portfolio website! This project showcases my skills, experiences, and projects in a professional and visually appealing manner.

---

Features

• Responsive Design: Fully responsive layout that adapts seamlessly to various screen sizes and devices.
• Interactive Chatbot: Includes a chatbot to assist visitors with navigation and questions.
• Contact Form: Users can reach out to me through a functional contact form.
• Live Project Showcase: Displays my projects with descriptions, technologies used, and live/demo links.
• Smooth Navigation: Intuitive and dynamic navigation with animations.
• Dark/Light Mode (Optional): Toggle between dark and light themes for improved user experience.
• Downloadable Resume: A button to download my resume in PDF format.
• Social Media Links: Quick access to my social media profiles.
• Style Switcher: Change the colour of the website.

---

Technologies Used

• Frontend:
  • HTML5
  • CSS3 (including Flexbox, Grid, and animations)
  • JavaScript (ES6+)
• Frameworks/Libraries:
  • Google Fonts
  • Font Awesome for icons
• Backend (if applicable):
  • web3forms
• Other Tools:
  • Visual Studio Code (Editor)
  • Git & GitHub for version control

---

Purpose

The primary goal of this portfolio is to:

• Showcase my technical skills and projects.
• Provide a platform for potential employers and clients to learn more about me.
• Serve as a demonstration of my ability to design and build responsive and functional websites.

---

Live Demo

You can access the live version of the portfolio here: Live Demo

---

Getting Started

Prerequisites

Ensure you have the following installed on your system:

• A modern web browser

Installation

1. Clone the repository:

   git clone https://github.com/LJ-II/Portfolio.git

2. Navigate to the project directory:

   cd Portfolio

3. Open index.html in your browser to view the website.

---

Folder Structure

├── index.html        # Main HTML file
├── css/              # Stylesheets
│   └── style.css    # Main CSS file
    └── style-switcher.css    # Styling for style switcher
├── js/               # JavaScript files
│   └── script.js     # Main JavaScript file
    └── style-switcher.js     # Logic for style switcher   
├── assets/           # Images and other assets
├── README.md         # Project documentation
└── ...

---

Future Enhancements

• Add animations and transitions for a more interactive user experience.
• Implement a blog section to share insights and articles.
• Enhance the chatbot functionality with AI integration.

---

Contact

If you have any feedback, suggestions, or opportunities, feel free to contact me:

• Email: lucas.tladi@outlook.com
• LinkedIn: (https://www.linkedin.com/in/lucas-tladi-960289338/)
• GitHub: (https://github.com/LJ-II)