Introduction :
This project includes a web designing done for Quantam 2K21 Competition organized by little flower school, jamshedpur, jharkhand, india.
I Ashutosh kumar, host of multileo website sharing a short description and overview of my personal portfolio website. My brand name is MultiLeo. , which is a fully responsive website. I have used extensively html5, css3 and javascript to write down the backend code of website. I have also used AOS i.e animate on scroll functionality.
Tools Used :
Building Process :
Codes:
I have used animate on scroll. so cnd sources are :
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
Step 1 :
I created nav bar which has a hover effect and is responsive. it changes the view / size in every devices.
In the home page it has a text changing effect and a contact me button 
<– this the the view of mobile.
Step 2 :
In about me section there is a profile pic and a small description about me. Its also has animate on scroll effects.
In my skills i have mentioned how much i know programming languages.
Step 3 :
In my gallery i have 4 sub devision and that are :
1.) My projects. : it contains all my projects, it also has animate on scroll effects.
2.) My photography : it contains all the photo shoot by me, in a responsive grid and also has AOS effects it also has a hover effect. it would be black and white. but when the user hovers it the color of the image is shown.
3.) my achievement : it contains all my certificates which i got in course completion or inter school competition it too has a hover effects i.e black and white to colorful.
4.) my editings : it contains all the photos and videos editied by me. it is in a responsive grid form which changes its size, shape and format in every device
<– this the the view of mobile.
Step 4 :
In my services : it wrote all the services which i provide i.e web design, advertising, Search Engine Optimization, video and photo editing and photography.
Step 5 :
Then comes contact us section, its full responsive. whatever the user gives details will be stored in spreadsheet and 2 emails will be sent. one to the user - thanking him for connecting with us. and other to the website host i,e to me. in that mail user details are there. and its fully automated. here are some pic related to it
Step 6 :
It is the last section of our website i.e footer part. it contains all social media platform, a small nav bar, a small description about the name multileo / about me, it also contains details to contact me i.e my email id and address
Reference Links :
