-
Notifications
You must be signed in to change notification settings - Fork 0
/
hem.html
146 lines (124 loc) · 4.53 KB
/
hem.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
136
137
138
139
140
141
142
143
144
145
146
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Bluehats hemsida. Lär känna oss med 4 snabba frågor">
<title>Bluehats | Hem</title>
<!-- FAVICON -->
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<!-- ICONS SCOUT CDN -->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
<!-- GOOGLE FONTS (MONTSSERAT) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<nav>
<div class="container nav_container">
<a href="hem" aria-label="bluehats"><h4>Bluehats</h4></a>
<ul class="nav_menu">
<li><a href="hem" aria-label="home">Hem</a></li>
<li><a href="podcast" aria-label="podcast">Podcast</a></li>
<li><a href="swish" aria-label="Bluehats contact">Swish</a></li>
</ul>
<button id="open-menu-btn" aria-label="open-menu"><i class="uil uil-bars"></i></button>
<button id="close-menu-btn" aria-label="close-menu"><i class="uil uil-multiply"></i></button>
</div>
</nav>
<!--END OF NAVBAR-->
<header>
<div class="container header_container">
<div class="header_left">
<h1>Hemsida</h1>
<p>Din resa i teknikens rike.</p>
</div>
<div>
<div>
<img src="./images/alex-plein.webp" alt="header">
</div>
</div>
</div>
</header>
<!--END OF HEADER-->
<section class="courses"></section>
<!--END OF COURSES-->
<section class="faqs">
<h2>Frågor</h2>
<div class="container faqs_container">
<article class="faq">
<div class="faq_icon"><i class="uil uil-plus"></i></div>
<div>
<h3 style="font-size: 1rem">Vad kostar det?</h3>
<p>Bluehats levererar gratis och engagerande java projekt, podcastavsnitt och blogginlägg.</p>
</div>
</article>
<article class="faq">
<div class="faq_icon"><i class="uil uil-plus"></i></div>
<div>
<h4>Varför just Java?</h4>
<p>Skapa ett spel, app eller api. Följ inspirerande ledare och landa ett jobb hos Telia, Postkodlotteriet eller
Trafikverket.
</p>
</div>
</article>
<article class="faq">
<div class="faq_icon"><i class="uil uil-plus"></i></div>
<div>
<h4>Vad borde jag fördjupa mig i?</h4>
<p>Prova på: Event Driven Java, Test Driven Development, Enterprise Java / Spring Boot.</p>
</div>
</article>
<article class="faq">
<div class="faq_icon"><i class="uil uil-plus"></i></div>
<div>
<h4>Hur länge har du jobbat?</h4>
<p>Under knappt fyra år har jag aktivt arbetat med Java. Erfarenhet inkluderar projekt inom finans, offentlig sektor och
egna initiativ. </p>
</div>
</article>
</div>
</section>
<!--END OF FAQs -->
<footer>
<div class="container footer_container">
<div class="footer_1">
<a href="hem" aria-label="bluehats footer"><h4>Bluehats</h4></a>
<p>Din ultimata Guide till att behärska Java</p>
</div>
<div>
<h4>Länkar</h4>
<ul>
<li><a href="hem" aria-label="footer home">Hem</a></li>
<li><a href="podcast" aria-label="footer podcast">Podcast</a></li>
<li><a href="swish" aria-label="footer contact">Swish</a></li>
</ul>
</div>
<div>
<h4>Integritet</h4>
<ul>
<li><a href="#" aria-label="terms and agreements">Vilkor</a></li>
<li><a href="#" aria-label="refund">Återköp</a></li>
</ul>
</div>
<div>
<h4>Följ</h4>
<ul class="footer_socials">
<li><a href="https://www.buzzsprout.com/2300803/14338712" aria-label="youtube"><i class="uil uil-youtube"></i></a></li>
<li><a href="https://www.linkedin.com/in/jakob-yaro-178546205" aria-label="linkedin"><i class="uil uil-linkedin-alt"></i></a></li>
</ul>
</div>
</div>
<div class="footer_copyright">
<small>© All rights reserved</small>
</div>
</footer>
<!--END OF FOOTER -->
<script src="./main.js"></script>
</body>
</html>