-
Notifications
You must be signed in to change notification settings - Fork 0
/
header.html
78 lines (78 loc) · 5.47 KB
/
header.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<style>
.icon {
width: 20px; /* Adjust size as needed */
height: auto;
vertical-align: middle;
margin-right: 8px;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav ul li {
display: inline-block;
margin-right: 15px;
}
nav ul li ul {
display: none;
position: absolute;
background-color: white;
padding: 10px;
list-style-type: none;
border: 1px solid #ccc;
}
nav ul li:hover ul {
display: block;
}
nav ul li ul li {
display: block;
margin: 5px 0;
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="./index.html"><img src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/container.svg" alt="Home" class="icon">Home</a></li>
<li>
<a href="#"><img src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/intelligence.svg" alt="Training" class="icon">Training</a>
<ul>
<li><a href="./blended-learning.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/learning/blended-learning.png?raw=true" alt="Blended Learning" class="icon">Blended Learning</a></li>
<li><a href="./course-development.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/learning/course-development.png?raw=true" alt="Course Development" class="icon">Course Development</a></li>
<li><a href="./project-mentoring.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/learning/project-mentoring.png?raw=true" alt="Project Mentoring" class="icon">Project Mentoring</a></li>
<li><a href="./performance-support.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/learning/performance-support.png?raw=true" alt="Performance Support Tools" class="icon">Performance Support Tools</a></li>
<li><a href="./training-programs.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/learning/training-programs.png?raw=true" alt="Training Programs" class="icon">Training Programs</a></li>
</ul>
</li>
<li>
<a href="#"><img src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/container--microservices.svg" alt="Services" class="icon">Services</a>
<ul>
<li><a href="./software-development.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/services/software-development.png?raw=true" alt="Software Development" class="icon">Software Development</a></li>
<li><a href="./hardware-software.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/services/hardware-software.png?raw=true" alt="Hardware and Software" class="icon">HW/SW Solutions</a></li>
<li><a href="./managed-cloud.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/services/managed-cloud.png?raw=true" alt="Managed Cloud Services" class="icon">Managed Cloud</a></li>
<li><a href="./technical-support.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/services/technical-support.png?raw=true" alt="Technical Support Services" class="icon">Technical Support</a></li>
<li><a href="./placement-recruitment.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/services/placement-recruitment.png?raw=true" alt="Placements" class="icon">Placements</a></li>
</ul>
</li>
<li>
<a href="#"><img src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/data--apis.svg" alt="Careers" class="icon">Careers</a>
<ul>
<li><a href="./job-posting.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/careers/job-posting.png?raw=true" alt="Job Posting" class="icon">Job Posting</a></li>
<li><a href="./candidate-screening.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/careers/candidate-screening.png?raw=true" alt="Candidate Screening" class="icon">Candidate Screening</a></li>
<li><a href="./interviews.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/careers/interviews.png?raw=true" alt="Interviews" class="icon">Interviews</a></li>
<li><a href="./job-offers.html"><img src="https://github.com/skunkworksza/www/blob/main/assets/careers/job-offers.png?raw=true" alt="Job Offers" class="icon">Job Offers</a></li>
<li><a href="./perosacademy/"><img src="https://github.com/skunkworksza/www/blob/main/assets/careers/peros-academy.png?raw=true" alt="Pero's Academy" class="icon">Pero's Academy</a></li>
</ul>
</li>
<li><a href="#contact"><img src="https://raw.githubusercontent.com/skunkworksza/www/b6c7c3e93995fd5c2a6c0979d90ead76d9ef98dd/assets/icons/email.svg" alt="Contact" class="icon">Contact</a></li>
</ul>
</nav>
</header>
</body>
</html>