Personal Landing Page

This repository contains the source code for my personal landing page. The website showcases my portfolio, projects, and interests. It is designed to be visually appealing, responsive, and bilingual (Spanish and English).

🛠️ Technologies Used

• HTML5: Structure of the webpage.
• CSS3: Styling with TailwindCSS and custom styles.
• JavaScript: Interactive features and dynamic content loading.
• Font Awesome: Icons for social links and other UI elements.
• JSON: Data for skills, experiences, interests, and gallery.

🌟 Features

1. Dark Mode Support: Toggle between light and dark modes with a button.
2. Bilingual Content: Texts are available in Spanish and English, with an easy switch option.
3. Dynamic Sections:
   • Gallery: Displays projects and photos filtered by category.
   • Skills & Experience: Loaded dynamically from JSON files.
   • Interests: Interactive and visually separated content.
4. Mobile Responsive Design: Optimized for both desktop and mobile devices.
5. Smooth Scrolling: Navigation anchors with smooth scrolling effects.
6. Image Modals: Clickable images in the gallery open in a full-screen modal.
7. Social Links: Direct links to my social media profiles.

📂 Project Structure

• index.html: Main HTML file with the structure and layout.
• gallery.json: Contains data for gallery items.
• interests.json: Contains data for interests displayed.
• images/: Folder for all image assets, including profile and gallery images.
• styles/: Custom CSS for additional styling.

🚀 Getting Started

To view the site locally:

1. Clone the repository:

   git clone https://github.com/pcarmonac/web_personal.git

2. Open index.html in your browser.

🌐 Live Demo

You can check out the live version of the website here.

🤝 Contributing

Contributions are welcome! Feel free to fork the repository and submit a pull request for any improvements or new features.

📄 License

This project is licensed under the MIT License.

---

Made with ❤️ in Iquique, Chile