Porfolio Project

Live Website

Table of Contents

• About the Application
• Application dependencies
• How to Run the Application
• Application Functionalities
• Resources
• Technologies
• Contributing

About the Application

A CSS grid and Flexbox based Portfolio Webpage, that is responsive across a range of multimedia devices such as smartphone , tablets and desktop.

Application dependencies

No such external dependencies are required to Run the application.All assets are locally available and works offline,removing the need for an active internet connection.

How to Run the Application

1. Download the zip folder and unzip it.
2. Open the main folder and locate the index.html file.
3. Open the index.html file in your preferred browser

Application Functionalities

1. CSS grids

• Uses the grid based layout that is reponsive.
• Uses concise media queries to support our grid layout on both large and small devices.

2. CSS flexbox

• Uses the Flexible layout that is reponsive.

3. Semantic HTML

• Semantic markup in HTML that introduces meaning to the web page.

4. Responsive Images

• Using srcset and sizes attributes, our image are responsive.

Resources

Assests

• Images
• Favicon
• Fontawesome
• Google Fonts
• Logo

Learning Resources

• Flexible Grids
• Media Queries
• CSS-tricks
• MDN

Technologies

• Visual Studio Code Editor
• HTML
• CSS

Contributing

Any suggestions are welcome.