-
Notifications
You must be signed in to change notification settings - Fork 0
/
skills.html
135 lines (129 loc) · 4.91 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
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<title>Scott Gordon - Skills</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/style.css" />
<link
href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700|Montserrat:400,500,700,800"
rel="stylesheet"
/>
<script
src="https://kit.fontawesome.com/9c1549859f.js"
crossorigin="anonymous"
></script>
<script src="/scripts/greeting.js"></script>
</head>
<body onload="greetVisitor()">
<div class="header">
<h1>Scott Gordon - Skills</h1>
</div>
<!-- Navigation Bar -->
<div class="navbar">
<a href="index.html">Home</a>
<a href="skills.html">Skills</a>
<a href="certificates.html">Certificates</a>
<a href="projects.html">Projects</a>
<a href="blog.html">Blog</a>
<a href="about.html">About Me</a>
</div>
<!-- Main -->
<h2 class="main">Skills Showcase</h2>
<div class="skills-container">
<div class="skills-category" id="devops_cloud">
<h3>DevOps & Cloud</h3>
<p><i class="fab fa-aws"></i> AWS</p>
<meter value="0.90" max="1.0"></meter>
<p><i class="fab fa-azure"></i> Azure</p>
<meter value="0.75" max="1.0"></meter>
<p><i class="fab fa-docker"></i> Docker</p>
<meter value="0.85" max="1.0"></meter>
<p><i class="fab fa-kubernetes"></i> Kubernetes</p>
<meter value="0.80" max="1.0"></meter>
<p><i class="fab fa-terraform"></i> Terraform</p>
<meter value="0.90" max="1.0"></meter>
<p><i class="fab fa-ansible"></i> Ansible</p>
<meter value="0.70" max="1.0"></meter>
<p><i class="fab fa-jenkins"></i> Jenkins</p>
<meter value="0.85" max="1.0"></meter>
<p><i class="fab fa-circleci"></i> CircleCI</p>
<meter value="0.90" max="1.0"></meter>
<p><i class="fab fa-linux"></i> Linux System Administration</p>
<meter value="0.90" max="1.0"></meter>
</div>
<div class="skills-category" id="programming">
<h3>Programming</h3>
<p><i class="fab fa-python"></i> Python</p>
<meter value="0.90" max="1.0"></meter>
<p><i class="fab fa-js-square"></i> JavaScript</p>
<meter value="0.75" max="1.0"></meter>
<p><i class="fab fa-html5"></i> HTML</p>
<meter value="0.90" max="1.0"></meter>
<p><i class="fab fa-css3-alt"></i> CSS</p>
<meter value="0.90" max="1.0"></meter>
<p><i class="fab fa-bash"></i> Bash</p>
<meter value="0.90" max="1.0"></meter>
<p><i class="fab fa-csharp"></i> C#</p>
<meter value="0.75" max="1.0"></meter>
<p><i class="fab fa-java"></i> Java</p>
<meter value="0.80" max="1.0"></meter>
<p><i class="fab fa-typescript"></i> TypeScript</p>
<meter value="0.70" max="1.0"></meter>
<p><i class="fab fa-react"></i> React</p>
<meter value="0.70" max="1.0"></meter>
<p><i class="fab fa-angular"></i> Angular</p>
<meter value="0.70" max="1.0"></meter>
</div>
<div class="skills-category" id="data_science">
<h3>Data Science</h3>
<p><i class="fas fa-chart-line"></i> Data Analysis</p>
<meter value="0.70" max="1.0"></meter>
<p><i class="fas fa-database"></i> SQL</p>
<meter value="0.70" max="1.0"></meter>
<p><i class="fas fa-project-diagram"></i> Machine Learning</p>
<meter value="0.70" max="1.0"></meter>
<p><i class="fas fa-brain"></i> Deep Learning</p>
<meter value="0.70" max="1.0"></meter>
<p><i class="fas fa-chart-bar"></i> Data Visualization</p>
<meter value="0.80" max="1.0"></meter>
<p><i class="fas fa-database"></i> Big Data</p>
<meter value="0.80" max="1.0"></meter>
<p><i class="fas fa-python"></i> Pandas</p>
<meter value="0.90" max="1.0"></meter>
<p><i class="fas fa-chart-pie"></i> Statistics</p>
<meter value="0.70" max="1.0"></meter>
</div>
</div>
<!-- Footer -->
<div class="footer">
<h2>Connect With Me</h2>
<a
href="https://www.linkedin.com/in/sagordon-dev"
target="_blank"
rel="noopener noreferrer"
><i class="fab fa-linkedin fa-2x"></i
></a>
<a
href="https://github.com/sagordon-dev"
target="_blank"
rel="noopener noreferrer"
><i class="fab fa-github-square fa-2x"></i
></a>
<a
href="https://dev.to/sagordondev"
target="_blank"
rel="noopener noreferrer"
><i class="fab fa-dev fa-2x"></i
></a>
<a
href="mailto:[email protected]"
target="_blank"
rel="noopener noreferrer"
><i class="fas fa-envelope-square fa-2x"></i
></a>
<br /><br />
<p>© 2024 https://sagordon-dev.github.io/</p>
</div>
</body>
</html>