-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (63 loc) · 3.91 KB
/
index.html
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Developer Portfolio</title>
<link rel="shortcut icon" href="./images/dev-portfolio-Favicon.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Tinos&display=swap" rel="stylesheet">
<!--ADD faavicon herelink rel="shortcut icon" href="favicon.ico" type="image/x-icon"-->
</head>
<body>
<section class="top-banner flexible-container">
<div class="half-width">
<h1>Welcome to</h1>
<h1><span class="orange-color">Peter Parker</span> Resume!</h1>
<h3>ANYTHING climber & Sinister Stopper</h3>
<p class="para-all">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem minima harum repellendus dolorum quidem ex soluta quasi necessitatibus, tempora cumque incidunt ipsum quaerat nostrum eveniet consequatur fuga nisi tenetur id eos est quod dolores veniam aut? Officia, quas temporibus eveniet ipsa nam ipsum. Veniam doloremque debitis harum eveniet, dolores laudantium autem voluptatibus quis fugit. Incid deserunt error.</p><br><br>
<a class="link-button" target="_blank" href="https://github.com/Pro-prgrmHero">HiRE ME</a>
</div>
<div class="half-width">
<img src="images/my-bg.png" alt="1st image">
</div>
</section>
<!--2nd sec tion DREAM;( bigg-->
<section class="dream-big flexible-container">
<!-- <div class="middle-banner">
<img src="images/S8_HR-1000x1000.png" alt="design round Shape">
</div> -->
<div class="half-width">
<img src="images/my-bg2.png" alt="2nd background image">
</div>
<div class="half-width">
<h1>|Dream Big|</h1>
<h2>Become a Web Expert</h2>
<p class="para-all">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem minima harum repellendus dolorum quidem ex soluta quasi necessitatibus, tempora cumque incidunt ipsum quaerat nostrum eveniet consequatur fuga nisi tenetur id eos est quod dolores veniam aut? Officia, quas temporibus eveniet ipsa nam ipsum. Veniam doloremque debitis harum eveniet, dolores laudantium autem voluptatibus quis fugit. Incid deserunt error.</p><br><br>
<a class="link-button" target="_blank" href="https://pro-prgrmhero.github.io/dev-portfolio/">Download Resume</a>
</div>
</section>
<section class="experience-area">
<h1>Experiences</h1>
<div class="flexible-container">
<div id="fullstack-web-dev" class="experience-item">
<h2>Full Stack Web Developer</h2>
<h3 class="orange-color">2020 to Present | Pro level professional dev</h3>
<p class="para-all">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.</p>
</div>
<div id="baby-web-dev" class="experience-item">
<h2>Baby Web Developer</h2>
<h3 class="orange-color">2000 - 2020 | Programming Apprentice</h3>
<p class="para-all">They didn't offer me a job. But I made myself as a remote 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.</p>
</div>
</div>
<p></p>
</section>
</html>
<footer>
<p>© Peter Parker 2023, a Programming Expert initiative.</p>
</footer>
</body>