├── README.md ├── images ├── dream-bg.png ├── exp-bg.png ├── jhankar.png ├── jhankar2.png ├── my-bg.png ├── my-bg2.png ├── profile.png ├── profile2.png └── top-banner.png ├── index.html └── style.css /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/README.md -------------------------------------------------------------------------------- /images/dream-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/images/dream-bg.png -------------------------------------------------------------------------------- /images/exp-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/images/exp-bg.png -------------------------------------------------------------------------------- /images/jhankar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/images/jhankar.png -------------------------------------------------------------------------------- /images/jhankar2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/images/jhankar2.png -------------------------------------------------------------------------------- /images/my-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/images/my-bg.png -------------------------------------------------------------------------------- /images/my-bg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/images/my-bg2.png -------------------------------------------------------------------------------- /images/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/images/profile.png -------------------------------------------------------------------------------- /images/profile2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/images/profile2.png -------------------------------------------------------------------------------- /images/top-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-portfolio/24e3896d4d8c4e4ecf22692d7ba9a5d5440a5935/images/top-banner.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Jhankar Web Developer 8 | 9 | 10 | 11 | 12 |
13 |
14 |

Welcome To

15 |

Jhankar Website

16 |

World-class professional web dev

17 |

You might saw me jumping, climbing buildings, and stopping trains. But nobody pays me a dime for that work. That's why I am learning and mastering web development. I will not stop until I become the Web Development Hero.

18 | HIRE ME 19 |
20 |
21 | 22 |
23 |
24 |
25 |
26 | 27 |
28 |
29 |

Big Dream

30 |

Become World's No. 1 Developer

31 |

I already learned the basic HTML and CSS. I can build any simple website. I can even teach my grandma how to make simple website. My goal is to build 3 websites and learn advanced topics.

32 | DOWNLOAD RESUME 33 |
34 |
35 |
36 |

Experiences

37 |
38 |

Full Stack Web Dev

39 |

2021 - Present | Pro level Web Dev

40 |

I am the master of HTML, CSS and Javascript. I know everything needed to make a website function, efficient. I didn't stop with the web. I went beyond with most popular Javascript framework called Vue JS. I even know the deployment, server and security. I will give you 100% web solution.

41 |
42 |
43 |

Baby Web Developer

44 |

2020-2021 | Programming Hero Learner

45 |

They didn't offer me a job. But I made myself as a remove web developer. I made their website and showed it to them. They liked it. And uploaded the content. It was fun working at Programming Hero.

46 |
47 |
48 | 51 | 52 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0; 3 | font-family: 'Poppins', sans-serif; 4 | } 5 | h1{ 6 | font-size: 50px; 7 | } 8 | h2{ 9 | font-size: 40px; 10 | } 11 | p{ 12 | color: dimgray; 13 | } 14 | .orange-highlight{ 15 | color: orange; 16 | } 17 | .half-width{ 18 | width: 40%; 19 | float: left; 20 | margin-left: 5%; 21 | padding-left: 2%; 22 | } 23 | .half-width img{ 24 | width: 100%; 25 | } 26 | .top-banner{ 27 | background-image: url("images/top-banner.png"); 28 | background-repeat: no-repeat; 29 | } 30 | section{ 31 | height: 500px; 32 | padding-bottom: 150px; 33 | } 34 | .link-button{ 35 | text-decoration: none; 36 | background-image: linear-gradient(45deg, lightSalmon, tomato); 37 | padding: 10px 20px; 38 | border-radius: 5px; 39 | color: white; 40 | font-weight: 700; 41 | } 42 | .dream-area{ 43 | background-image: url("images/dream-bg.png"); 44 | background-repeat: no-repeat; 45 | background-position: right; 46 | } 47 | .single-experience{ 48 | box-shadow: 10px 10px 40px gray; 49 | border-radius: 5px; 50 | height: 80%; 51 | background-color: white; 52 | } 53 | .experience-area{ 54 | background-image: url("images/exp-bg.png"); 55 | background-repeat: no-repeat; 56 | background-position: left; 57 | } 58 | #full-stack{ 59 | border-left: 7px solid; 60 | border-image: linear-gradient(180deg, lightSalmon, tomato); 61 | border-image-slice: 1; 62 | } 63 | #baby-web{ 64 | border-left: 7px solid; 65 | border-image: linear-gradient(180deg, blue, cyan); 66 | border-image-slice: 1; 67 | } 68 | 69 | footer p{ 70 | text-align: center; 71 | font-size: 12px; 72 | } --------------------------------------------------------------------------------