-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcontact.html
More file actions
134 lines (123 loc) · 8.39 KB
/
Copy pathcontact.html
File metadata and controls
134 lines (123 loc) · 8.39 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description"
content="Interactive flipcard app celebrating Pride icons as well as themes of diversity, visibility and community" />
<meta property="og:title" content="Flippin' Proud | Code Institute June 2021 Hackathon" />
<meta property="og:image" content="static/images/icons/pride-doughnut-icon.png" />
<meta property="og:description"
content="Interactive flipcard app celebrating Pride icons as well as themes of diversity, visibility and community" />
<meta property="og:url" content="https://loosenthedark.github.io/flippin-proud/contact.html" />
<link rel="icon" sizes="32x32" href="static/images/icons/favicon/favicon-32.png" type="image/png">
<link rel="icon" sizes="192x192" href="static/images/icons/favicon/favicon-192.png" type="image/png">
<link rel="icon" sizes="228x228" href="static/images/icons/favicon/favicon-228.png" type="image/png">
<link rel="apple-touch-icon" sizes="180x180" href="static/images/icons/favicon/favicon-apple-touch-180.png"
type="image/png">
<link rel=“preconnect” href=“https://fonts.gstatic.com”>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&family=Open+Sans:wght@300;400;600&family=Roboto:wght@300;400;500;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css"
integrity="sha512-csw0Ma4oXCAgd/d4nTcpoEoz4nYvvnk21a8VA2h2dzhPAvjbUIK6V3si7/g/HehwdunqqW18RwCJKpD7rL67Xg=="
crossorigin="anonymous" />
<link rel="stylesheet" href="static/css/style.css">
<title>Flippin' Proud | Contact</title>
</head>
<body class="contact-body">
<nav class="navbar navbar-expand-md navLinks bg-light px-3 pl-md-4 py-0">
<a class="navbar-brand logo-styling logo-glitter py-0" href="index.html" aria-label="link to Flippin' Proud home page"><img src="static/images/logo-final.png"
alt="logo"></a>
<button class="navbar-toggler collapsed p-0" id="nav-toggler" type="button" data-toggle="collapse"
data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
aria-label="Toggle navigation">
<span class="nav-toggler-icon"><i class="fas fa-bars" aria-hidden="true"></i></span>
<span class="nav-toggler-icon"></span>
<span class="sr-only">Toggle nav</span>
</button>
<div class="collapse navbar-collapse mt-2 mt-md-0 mb-3 mb-md-0" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link pl-2 pr-3 px-md-4 py-md-0" href="index.html" aria-label="link to Flippin' Proud home page">Home<span
class="sr-only">(current)</span></a>
<a class="nav-item nav-link pl-2 pr-3 px-md-4 py-md-0" href="flipcards.html" aria-label="link to Flippin' Proud flipcards page">Flipcards</a>
<a class="nav-item nav-link pl-2 pr-3 px-md-4 py-md-0 active" href="contact.html" aria-label="link to Flippin' Proud contact page">Contact</a>
</div>
</div>
</nav>
<div class="container px-0 contact-container d-flex flex-direction-column">
<div class="list-group contact-list">
<!-- <div class="contact-logo text-center"><img src='static/images/pride-doughnut-icon.png' width='80' class="" alt="Pride doughnut icon"></div> -->
<div class="contact-logo text-center"><a href="https://github.com/loosenthedark/flippin-proud" target="_blank" rel="noopener" aria-label="Flippin' Proud GitHub project repo (link opens in a new tab)"
class="hvr-grow-shadow icon-glitter"><img src='static/images/icons/gh-logo-pride.png' width='100'
class="gh-pride-contact-img" alt="Pride GitHub icon"></a></div>
<div class="names-wrapper d-lg-flex">
<a href="https://github.com/SteveKennyUK" target="_blank" rel="noopener" aria-label="GitHub profile page for Steven Kenny (link opens in a new tab)"
class="list-group-item list-group-item-action px-lg-3 bg-green">
<h5 class="fade-in contact-heading">Steven Kenny</h5>
<p class="fade-in mb-1">@SteveKennyUK : landing page, GitHub project board, README</p>
</a>
<a href="https://github.com/christine-gk416" target="_blank" rel="noopener" aria-label="GitHub profile page for Christine Greaney-Kelley (link opens in a new tab)"
class="list-group-item list-group-item-action px-lg-3 bg-blue">
<h5 class="fade-in contact-heading">Christine Greaney-Kelley</h5>
<p class="fade-in mb-1">@christine-gk416 : HTML, CSS, style pack</p>
</a>
<a href="https://github.com/Jammerref2015" target="_blank" rel="noopener" aria-label="GitHub profile page for Adrian Looney (link opens in a new tab)"
class="list-group-item list-group-item-action px-lg-3 bg-purple">
<h5 class="fade-in contact-heading">Adrian Looney</h5>
<p class="fade-in mb-1">@Jammerref2015 : logo design, flipcard UI, jQuery plugin</p>
</a>
<a href="https://github.com/loosenthedark" target="_blank" rel="noopener" aria-label="GitHub profile page for Paul Harrington (link opens in a new tab)"
class="list-group-item list-group-item-action px-lg-3 bg-snow">
<h5 class="fade-in contact-heading">Paul Harrington</h5>
<p class="fade-in mb-1">@loosenthedark : jQuery, image optimisation, responsive layout</p>
</a>
<a href="https://github.com/aramantos" target="_blank" rel="noopener" aria-label="GitHub profile page for John Doyle (link opens in a new tab)" class="list-group-item list-group-item-action px-lg-3 bg-yellow">
<h5 class="fade-in contact-heading">John Doyle</h5>
<p class="fade-in mb-1">@Aramantos : wireframing, CSS animation, custom error page</p>
</a>
<a href="https://github.com/byIlsa" target="_blank" rel="noopener" aria-label="GitHub profile page for Aukje van der Wal (link opens in a new tab)" class="list-group-item list-group-item-action px-lg-3 bg-jet">
<h5 class="fade-in contact-heading text-right">Aukje van der Wal</h5>
<p class="fade-in mb-1 text-right">@byIlsa : project mentor</p>
</a>
</div>
</div>
</div>
<footer class="container d-none d-md-block footer-container contact-footer">
<div class="text-center row footer-row">
<div class="col footer-col">
<ul class="list-inline social-list">
<li class="list-inline-item social-list-item">
<a href="https://www.linkedin.com/in/paulharrington05/" class="social-links" target="_blank" rel="noopener" aria-label="LinkedIn profile page for Paul Harrington (link opens in a new tab)"><i
class="fab fa-linkedin hvr-grow" aria-hidden="true"></i></a>
</li>
<li class="list-inline-item social-list-item">
<a href="mailto:hello@loosenthedark.tech" class="social-links" target="_blank" rel="noopener" aria-label="email link for Paul Harrington (opens in a new tab)" data-toggle="tooltip"
title="email hello@loosenthedark.tech" data-original-title="email hello@loosenthedark.tech"><i class="fas fa-at hvr-grow" aria-hidden="true"></i></a>
</li>
<li class="list-inline-item social-list-item">
<a href="https://twitter.com/loosenthedark" class="social-links" target="_blank" rel="noopener" aria-label="Twitter profile page for Paul Harrington (link opens in a new tab)"><i class="fab fa-twitter hvr-grow"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script src="static/js/script.js"></script>
<script src="static/js/jquery-canvas-sparkles.js"></script>
<script>
$(document).ready(function () {
$(".logo-glitter, .icon-glitter").sparkle({
color: ["#2eafea", "#e56604"],
speed: 0.4
});
});
</script>
</body>
</html>