-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathTask 1-Front End-1
37 lines (29 loc) · 1.65 KB
/
Task 1-Front End-1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
THE TASK FOR FRONT END DEVELEOPMENT IS:
***PREPARE A SIMPLE PORTFOLIO WEBSITE OF ANY PERSON.***
THE PORTFOLIO NEED NOT BE COMPLEX RATHER IT CAN BE SIMPLE AND ATTRACTING.YOU CAN ADD BASIC ANIMATIONS.
*YOUR MUST MAKE THE PORTFOLIO USING :
1.HTML-YOU CAN ALSO MAKE DIFFERENT HTML PAGES WITH IN YOUR MAIN PAGE BY USING NAVIGATION BUTTONS
2.CSS
3.BASIC JAVASCRIPT
THESE ARE THE MUST FOR YOUR WEBSITE.
*YOUR PORTFOLIO MUST INCLUDE:
1.NAVIGATION BAR
2.NAVIGATION BUTTON FOR DIFFERENT PAGES LIKE HOME,ABOUT,CONTACT,SKILLS,EDUCATION.etc.
3.DIFFERENT SECTIONS.
4.PHOTOGRAPH.
5.YOU CAN ALSO HAVE BACKGROUND IMAGES OR BANNERS FOR YOUR WEBSITE.
6.YOU CAN ALSO ADD PICTURES OF YOUR ACHIEVEMENTS LIKE CERTIFICATES OR IF YOU HAVE PAINTING AS YOUR INTEREST YOU CAN ADD WORK SAMPLES IN THE PORTFOLIO.
YOU CAN ALSO ADD MANY IDEAS ON YOUR OWN TO CREATE YOUR WEBSITE EFFECTIVELY.
*HERE ARE SOME OF THE RESOURCES WHICH CAN HELP YOU FOR YOUR FRONT-END TASK.
1.https://developer.mozilla.org/en-US/docs/Web/HTML
2.https://developer.mozilla.org/en-US/docs/Web/CSS
3.https://developer.mozilla.org/en-US/docs/Web/JavaScript
4.https://www.w3schools.com/
5.https://getbootstrap.com/docs/4.0/getting-started/introduction/
6.https://youtu.be/KgRENOnSCxE
YOU CAN TAKE HELP FROM THESE SOURCES.
*HERE ARE SOME OF THE EXAMPLES OF SIMPLE PORTFOLIO WEBSITES:
YOU CAN REFER EXAMPLES OF SOME PORTFOLIOS FROM THE FOLLOWING LINK:
1.https://www.webfx.com/blog/web-design/simple-portfolio-websites-inspiration/
*THIS IS A HOW A PORTFOLIO WEBSITE LOOKS LIKE. (DONT WORRY ABOUT ITS COMPLEXITY, YOU JUST NEED TO MAKE SIMPLER ONE)
https://brittanychiang.com/