/Personal-Website

Personal Website built by HTML, CSS, and JavaScript

Primary LanguageCSS

PersonalWebsite

This is the repository for my personal website built using HTML, CSS, and JavaScript. The website showcases my skills, experience, and projects. It also provides information about my education and contact details.

Technologies Used

The website is built using the following technologies:

  • HTML
  • CSS
  • JavaScript
  • Font Awesome (for icons)

Website Structure

The website follows a modular structure with separate sections for each category. The main HTML file is index.html, which serves as the entry point to the website. CSS styles are defined in the style.css file, and the Font Awesome library is included using a CDN. The website also uses a custom favicon located in the images directory.

Sections

The website consists of the following sections:

  1. Home: This section contains a navigation bar, a hero section with a brief introduction, and an image showcasing my skills.
  2. About: Provides information about me, including a short bio, personal details, and links to my social media profiles.
  3. Skills: Highlights my skills in web development, data analytics, and information security.
  4. CTA (Call to Action): Encourages visitors to reach out and hire me.
  5. Education: Displays my educational background, including my master's degree and dual degree from National Taipei University.
  6. Experience: Showcases my professional experience and links to detailed descriptions.
  7. Projects: Highlights some of my notable projects with images and descriptions.
  8. Contact: The contact section provides a button to contact me and hire me.

Usage

To use this code and customize it for your own personal website:

  1. Clone this repository to your local machine using Git or download the ZIP file.
  2. Open the index.html file in a web browser to see the website.
  3. Modify the HTML content in each section to reflect your own information.
  4. Customize the CSS styles in the style.css file to match your desired design.
  5. Replace the images in the images directory with your own images.
  6. Optionally, update the links in the navigation bar and social media icons with your own links.
  7. Feel free to explore and modify the code to suit your needs.

Contact

If you have any questions or feedback regarding this website or its code, please feel free to reach out to me. You can find my contact details on the website or connect with me through LinkedIn or GitHub.