generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
96 lines (91 loc) · 4.05 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
<!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>Genquality</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 class="active"><a href="index.html">Home</a></li>
<li><a href="quiz.html">Quiz</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- main -->
<div class="row main-wrapper">
<div class="col-12">
<div class="col-12 hero-image"></div>
<div class="hero-text">
<h1 class="slogan m-0">ACHIEVE GENDER EQUALITY</h1>
</div>
<div class="text-center pt-3">
<a id="btn-quiz" class="btn btn-primary" href="quiz.html">
<i class="fa-solid fa-circle-chevron-left"></i>
<span> Take a Quiz</span>
</a>
</div>
</div>
<div class="row main-wrapper">
<div class="col-sm-6">
<img class="img-responsive mc-0"
src="https://res.cloudinary.com/lkcloud/image/upload/v1662743276/Genquality/index/index_couple_v1_jb7sm5.png"
alt="2 women and 2 men waving">
</div>
<div class="col-sm-6 content">
<p>
Gender bias is undermining our social fabric and devalues all of us. It is not just a human
rights
issue; it is a tremendous waste of the world’s human potential. By denying women equal
rights,
we
deny
half the population a chance to live life at its fullest. Political, economic and social
equality
for
women will benefit all the world’s citizens. Together we can eradicate prejudice and work
for
equal
rights and respect for all.
</p>
</div>
</div>
</div>
<footer></footer>
</body>
</html>