generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
99 lines (96 loc) · 4.99 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Tech career in West Midlands">
<meta name="keywords"
content="free, courses, bootcamps, products, meetups, open source, career, tech, west midlands">
<meta name="author" content="Janet Dornan">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/7c6e646adf.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/style.css">
<title>LevelCoder | Launch your tech career in the West Midlands</title>
</head>
<body>
<!-- Bootstrap standard navbar with collapsing Burger menu for mobiles -->
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">LevelCoder</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="courses.html">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero image with opaque overlay to darken the image and provide good contrast with overlaid text -->
<div class="container-fluid hero-container home-container">
<div class="opaque-overlay"> </div>
<div class="row jumbo-text">
<div class="col-12">
<!-- Jumbotron-type overlay to showcase the features of the site -->
<section class="text-white text-center">
<p class="lead"><a href="courses.html" class="text-yellow">reboot your career</a></p>
<p class="lead text-pink text-left">attend tech meetups</p>
<p class="lead text-right"><a href="courses.html" class="text-green">find free bootcamps</a></p>
<h1 class="display-4">Do you want to...</h1>
<h1 class="display-4">explore a tech career</h1>
<h1 class="display-4">here, in the</h1>
<h1 class="display-4">West Midlands?</h1>
<p class="lead text-orange text-left">use free technology</p>
<p class="lead text-purple text-right">contribute to open source</p>
<p class="lead text-blue">start connecting today</p>
</section>
</div>
</div>
</div>
<!-- Footer containing inline linked social media icons -->
<footer class="container-fluid">
<ul class="list-inline social-links py-3">
<li class="list-inline-item">
<p>Follow </p>
</li>
<li class="list-inline-item">
<a target="_blank" href="https://twitter.com/levelcoder_wm">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
<span class="sr-only">LevelCoder West Mids Twitter</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" href="https://www.linkedin.com/in/janetdornan/">
<i class="fa-brands fa-linkedin-in" aria-hidden="true"></i>
<span class="sr-only">Janet Dornan LinkedIn</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" href="https://www.tiktok.com/en/">
<i class="fa-brands fa-tiktok" aria-hidden="true"></i>
<span class="sr-only">TikTok</span>
</a>
</li>
</ul>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous">
</script>
</body>
</html>