Customizing the About Section

1. Changing the Section Title:

• Locate the <h2> tag within the About component.

• Modify the text within the <h2> tag to reflect the desired section title.

<h2 className={styles.title}>[Replace this text with your desired section title]</h2>

2. Updating Images:

• Ensure you have the desired images prepared for the about section.

• Replace the existing image files with your preferred images.

• Update the src attribute of the <img> tags with the new image paths.

<img
   src="[Replace this with the path to your new image]"
   alt="[Replace this with a brief description of your new image]"
   className={styles.aboutImage}
/>

3. Customizing Item Content:

• Locate the <ul> tag with the class aboutItems.

• For each list item (<li>), update the content as needed.

• Replace the icons with relevant ones or modify the text to match your skills and experiences.

<ul className={styles.aboutItems}>
   <li className={styles.aboutItem}>
      <img src="[Replace this with the path to your icon]" alt="[Replace this with a brief description of your icon]" />
      <div className={styles.aboutItemText}>
         <h3>[Replace this with your skill/experience title]</h3>
         <p>
            [Replace this with a brief description of your skill/experience]
         </p>
      </div>
   </li>
   <!-- Repeat the above structure for each item -->
</ul>

4. Previewing Changes:

• After making desired customizations, save the file.

• Preview your website to ensure the changes are reflected as intended.