Resume

About the Project

An open web page almost similar to a resume but with a contact form at the last.

It includes My Personal details, Skills obtained, Work Experience, Educational Qualifications, Technical Skills and My Contact Details.

It consists of various features described below!

This is the first project which fascinated me alot to do.

---

Languages used

I've used HTML and CSS to do build this project.

---

Here is a brief demo (YouTube video) of my project. Click on it to have a glance at it.

---

Features

1. I've added the feature Favicon (the icon visible next to the name of the form ar the top of browser. (Shown in the following image)

The syntax used for it is as follows

<link rel = "shortcut icon" type = "image/x-icon" href = "static/favicon.img">

2. Added the feature Timeline Divider cum Traveller where in during the scrolling of the page, the flight and the car images also move with us in the corresponding time. (Shown in the following video)

timeline.traveller.mov

The HTML code for it is as follows

<div id="timeline-divider">
    <div class="timeline-traveller">
         <div>
             <i class="fas fa-plane"></i>
         </div>
    </div>
</div>

wherein the logos of the images have been extracted from the source https://www.fontawesome.com

3. Included a form at last to contact with me wherein after clicking the button SEND MESSAGE redirects to another fresh page.

I've included input types as text , email and textarea in the form.

4. This is the page to which we will be directed.

5. The background image in the header column doesn't move as shown below

fixed.background.image.mov

The following CSS code (fixed background-attachment) has been used for the header background image

background-attachment: fixed;

The following CSS code (negative margin-top) has been used for my profile photo which is included in the first section of the main division.

margin-top: -17vh;

6. Transitions & Box Shadows while moving the cursor onto the image.

transitions.mov

7. Flex is used

Click here to view it

And many more such features are included.

I'm ready to explore many more such features and try to implement them. And learn more.

Thank You