Skip to content

Nidarsana02/Personal-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hello Everyone

I am Nidarsana M

This is my project on designing a Personal Portfolio

In this README file, I am going to brief you about the features I have used in my Personal Portfolio


HOME PAGE:

On the home page, as soon as the tab is opened, I have used an animation. This scrolls the image to the right, down, left and then top. There is an introduction box with my photo on it, which was made using flex.Below this are the buttons which navigate to other webpages. The background and buttons are given good contrast. Initially, the buttons are faded. As soon as we hover over it, they become dark.


ABOUT PAGE:

On the about page, I have mentioned my hobbies listed one below the other. Each hobby is mentioned with an image in the shape of a circle with a border of the same shape. On hovering the size of the image reduces and the border thickens. Not only this but the image starts rotating on hovering. This is the feature I have used here.


EDUCATIONAL PROFILE:

The educational profile page begins with an animation of a teacher greeting and teaching. This runs infinitely.

Below it, I have included my school and college information along with their respective website links. Under the school part, I have included a feature of 'Hover to know my marks' which reveals my marks on hovering over it.


PROJECTS AND OTHER SKILLS:

The projects and other skills is a simple webpage which has two images aligned without any space between them. The background has been tried to give a colour suiting its content.


CONTACT ME:

The contact me page is very special because, it splits the screen into two. On the left hand side, it has whatsapp, phone and e-mail related content. The right side has LinkedIn content. The interesting feature about the contact me page is that it has a colour changing backgrond that runs infinitely. The colours suit the text color and enhance the appearance of the webpage


SELECTION COLOR:

I have also changed the color of text selection from default to white in olive green background.

COMMON FEATURES:

1. I have used suitable and matching colour combinations, appropriate background and those which do not affect eyes directly.
2. I have tried my baest at making the alignment perfect.
3. Colours are used such that they do not get hidden in the background.
4. Each page apart from the home page has a link which when pressed redirects us back to the home page.
5. Appropriate use of icons near the title of the webpage have been taken care of.

Thank you GDSC, IIT INDORE, for giving me an opportunity to explore web development.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published