Skip to content

Commit b129c4b

Browse files
Code-JLCode-JL
committed
Added skills(html&css), added information
1 parent d2a95d6 commit b129c4b

File tree

3 files changed

+122
-1
lines changed

3 files changed

+122
-1
lines changed

‎assets/load/header.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<ul>
33
<li><a href="home.html"><img src="../../images/home.png" alt="Home Icon"> Home</a></li>
44
<li><a href="projects.html"><img src="../../images/projects.png" alt="Projects Icon"> Projects</a></li>
5-
<li><a href="home.html#skills"><img src="../../images/skills.png" alt="Skills Icon"> Skills</a></li>
5+
<li><a href="skills.html"><img src="../../images/skills.png" alt="Skills Icon"> Skills</a></li>
66
<li><a href="education.html"><img src="../../images/education.png" alt="Education Icon"> Education</a></li>
77
<li><a href="home.html#contact"><img src="../../images/contact.png" alt="Contact Icon"> Contact</a></li>
88
<li><a href="resume.html"><img src="../../images/skills.png" alt="Contact Icon">Resume</a></li>

‎assets/skills.css

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
section#contact p a img {
2+
width: 50px;
3+
height: 50px;
4+
margin-right: 8px;
5+
vertical-align: middle;
6+
}
7+
8+
section#contact p a {
9+
font-family: 'rampage-monoline', sans-serif;
10+
font-size: 30px;
11+
color: #e7df69;
12+
}
13+
14+
section.title {
15+
width: 30%;
16+
}
17+
18+
section {
19+
width: 50%;
20+
}
21+
li a {
22+
color: #e7df69;
23+
}
24+
section#contact p a:visited, li a {
25+
color: #dfa843;
26+
}
27+
28+
li, p {
29+
font-size: 18px
30+
}
31+
32+
h1 {
33+
font-size: 85px;
34+
}
35+
h2 {
36+
font-size: 55px;
37+
}
38+
h3 {
39+
font-size: 40px;
40+
}
41+
42+
.grid-container {
43+
display: grid;
44+
grid-template-columns: repeat(2, 1fr);
45+
gap: 16px; /* Space between grid items */
46+
}

‎assets/skills.html

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Projects - Joseph Lavoie</title>
7+
<link rel="stylesheet" href="load/universal.css">
8+
<link rel="stylesheet" href="skills.css">
9+
</head>
10+
<body>
11+
<header></header>
12+
<section class="title">
13+
<h1>Skills</h1>
14+
</section>
15+
16+
<section class="grid-container">
17+
<div class="grid-item">
18+
<h2>Programming Languages</h2>
19+
<ul>
20+
<li>Python</li>
21+
<li>C++</li>
22+
<li>Java</li>
23+
<li>C#</li>
24+
<li>HTML, CSS and JavaScript</li>
25+
</ul>
26+
</div>
27+
<div class="grid-item">
28+
<h2>Tools Used</h2>
29+
<ul>
30+
<li>VS Code</li>
31+
<li>GitHub</li>
32+
<li>Other</li>
33+
<li>Other</li>
34+
<li>Other</li>
35+
</ul>
36+
</div>
37+
</section>
38+
39+
<section class="grid-container">
40+
<div class="grid-item">
41+
<h2>Developer Skills</h2>
42+
<ul>
43+
<li>Communication</li>
44+
<li>Problem Solving</li>
45+
<li>Teamwork</li>
46+
<li>Critical Thinking</li>
47+
</ul>
48+
</div>
49+
<div class="grid-item">
50+
<h2>Soft Skills</h2>
51+
<ul>
52+
<li>Communication</li>
53+
<li>Problem Solving</li>
54+
<li>Teamwork</li>
55+
<li>Critical Thinking</li>
56+
</ul>
57+
</div>
58+
</section>
59+
60+
61+
<section id="contact">
62+
<h2>Contact</h2>
63+
<p><a href="mailto:[email protected]"><img src="../images/email.png" alt="Home Icon">[email protected]</a></p>
64+
<p><a href="https://github.com/Code-JL" target="_blank"><img src="../images/github.png" alt="Home Icon">Code-JL</a></p>
65+
<p><a href="https://linkedin.com/in/joseph-lavoie-803470260/" target="_blank"><img src="../images/linkedin.png" alt="Home Icon">Linkedin</a></p>
66+
</section>
67+
<footer>
68+
<p>© 2024 Joseph Lavoie</p>
69+
</footer>
70+
<canvas id="bg1"></canvas>
71+
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
72+
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js"></script>
73+
<script src="load/universal.js"></script>
74+
</body>
75+
</html>

0 commit comments

Comments
 (0)