-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscriptTest.html
28 lines (26 loc) · 1.1 KB
/
scriptTest.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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Connect with Joël!</title>
<link
rel="stylesheet"
href="./styles.css">
</head>
<body>
<div class="container">
<button class="icon-button" onclick="OpenLinkedIn()">
<span class="button-text">LinkedIn</span>
<svg class="icon" width="30" height="30" viewBox="0 0 24 24">
<!-- Your SVG icon path here -->
<path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" />
</svg>
</button>
</div>
<script>
function OpenLinkedIn() {
const url = 'https://www.linkedin.com/in/joel-van-herwaarden/'; // Replace with your desired URL
window.open(url, '_blank');
}
</script>
</body>