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).
- 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.
- Dark Mode Support: Toggle between light and dark modes with a button.
- Bilingual Content: Texts are available in Spanish and English, with an easy switch option.
- Dynamic Sections:
- Gallery: Displays projects and photos filtered by category.
- Skills & Experience: Loaded dynamically from JSON files.
- Interests: Interactive and visually separated content.
- Mobile Responsive Design: Optimized for both desktop and mobile devices.
- Smooth Scrolling: Navigation anchors with smooth scrolling effects.
- Image Modals: Clickable images in the gallery open in a full-screen modal.
- Social Links: Direct links to my social media profiles.
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.
To view the site locally:
- Clone the repository:
git clone https://github.com/pcarmonac/web_personal.git
- Open
index.htmlin your browser.
You can check out the live version of the website here.
Contributions are welcome! Feel free to fork the repository and submit a pull request for any improvements or new features.
This project is licensed under the MIT License.