Portfolio Website of Urbashi Jrall
Overview This is a responsive portfolio website built to showcase Urbashi Jrall's skills, projects, and contact information. The website is built using HTML, CSS, and JavaScript to create an interactive, visually appealing portfolio that is easy to navigate.
Note: The project contains dummy data in sections like Projects. Contributors can update these sections with their own real content, including details of their own projects and skills.
Features Responsive Design: The layout adapts seamlessly to mobile, tablet, and desktop screens. Accordion for Projects: The "Projects" section uses an accordion to toggle details about each project. Interactive Navigation: The navigation menu includes a mobile-friendly toggle for easy access to various sections. Contact Section: Displays contact details and social media links.
Repository Structure
portfolio-website/ ├── index.html # Main HTML file containing the content and structure of the website. ├── style.css # CSS file containing styles for layout, design, and responsiveness. ├── portfolio.js # JavaScript file to add interactive features (accordion, navigation toggle). └── README.md # Project documentation (this file).
Technologies Used HTML5: Structure and content of the website. CSS3: Styling the layout, making the site responsive with media queries. JavaScript: Adds interactivity (e.g., toggle functionality, accordion for project details).
How to Use
1. Clone or Download the Repository
To get a local copy of this repository, run the following command:
git clone https://github.com/urbashijrall/portfolio-demo-template.git
Alternatively, you can download the ZIP file and extract it to your desired location.
2. Update the Content
Projects Section: The "Projects" section currently contains dummy data. To update it:
Open the index.html file. Update the content of each .accordion-item block with your project details (title, description, etc.). Add links to your project code or live demos in the tags (optional).
About Section: Modify the #about section with your own introduction and bio.
Skills Section: Modify the #skills section to list your personal skills and technologies you are proficient in.
Contact Section: Update your email, phone number, and social media links in the #contact section.
3. Preview the Website After making changes, open the index.html file in a browser to view your updated website.
4. Make Design Changes If you'd like to modify the appearance of the website, you can edit the style.css file:
Modify color schemes, fonts, margins, etc., according to your preferences. Adjust the layout for the sections by modifying grid and flex properties.
5. Add More Features (Optional) If you'd like to add additional features or interactivity:
Modify portfolio.js to include any new functionality you need. For example, you can add new interactive components or improve the current ones.
Contact me at urbashijrall3003@gmail.com for any query/suggestion