generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathresources.html
144 lines (138 loc) · 6.58 KB
/
resources.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
<!DOCTYPE html>
<html lang="en">
<!-- Head section -->
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<link href="assets/css/style.css" rel="stylesheet" />
<link rel="icon" type="image/x-icon" href="assets/images/favicon/favicon.ico" />
<link rel="apple-touch-icon" href="assets/images/favicon/apple-touch-icon.png" />
<title>Resources</title>
</head>
<body>
<header>
<!-- Navigation -->
<nav class="navbar bg-primary navbar-static-top">
<a href="index.html">
<div>
<img id="logo" src="./assets/images/logo_small.png" alt="Genquality logo" />
</div>
<div class="navbar-brand p-logo">Genquality</div>
</a>
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">
<div class="sr-only">Toggle navigation</div>
<div class="icon-bar bg-success"></div>
<div class="icon-bar bg-success"></div>
<div class="icon-bar bg-success"></div>
<div class="icon-bar bg-success"></div>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="quiz.html">Quiz</a></li>
<li class="active"><a href="resources.html">Resources</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Main section -->
<main class="top-main px-3">
<div class="top-image-container">
<img class="resource-main-img" src="./assets/images/gender-equality.jpeg" alt="graphic of words related to gender equality">
</div>
<div class="row row-grey-light py-3">
<div class="col-12 text-center">
<h1>Resources To Help The Cause!</h1>
</div>
<div class="col-12 main-text-container mc-0">
<p class="py-3">
If you've just come from our quiz, we hope you enjoyed it! If not, why not give it a
go <a href="quiz.html">here!</a> Below we have compiled a few articles and links that
contain information on how you can help improve gender equality in both your life and workplace.
</p>
</div>
</div>
<div class="row row-white py-3">
<div class="col-12 text-center">
<h1>For Employers</h1>
</div>
<div class="col-sm-8 main-text-container mc-0 pl-mw-1000">
<p class="py-3">
If you're an employer in Ireland and are looking for some facts about the gender pay gap and related
issues, we've included
a link here that will hopefully educate and enlighten you, helping you improve your workplace
environment for you and
your employees.
</p>
<div>
<a href="https://www.gov.ie/en/publication/19875-gender-pay-gap-information-reporting-faqs-for-employers/"
target="_blank">Improve your workplace
</a>
</div>
</div>
<div class="col-sm-4">
<img class="resource-secondary-image" src="./assets/images/gender-equality.jpg" alt="men and women on a weighting scale">
</div>
</div>
<div class="row row-salmon-pink py-3">
<div class="col-12 text-center">
<h1>For Employees!</h1>
</div>
<div class="col-sm-4">
<img class="resource-secondary-image" src="./assets/images/equal.jpeg" alt="man and woman shacking hands with a scale in the background">
</div>
<div class="col-sm-1"></div>
<div class="col-sm-6 main-text-container mc-0 pl-mw-1000">
<p class="py-3">
If you're an employee and you want to know more about your rights when it comes to gender equality
in
the workplace, we've included a link here all about what the gender pay gap in Ireland is. Never be
afraid to advocate for yourself!
</p>
<div>
<a href="https://www.gov.ie/en/campaigns/d7752-gender-equality/?referrer=/" target="_blank">Know
Your
Rights
</a>
</div>
</div>
</div>
<div class="col-sm-1"></div>
<div class="row row-grey-light py-3">
<div class="col-12 text-center">
<h1>For Those Who Want To Make A Difference!</h1>
</div>
<div class="col-sm-6 main-text-container mc-0 pl-mw-1000">
<p class="py-3">
Whether you're an employer, employee or just someone hoping to make a change, we've provided a link
to
an article providing some simple ways you can help.</p>
<div>
<a href="https://energyresourcing.com/blog/close-gender-pay-gap-on-equal-pay-day"
target="_blank">Things You Can Do
To Help
</a>
</div>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-4">
<div class="text-center">
<img class="resource-secondary-image" src="./assets/images/equality2.jpeg" alt="man and woman sitting on the weighting scale">
</div>
</div>
<div class="col-sm-1"></div>
</div>
</main>
</body>