-
Notifications
You must be signed in to change notification settings - Fork 0
/
skills.html
45 lines (44 loc) · 1.78 KB
/
skills.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<link rel="stylesheet" href="style.css"/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Skills</title>
</head>
<body>
<nav>
<ul>
<a hover class="nav-item" href="index.html" >About</a>
<a class="nav-current">Skills</a>
<a hover class="nav-item" href="education.html">Education</a>
<a hover class="nav-item" href="experience.html">Experience</a>
<a hover class="nav-item"href="interests.html">Interests</a>
</ul>
</nav>
<main>
<div class="main-left">
<img src="https://static.wikia.nocookie.net/parody/images/f/fd/Rick-Astley.jpg" alt="Rick Astley">
<h1>Rick Astley</h1>
<h3>Singer, Songwriter</h3>
<p>[email protected]</p>
</div>
<div class="main-right">
<h1>Skills</h1>
<label for="Golang">Golang</label>
<progress id="Golang" value="100" max="100"> 100% </progress>
<label for="Html">HTML</label>
<progress id="Html" value="100" max="100"> 100% </progress>
<label for="Terraform">Terraform</label>
<progress id="Terraform" value="90" max="100"> 90% </progress>
<label for="Css">CSS</label>
<progress id="Css" value="80" max="100"> 80% </progress>
<label for="JavaScript">JavaScript</label>
<progress id="JavaScript" value="75" max="100"> 75% </progress>
</div>
</main>
<footer>
©FindlayMB 2023
</footer>
</body>
</html>