0% found this document useful (0 votes)
15 views2 pages

Porsion

This document explains the HTML and CSS code for a portfolio website created for Shakti Singh, detailing its structure, styling, and key HTML tags. The code includes sections for personal information, academic details, skills, and contact information, all organized for a clean presentation. Instructions for using the code are also provided, ensuring it is compatible with modern web browsers.

Uploaded by

artisticaryan77
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
15 views2 pages

Porsion

This document explains the HTML and CSS code for a portfolio website created for Shakti Singh, detailing its structure, styling, and key HTML tags. The code includes sections for personal information, academic details, skills, and contact information, all organized for a clean presentation. Instructions for using the code are also provided, ensuring it is compatible with modern web browsers.

Uploaded by

artisticaryan77
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Explanation of the Portfolio Code

This document explains the HTML code for the portfolio website created for Shakti Singh.

The code is designed to showcase academic details, skills, and contact information

in a clean and visually appealing format using different fonts and styles.

1. Structure of the Code

The code uses HTML5 to create the structure of the webpage. It includes the following main

sections:

- Header: Displays the name and a brief introduction.

- Contact Information: Lists the phone number.

- Academic Details: Provides information about 10th and 12th-grade scores.

- Skills: Highlights key skills like proficiency in C Language.

- Education: Mentions current academic pursuits.

- Footer: Displays copyright information.

Each section is wrapped in a <section> tag for better organization and styling.

2. Styling with CSS

CSS (Cascading Style Sheets) is used to enhance the appearance of the webpage. Key styling

features include:

- Font Families: Different fonts (e.g., Arial, Georgia, Courier New) are applied for variety.

- Colors: A purple theme (#6200ea) is used for headers, with white backgrounds for sections.

- Layout: Sections are styled with padding, margins, and shadows for a clean layout.

- Footer: A dark background footer with centered text ensures a professional look.
3. Explanation of Key HTML Tags

- <!DOCTYPE html>: Declares the document as an HTML5 file.

- <head>: Contains metadata and CSS styles.

- <body>: Contains the main content of the website.

- <header>: Used to display the name and introduction at the top of the page.

- <section>: Groups related content for better readability and styling.

- <footer>: Displays copyright and additional information at the bottom of the page.

4. How to Use the Code

1. Copy the code into a text editor like Notepad or VS Code.

2. Save the file with the extension .html (e.g., portfolio.html).

3. Open the file in a web browser to view the portfolio.

This simple and responsive code ensures compatibility across modern browsers.

You might also like