├── .DS_Store ├── README.md ├── img ├── body-bg.png ├── home-banner.png ├── profile.png └── working.png ├── index.html └── style.css /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/simple-portfolio/60bd77e1cec45c34a84cf687cdc24a78e829604d/.DS_Store -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Simple Portfolio 2 | For new learners, learn html, css and build your first website. 3 | 4 | ### A website for Programming Hero learners 5 | 6 | To learn all these concepts as a absolute beginners, checkout: [Programming Hero](https://play.google.com/store/apps/details?id=com.learnprogramming.codecamp) -------------------------------------------------------------------------------- /img/body-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/simple-portfolio/60bd77e1cec45c34a84cf687cdc24a78e829604d/img/body-bg.png -------------------------------------------------------------------------------- /img/home-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/simple-portfolio/60bd77e1cec45c34a84cf687cdc24a78e829604d/img/home-banner.png -------------------------------------------------------------------------------- /img/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/simple-portfolio/60bd77e1cec45c34a84cf687cdc24a78e829604d/img/profile.png -------------------------------------------------------------------------------- /img/working.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/simple-portfolio/60bd77e1cec45c34a84cf687cdc24a78e829604d/img/working.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Peter Parker Website 5 | 6 | 7 | 8 |
9 |
10 |

Welcome to Peter Parker world

11 |

Building Climber and Train Stopper

12 |

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.

13 | Hire Me 14 |
15 |
16 | 17 |
18 |
19 |
20 |
21 | 22 |
23 |
24 |

BIG DREAM

25 |

Become a web developer

26 |

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

28 | Download CV 29 |
30 |
31 |
32 |

Experience

33 |
34 |

Full Stack Web Developer

35 |

2020 - Present | Pro Level Developer

36 |

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.

37 |
38 |
39 |

Baby Web Developer

40 |

2019 - 202 | Programming Hero (Remote)

41 |

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

43 |
44 |
45 | 48 | 49 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: sans-serif; 3 | color: #777777; 4 | line-height: 26px; 5 | } 6 | .purple-color { 7 | color: #8845f4; 8 | } 9 | 10 | .half-width{ 11 | width:50%; 12 | float:left; 13 | } 14 | .side-img{ 15 | width: 50%; 16 | padding-left: 25%; 17 | } 18 | .primary-btn { 19 | color: white; 20 | background-color: #8845f4; 21 | padding: 13px 42px; 22 | border-radius: 20px; 23 | text-decoration: none; 24 | } 25 | h1{ 26 | font-size: 2.5em; 27 | } 28 | .container{ 29 | padding-left:5%; 30 | display: inline-block; 31 | } 32 | .experiences { 33 | padding: 30px; 34 | margin: 30px; 35 | background-color: rgb(238, 251, 255); 36 | border-radius: 20px; 37 | } 38 | .experience-item { 39 | padding: 10px; 40 | border-left: 1px solid rgba(137, 130, 247, .2) 41 | } --------------------------------------------------------------------------------