-
Notifications
You must be signed in to change notification settings - Fork 0
/
skills.html
81 lines (68 loc) · 3.99 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
<!DOCTYPE HTML>
<html>
<header>
<link rel="stylesheet" href="styles/style.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Thomas Karam CV</title>
</header>
<body>
<div class="content"> <!-- All visible content is stored in content -->
<div class="header">
<h1>Thomas Karam CV</h1>
<br>
<h2>027 248 7066 | [email protected]</h2>
</div>
<div class="topnav"> <!-- Navigation bar-->
<a href="index.html">Home</a>
<a href="about.html">About Me</a>
<a class="currentpage" href="skills.html">Skills</a>
<a href="education.html">Education</a>
<a href="experience.html">Experience</a>
<a href="portfolio.html">Portfolio</a>
</div>
<div class="container">
<div class="mySlides">These five skills were obtained from the CliftonStrengths assessment I completed at my previous employment. It is designed to identify a person’s strengths and weaknesses to help them maximise their potential.</div>
<div class="mySlides">I am an adaptable worker who likes to go with the flow of the workday. This allows me to quickly respond to any changes in a flexible and calm manner. I enjoy working even when things go wrong, and new challenges arrive.</div>
<div class="mySlides">I enjoy close relationships with others. I find deep satisfaction in collaborating with peers to achieve a goal. I enjoy helping and coaching others to help them succeed in their own endeavours.</div>
<div class="mySlides">I am eager to learn about new facts and ideas, by sharing thinking with other people. I am constantly learning at work and in my spare time. I am a rational thinker who is great at breaking down and analysing ideas.</div>
<div class="mySlides">When making decisions, I maintain presence and take control of the situation. I am realistic and practical, which allows for quick thinking and original thoughts. Performing well under pressure, I can help others succeed.</div>
<div class="mySlides">I make things happen by turning thoughts into action. I am great at getting things done, rather than being held back by ambiguity. This allows me to remove obstacles for myself and others who struggle.</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
<!-- Image text -->
<div class="caption-container">
<p id="caption"></p>
</div>
<!-- Thumbnail images -->
<div class="thumbnailrow">
<div class="thumbnailcolumn">
<img class="demo cursor" src="images/skillsimg/topfive.jpg" style="width:100%" onclick="currentSlide(1)" alt="Top 5">
</div>
<div class="thumbnailcolumn">
<img class="demo cursor" src="images/skillsimg/adaptability.JPG" style="width:100%" onclick="currentSlide(2)" alt="Adaptability">
</div>
<div class="thumbnailcolumn">
<img class="demo cursor" src="images/skillsimg/relator.JPG" style="width:100%" onclick="currentSlide(3)" alt="Relator">
</div>
<div class="thumbnailcolumn">
<img class="demo cursor" src="images/skillsimg/input.JPG" style="width:100%" onclick="currentSlide(4)" alt="Input">
</div>
<div class="thumbnailcolumn">
<img class="demo cursor" src="images/skillsimg/command.JPG" style="width:100%" onclick="currentSlide(5)" alt="Command">
</div>
<div class="thumbnailcolumn">
<img class="demo cursor" src="images/skillsimg/activator.JPG" style="width:100%" onclick="currentSlide(6)" alt="Activator">
</div>
</div>
</div>
</div>
<footer class="footer"> <!-- Footer is in separate class, positioned below .content div -->
027 248 7066 | [email protected]
<br>
Copyright© 2022 Thomas Karam
</footer>
<script src="js/script.js"></script> <!-- Calling javascript file for slideshow must be at end of document to load after content -->
</body>
</html>