├── images ├── my-bg.png ├── exp-bg.png ├── jhankar.png ├── my-bg2.png ├── dream-bg.png ├── jhankar2.png └── top-banner.png ├── showOff ├── star.jpg ├── buddy.jpg ├── silver.jpg ├── sleep.jpg ├── thumbs.jpg ├── trophy.jpg └── holiday.jpg ├── README.md ├── style.css └── index.html /images/my-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/images/my-bg.png -------------------------------------------------------------------------------- /showOff/star.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/showOff/star.jpg -------------------------------------------------------------------------------- /images/exp-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/images/exp-bg.png -------------------------------------------------------------------------------- /images/jhankar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/images/jhankar.png -------------------------------------------------------------------------------- /images/my-bg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/images/my-bg2.png -------------------------------------------------------------------------------- /showOff/buddy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/showOff/buddy.jpg -------------------------------------------------------------------------------- /showOff/silver.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/showOff/silver.jpg -------------------------------------------------------------------------------- /showOff/sleep.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/showOff/sleep.jpg -------------------------------------------------------------------------------- /showOff/thumbs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/showOff/thumbs.jpg -------------------------------------------------------------------------------- /showOff/trophy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/showOff/trophy.jpg -------------------------------------------------------------------------------- /images/dream-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/images/dream-bg.png -------------------------------------------------------------------------------- /images/jhankar2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/images/jhankar2.png -------------------------------------------------------------------------------- /images/top-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/images/top-banner.png -------------------------------------------------------------------------------- /showOff/holiday.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/web-developer-portfolio/HEAD/showOff/holiday.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # developer-portfolio 2 | ### Live Website: [https://programminghero1.github.io/developer-portfolio/](https://programminghero1.github.io/developer-portfolio/) 3 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0; 3 | font-family: 'Poppins', sans-serif; 4 | } 5 | section{ 6 | height: 500px; 7 | padding-bottom: 150px; 8 | } 9 | .top-banner{ 10 | background-image: url("images/top-banner.png"); 11 | background-repeat: no-repeat; 12 | } 13 | .half-width{ 14 | width:40%; 15 | float: left; 16 | margin-left: 5%; 17 | padding-left: 2%; 18 | } 19 | h1{ 20 | font-size: 50px; 21 | } 22 | h1 span{ 23 | color: orange; 24 | } 25 | .half-width img{ 26 | width: 100%; 27 | } 28 | .anchor-button{ 29 | text-decoration: none; 30 | background: linear-gradient(45deg, lightsalmon, tomato); 31 | padding: 10px 40px; 32 | border-radius: 5px; 33 | color: white; 34 | font-weight: 700; 35 | } 36 | p{ 37 | color: dimgray; 38 | } 39 | .dream-area{ 40 | background-image: url("images/dream-bg.png"); 41 | background-repeat: no-repeat; 42 | background-position: right; 43 | } 44 | h2{ 45 | font-size: 40px; 46 | } 47 | .experience-area{ 48 | background-image: url("images/exp-bg.png"); 49 | background-repeat: no-repeat; 50 | background-position: left; 51 | } 52 | .experience-area h3{ 53 | color: orange; 54 | } 55 | 56 | .experience-area div{ 57 | box-shadow: 5px 7px 40px gray; 58 | height: 80%; 59 | } 60 | #full-stack{ 61 | border-left: 7px solid tomato; 62 | } 63 | #baby-web{ 64 | border-left: 7px solid; 65 | border-image: linear-gradient(blue 100%, cyan 100%); 66 | border-image-slice: 1; 67 | } 68 | footer p{ 69 | text-align: center; 70 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Peter Parker Website 8 | 9 | 10 | 11 | 12 |
13 |
14 |

Welcome To

15 |

Peter Parker World

16 |

Build Climber and Train Stopper

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 |

Dream Big

30 |

Become a web 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 Developer

39 |

2021-Present | Pro Level Developer

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 | --------------------------------------------------------------------------------