This a a project completed as part of the **Web Dev-Challange Kick-Off-2023 ** run by Code First Girls.
Create a website project meeting the following criteria.
Must haves:
- a minimum of 2 HTML pages and one external CSS file
- a website wireframe
- use a CSS framework
- all links working
- basic user interaction (e.g. hover, submit form, action on click)
- adhering to UI/UX rules
Nice to haves:
- mobile responsive
- effective use of classes and IDs
- JavaScript used to enable user interaction
This project showcases an elegant website equipped with various features to enhance user experience. One of the highlights is the utilization of a hamburger menu. This iconic design element offers a compact way to present navigation options, especially beneficial for mobile or responsive designs.
1.Homepage (index.html): A landing page that greets visitors with an overview, along with call-to-action buttons like downloading the CV or making contact.
2.About Me (intro.html): Delve into Josh's personal and professional journey. Explore his skills and take a closer look at projects that spotlight his expertise.
3.Services (services.html): Discover the array of services offered by Josh, detailed with descriptions and pricing structures.
4.Blog (blog.html): Access a curated collection of articles penned by Josh, touching upon insights, reflections, and trends in the tech landscape.
5.Contact (contact.html): A streamlined channel facilitating direct communication. Whether you're a prospective client or just an enthusiast, Josh is just a message away.
6.Hamburger Navigation: An intuitive sidebar navigation menu, ensuring seamless movement across the website regardless of the device or screen size.
7.Footer: Every page concludes with a structured footer offering quick links, contact information, and copyright acknowledgments.
Built with a mobile-first approach, the website delivers a consistent and engaging user experience across devices – be it mobile, tablet, or desktop.
All visual designs and interactivity have been achieved using styles.css for styling and script.js for JavaScript-based functionalities.
- Navigation Control:
- A toggleable hamburger menu to show or hide the sidebar navigation.
- A switch between the hamburger and 'cross' icons based on the sidebar's visibility.
2.User Feedback: -An alert prompts users if the CV download option is unavailable.
3.Form Validation: -Ensures the name, email, and phone fields in the contact form are filled before submission. -Provides an acknowledgment message upon successful form completion.
- Repository URL:https://github.com/TSumedha/Portfolio/
- Live Site URL: https://tsumedha.github.io/Portfolio