generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
148 lines (144 loc) · 7.82 KB
/
about.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
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Information about LevelCoder">
<meta name="keywords" content="contact, LevelCoder, email, developers, 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 | Connect with us | Join our tech community</title>
<!--Script to disable back button after form submission. Stops user from viewing form data again.-->
<script>
function disableBack() {
window.history.forward();
}
setTimeout("disableBack()", 0);
window.onpagehide = function () {
null
};
</script>
</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" 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 active" aria-current="page" href="about.html">About</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero image with opaque overlay to darken the image and provide site wide consistency -->
<div class="container-fluid hero-container about-container">
<div class="opaque-overlay"> </div>
<!-- Signup form with explanatory text, enticing the user to subscribe to a newsletter.
Instead of the page being refreshed, after selecting the Subscribe button, a confirmation page will be opened in the same tab -->
<form class="row g-5" method="GET" action="confirmation.html">
<div class="col-12">
<h2 class="about-h2">What is this site about?</h2>
<p>
This is a one-stop site for those wishing to find a career in software or web development, within
the West Midlands area of England.
You will find listings of local courses; hybrid or remote, part-time or full-time, free or paid.
Many of these courses require no prior qualifications,
only the desire to learn. Due to the lack of diversity in tech, some of the courses listed are
restricted to certain demographics e.g. gender, ethnicity, etc.
Future pages will feature local and remote meetups, friendly open source communities and projects,
career support and free tools.
</p>
</div>
<div class="col-12">
<h2>Who are we?</h2>
<p>
We are LevelCoder, a group of tech lovers working and studying within a 50 mile radius of Birmingham
city centre.
Our aim is to make learning open to everyone with a passion for tech. We recognise that many
beginners, whether they be education leavers or career changers,
are clueless about where and how to start their journey into a tech career.
</p>
<p>
Currently this is a minimal viable product (MVP) which will be made open source in the near future.
We hope that others will contribute to this project, by improving it, adding to it or even copying it
for their own community.
Join our friendly community and keep up to date with local events by subscribing to our newspaper
below.
</p>
</div>
<h2>Sign up for our weekly newsletter <i class="fa-solid fa-users-between-lines"></i></h2>
<div class="col-md-6">
<label for="inputFirstName" class="form-label">First Name</label>
<input type="text" class="form-control" id="inputFirstName" placeholder="First name" required>
</div>
<div class="col-md-6">
<label for="inputEmail4" class="form-label">Email address</label>
<input type="email" class="form-control" id="inputEmail4" placeholder="Email address" required>
</div>
<div class="col-12 btn-subscribe">
<button type="submit" class="btn btn-warning">Subscribe</button>
</div>
</form>
</div>
<!-- Footer containing inline email and linked social media icons -->
<footer class="container-fluid">
<ul class="list-inline social-links py-3">
<li class="list-inline-item">
<p>Connect </p>
</li>
<li class="list-inline-item">
<!-- When the envelope icon is selected, the user will be able to email the company.
The user's default email system will open,
and the recepient's details and subject will be automatically filled in -->
<a href="mailto:[email protected]?subject=***Mail_via_LevelCoder_WestMids***&body=Dear_LevelCoder,"
target="_blank" rel="noopener noreferrer">
<i class="fa-solid fa-envelope" aria-hidden="true"></i>
<span class="sr-only">Email LevelCoder</span>
</a>
</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>