-
Notifications
You must be signed in to change notification settings - Fork 0
/
Home.html
107 lines (101 loc) · 6.54 KB
/
Home.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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset= "UTF-8">
<meta name="viewport" content="width=device-width">
<title>Jorge Wender | FullStack Developer</title>
<link rel="icon" type="imagem/png" href="Sources/favorite_icon.png" />
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="/Sources/font/carnas_black/stylesheet.css">
<link rel="stylesheet" href="/Sources/font/sinkin-sans/stylesheet.css">
<script src="script.js" defer></script>
</head>
<body class="page">
<header>
<div class="box">
<a class="logo-field" href="#main"><img class="logo" src="/Sources/JJ_icon.png"></a>
<p class="subtitle">FullStack</p>
<p class="subtitle2">Developer</p>
<nav class="nav-layout">
<a class="nav-opt" href="#Introduction">Introduction</a>
<a class="nav-opt" href="#about">About</a>
<a class="nav-opt" href="#skills">skills</a>
<a class="nav-opt" href="#project">project</a>
<a class="nav-opt" href="#contact">contact</a>
</nav>
<ul class="social_link">
<li><a href="https://www.linkedin.com/in/jorgewenderjunior/"><img class="blueIcon" src="/Sources/linkedin_logo_blue.png"></a></li>
<li><a href="https://github.com/JuniorWender"><img class="blueIcon" src="/Sources/github_logo_blue.png"></a></li>
<li><a href="mailto:juniorwender1996@gmail.com"><img class="blueIcon" src="/Sources/Email_blue_icon.png"></a></li>
</ul>
</div>
</header>
<main class="content">
<home id="Introduction">
<h1 class="Titles-left"> Hello,<br> Welcome To My Portfolio </h1>
<p class="text-content-left"> On this website i’ll show to you informations about me , <br> projects with i worked alone or with a team and what are my skills.</p>
</home>
<section id="about">
<h1 class="Titles-right">Hey! My Name Is Jorge Wender.<br> <span>I’m a FullStack Developer.</span> </h1>
<p class="text-content-right">I’m brazilian and i started studying programming on 2013 , but i only take my first job with this recently on 2022. Before that i worked like a streamer on twitch/youtube and learned a little about Photoshop, video Editing,social media and designer,and now a days i used this knolowdges for help me to designer my Front-End projects like this.</p>
</section>
<section id="skills">
<div class="organizer-skills">
<div class="title_content">
<h1 class="Titles-left">Skills and Experiences</h1>
<p class="text-content-left">I started working with programming in a software called portsolutions i resolved bugs and helped the team to improve the software , this software controls all tasks in a port and two big componys use it (ArcellorMital and Ternium) , this sotware run in a .NET and Angular but now a days i work creating a application for a fintech in Asp.Net.</p>
</div>
<div class="skills_sliders_box">
<div class="skills_text"> English </div>
<div class="meter">
<span style="width: 60%; background-color: rgb(233, 212, 21);"></span>
</div>
<div class="skills_text">Front-End </div>
<div class="meter">
<span style="width: 50%; background-color: rgb(0, 0, 0);"></span>
</div>
<div class="skills_text">Back-End </div>
<div class="meter">
<span style="width: 70%; background-color: rgb(233, 212, 21);"></span>
</div>
<div class="skills_text">Data Science</div>
<div class="meter">
<span style="width: 30%; background-color: rgb(0, 0, 0);"></span>
</div>
<div class="skills_text">Tools </div>
<div class="meter">
<span style="width: 60%; background-color: rgb(233, 212, 21);"></span>
</div>
</div>
</div>
</section>
<section id="project">
<h1 class="Titles-right">Projects</h1>
<ul class="carousel_body">
<li class="carousel_itens">
<h3 class="carousel_title">Automatic SQL Generator</h3>
<a href="https://github.com/JuniorWender/Automatic_Translate"><img class="projects-icon" src="/Sources/SQL_logo_icon.png"></a>
</li>
<li class="carousel_itens">
<h3 class="carousel_title">Barber Shop Alura website</h3>
<a href="https://project-barbershop.netlify.app/index.html"><img class="projects-icon" src="Sources/html_logo_icon.png"></a>
</li>
<li class="carousel_itens">
<h3 class="carousel_title">C# Bank Structure</h3>
<a href="https://github.com/JuniorWender/Alura_Csharp"><img class="projects-icon" src="Sources/Csharp_logo_icon.png"></a>
</li>
</ul>
</section>
<section id="contact">
<h1 class="Titles-left">Contact</h1>
<p class="text-content-left">I’m interested in jobs opportunities. I’d like to work for a internacional company, But if you have other opportunities, don’t hesitate to send me a offer. You can enter in contact with the links bellow.</p>
<ul class="footerIcon-list">
<li class="footerIcon"><a href="https://www.linkedin.com/in/jorgewenderjunior/"><img class="footerIcon" src="/Sources/linkedin_logo.png"></a></li>
<li class="footerIcon"><a href="https://github.com/JuniorWender"><img class="footerIcon" src="/Sources/github_logo.png"></a></li>
<li class="footerIcon"><a href="mailto:juniorwender1996@gmail.com"><img class="footerIcon" src="/Sources/email_logo.png"></a></li>
</ul>
</section>
</main>
</body>
</html>