Skip to content

Commit 3a58ea7

Browse files
committed
Add new article: Die besten Coding Bootcamps in Deutschland: Warum Code Labs Academy die Nase vorn hat
1 parent 1b36b52 commit 3a58ea7

1 file changed

Lines changed: 205 additions & 0 deletions

File tree

Lines changed: 205 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,205 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Metadata -->
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta
8+
name="description"
9+
content="Entdecke, warum Code Labs Academy zu den führenden Coding Bootcamps in Deutschland zählt. Erfahre alles über unsere praxisnahen Kurse, individuelle Betreuung und Karriereservices, die speziell auf den deutschen Arbeitsmarkt zugeschnitten sind. Starte deine Tech-Karriere mit uns!"
10+
/>
11+
<meta name="keywords" content="Codingbootcamp, Bestesbootcampdeutschland, Programmierenlernen, IT-Karrierestarten" />
12+
<meta name="robots" content="index, follow" />
13+
14+
<!-- Open Graph / Social Media -->
15+
<meta property="og:title" content="Die besten Coding Bootcamps in Deutschland: Warum Code Labs Academy die Nase vorn hat" />
16+
<meta
17+
property="og:description"
18+
content="Entdecke, warum Code Labs Academy zu den führenden Coding Bootcamps in Deutschland zählt. Erfahre alles über unsere praxisnahen Kurse, individuelle Betreuung und Karriereservices, die speziell auf den deutschen Arbeitsmarkt zugeschnitten sind. Starte deine Tech-Karriere mit uns!"
19+
/>
20+
<meta
21+
property="og:image"
22+
content="https://images.unsplash.com/photo-1616531770192-6eaea74c2456?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
23+
/>
24+
<meta property="og:type" content="article" />
25+
<meta property="og:locale" content="en_US" />
26+
27+
<!-- Twitter Card -->
28+
<meta name="twitter:card" content="summary_large_image" />
29+
<meta name="twitter:title" content="Die besten Coding Bootcamps in Deutschland: Warum Code Labs Academy die Nase vorn hat" />
30+
<meta
31+
name="twitter:description"
32+
content="Entdecke, warum Code Labs Academy zu den führenden Coding Bootcamps in Deutschland zählt. Erfahre alles über unsere praxisnahen Kurse, individuelle Betreuung und Karriereservices, die speziell auf den deutschen Arbeitsmarkt zugeschnitten sind. Starte deine Tech-Karriere mit uns!"
33+
/>
34+
<meta
35+
name="twitter:image"
36+
content="https://images.unsplash.com/photo-1616531770192-6eaea74c2456?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
37+
/>
38+
<link rel="preconnect" href="https://fonts.googleapis.com" />
39+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
40+
<link
41+
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500;&display=swap"
42+
rel="stylesheet"
43+
/>
44+
<script src="https://cdn.tailwindcss.com"></script>
45+
<script>
46+
tailwind.config = {
47+
darkMode: "class",
48+
theme: {
49+
fontFamily: {
50+
sans: ["Poppins", "sans-serif"],
51+
},
52+
extend: {
53+
colors: {
54+
primary: "#FF1493",
55+
},
56+
},
57+
},
58+
};
59+
</script>
60+
<link rel="stylesheet" href="./css/article.css" />
61+
</head>
62+
<body class="bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100">
63+
<!-- Header -->
64+
<header class="border-b border-gray-100 dark:border-gray-800">
65+
<div class="container mx-auto px-4 py-6">
66+
<nav class="flex flex-col sm:flex-row items-center justify-between">
67+
<a
68+
href="https://codelabsacademy.com/en"
69+
target="_blank"
70+
rel="noreferrer"
71+
aria-label="Home page link"
72+
>
73+
<div class="flex items-center space-x-2 mb-4 sm:mb-0">
74+
<img
75+
src="https://d3vdhmy3teu986.cloudfront.net/strapi/Bullet_9dbbd7144f.svg"
76+
width="30px"
77+
alt="Code Labs Academy icon"
78+
/></div
79+
></a>
80+
<div class="flex items-center space-x-6">
81+
<a
82+
href="index.html"
83+
class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"
84+
>Blog</a
85+
>
86+
<a
87+
href="https://codelabsacademy.com/en/learning-hub"
88+
target="_blank"
89+
rel="noreferrer"
90+
class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"
91+
>Learning Hub</a
92+
>
93+
<button
94+
id="darkModeToggle"
95+
class="p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full"
96+
>
97+
<svg
98+
class="w-5 h-5 dark:hidden"
99+
fill="none"
100+
stroke="currentColor"
101+
viewBox="0 0 24 24"
102+
>
103+
<path
104+
stroke-linecap="round"
105+
stroke-linejoin="round"
106+
stroke-width="2"
107+
d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
108+
/>
109+
</svg>
110+
<svg
111+
class="w-5 h-5 hidden dark:block"
112+
fill="none"
113+
stroke="currentColor"
114+
viewBox="0 0 24 24"
115+
>
116+
<path
117+
stroke-linecap="round"
118+
stroke-linejoin="round"
119+
stroke-width="2"
120+
d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
121+
/>
122+
</svg>
123+
</button>
124+
</div>
125+
</nav>
126+
</div>
127+
</header>
128+
129+
<!-- Main Content -->
130+
<main class="container mx-auto px-4 py-12 min-h-[80vh]">
131+
<article class="max-w-[820px] mx-auto">
132+
<p>Ever wondered how to land your dream tech job? Coding bootcamps might be your answer! They're intensive programs that fast-track you into a tech career. Want to know what makes a bootcamp stand out? Let's explore!</p><h3>Top-Notch Training</h3><p>Many bootcamps offer amazing training. But some are better than others. A great bootcamp provides hands-on projects. You'll build a portfolio to show potential employers. This is key to getting hired.</p><h3>Real-World Skills</h3><p>The best bootcamps focus on practical skills. You won't just learn theory. You'll work on real-world projects. This helps you build confidence and experience. It's like getting a head start in your career.</p><h3>Career Support</h3><p>Job hunting can be tough. A top-tier bootcamp offers career services. They help you with your resume and interview skills. They might even connect you with potential employers. That's a huge advantage!</p><h3>Why Choose a Top Bootcamp?</h3><p>Choosing the right bootcamp is crucial. Look for one with a strong reputation. Read reviews from past students. See what kind of support they offer. Investing in a good bootcamp is investing in your future.</p><p><i>Finding the perfect bootcamp can transform your career.</i></p><br />Continue reading the <a href="https://codelabsacademy.com/en/blog/die-besten-coding-bootcamps-in-deutschland-warum-code-labs-academy-die-nase-vorn-hat?source=github">full article</a><br /><hr /><a href="https://codelabsacademy.com/en/">Code Labs Academy</a>: Master <a href="https://codelabsacademy.com/en/courses/web-development/germany/frth?source=github">Web Development</a> in Fürth<br /><br />#coding-bootcamps #web-development #germany
133+
</article>
134+
</main>
135+
136+
<!-- Footer -->
137+
<footer class="border-t border-gray-100 dark:border-gray-800">
138+
<div class="container mx-auto px-4 py-6">
139+
<div class="flex justify-center space-x-4">
140+
<a
141+
href="https://www.linkedin.com/school/codelabsacademy"
142+
target="_blank"
143+
rel="noreferrer"
144+
aria-label="CLA Linkedin link"
145+
class="hover:opacity-80"
146+
>
147+
<img
148+
class="w-6 h-6"
149+
src="./images/linkedin.svg"
150+
alt="Linkedin icon"
151+
/>
152+
</a>
153+
<a
154+
href="https://www.instagram.com/codelabsacademy_/"
155+
target="_blank"
156+
rel="noreferrer"
157+
aria-label="CLA Instagram link"
158+
class="hover:opacity-80"
159+
>
160+
<img
161+
class="w-6 h-6"
162+
src="./images/instagram.svg"
163+
alt="Instagram icon"
164+
/>
165+
</a>
166+
<a
167+
href="https://www.google.com/maps/place/Code+Labs+Academy+Berlin+-+Coding+Bootcamp/@52.5039927,13.405669,17z/data=!3m1!4b1!4m6!3m5!1s0x47bdbddcaf38f957:0xc4282d6f3a56c1bd!8m2!3d52.5039927!4d13.407863!16s%2Fg%2F11rtcdzfy3"
168+
target="_blank"
169+
rel="noreferrer"
170+
aria-label="CLA Maps link"
171+
class="hover:opacity-80"
172+
>
173+
<img class="w-6 h-6" src="./images/maps.svg" alt="Maps icon" />
174+
</a>
175+
</div>
176+
<p class="text-center text-sm text-gray-500 dark:text-gray-400 mt-4">
177+
©
178+
<script>
179+
document.write(new Date().getFullYear());
180+
</script>
181+
Code Labs Academy. All rights reserved.
182+
</p>
183+
</div>
184+
</footer>
185+
186+
<script>
187+
const darkModeToggle = document.getElementById("darkModeToggle");
188+
const html = document.documentElement;
189+
190+
darkModeToggle.addEventListener("click", () => {
191+
html.classList.toggle("dark");
192+
localStorage.setItem("darkMode", html.classList.contains("dark"));
193+
});
194+
195+
// Check for saved dark mode preference
196+
if (
197+
localStorage.getItem("darkMode") === "true" ||
198+
(!("darkMode" in localStorage) &&
199+
window.matchMedia("(prefers-color-scheme: dark)").matches)
200+
) {
201+
html.classList.add("dark");
202+
}
203+
</script>
204+
</body>
205+
</html>

0 commit comments

Comments
 (0)