This project showcases my professional journey, interests, and aspirations through an interactive and visually appealing online CV. Built using modern web technologies, this CV highlights my academic background, career achievements, and personal interests while incorporating sleek design elements and responsive features.
This repository contains the source code for my interactive online CV, designed to provide a comprehensive and engaging view of my background, interests, and future aspirations. The project includes several sections that allow users to explore my journey, skills, and plans for the future in a seamless and interactive way.
- Responsive Design: The CV is fully responsive, adapting to various screen sizes for optimal viewing on mobile devices, tablets, and desktops.
- Interactive Elements: Includes a typewriter effect on the main header and a hamburger menu for smooth navigation, as well as flip-over cards to display personal interests.
- Personal Story: The CV takes users through a visual journey of my academic background, work experience, interests, and where I’m headed in the future.
- Visual Appeal: The website features modern design techniques such as background video overlays, subtle animations, and a gradient background for an aesthetically pleasing presentation.
- Collaboration Invitation: A form allows users to reach out for collaboration on projects, offering a user-friendly way to connect.
- HTML5: For structuring the content.
- CSS3: For styling, including animations and responsive design.
- JavaScript/jQuery: For dynamic elements like the hamburger menu, typewriter effect, form validation, and flip-over effects.
- Formspree: For handling form submissions and allowing visitors to get in touch.
- index.html: The main landing page that introduces me and my professional background. It includes a typewriter effect and responsive layout for different devices.
- myinterests.html: A separate page that showcases my personal interests, presented as interactive flip-over cards.
- whereimheaded.html: Outlines my future goals, including plans to help start-ups, NPOs, and the renewable energy sector through software development.
- styles.css: Handles the visual aspects of the website, including animations, gradients, and layouts for different devices.
- script.js: Adds interactivity to the project, including the typewriter effect, form submission handling, hamburger menu, and flip-over card animations.
-
Clone the repository:
git clone <repository-url>
-
Navigate to the project folder:
cd MyCV -
Open the
index.htmlfile: You can either open the file directly in a browser or use a live server extension for a more seamless experience.
- Project Showcase Section: I plan to add a section for showcasing my latest coding projects and contributions, integrating GitHub API for real-time updates.
- Multilingual Support: Adding multiple language options to make the CV accessible to a wider audience.
- More Visual Enhancements: Explore adding more visual transitions and effects to enhance the overall user experience.
Contributions are welcome! If you have suggestions for improvements or want to add new features, feel free to fork the repository and submit a pull request. You can also open an issue if you find any bugs or have ideas for new enhancements.
Feel free to connect with me if you'd like to collaborate or learn more about my work:
- Email: zoesamanthabell@gmail.com
- LinkedIn: Zoë Bell on LinkedIn
- GitHub: Bellatrix23