-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
109 lines (109 loc) · 6.19 KB
/
contact.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Contact</title>
<meta name="description" content="Contect information of SqureIT.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#4CAF50"/>
<meta property="og:type" content="article"/>
<meta property="og:title" content="SqureIT: Cyber Awareness Made Easy!"/>
<meta property="og:description" content="SqureIT is a cyber safety and security awareness platform focused on children and their care takes."/>
<meta property="og:url" content="https://squreit.se"/>
<meta property="og:image" content="https://squreit.se/img/favicon.png"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:url" content="https://squreit.se"/>
<meta name="twitter:title" content="SqureIT: Cyber Awareness Made Easy!"/>
<meta name="twitter:description" content="SqureIT is a cyber safety and security awareness platform focused on children and their care takes."/>
<meta name="twitter:image" content="https://squreit.se/img/favicon.png"/>
<link rel="icon shorcut" type="image/x-icon" href="/img/favicon.png">
<link rel="apple-touch-icon" href="/img/favicon.png">
<link rel="stylesheet" type="text/css" href="/css/main.css" id="styleMode">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide">
<link rel="manifest" href="/manifest.json">
<style>
.zbg {
background-image: url("/img/rotary-telephone.jpeg");
}
</style>
</head>
<body>
<button onclick="topFunction()" id="scrollBtn" title="Go to top">ᐱ</button>
<div class="theme-container" onclick="lightMode()">
<img id="theme-icon" src="/img/sun.svg">
</div>
<div class="search" onClick="window.open('/search', '_self');">
<img id="spi" style="width: 20px; height: 20px;" src="/img/search_black_bg.png">
</div>
<div class="header">
<img src="/img/logo.png" alt="SqureIT" id="header-logo" onMouseDown="logoClick(event)"/>
<div class="header-right">
<a href="/">Home</a>
<a href="/children">Children</a>
<a href="/caretakers">Caretakers</a>
<a href="/quiz">Quiz</a>
<a href="/gameroom">Games</a>
<a href="/toolkit">Tools</a>
</div>
</div>
<div id="mobile_menu" class="mobile_menu">
<ul class="menu" id="menu">
<li><a class="menuItem" href="/">Home</a></li>
<li><a class="menuItem" href="/children">Children</a></li>
<li><a class="menuItem" href="/caretakers">Caretakers</a></li>
<li><a class="menuItem" href="/quiz">Quiz</a></li>
<li><a class="menuItem" href="/gameroom">Games</a></li>
<li><a class="menuItem" href="/toolkit">Tools</a></li>
<li><a class="menuItem" href="/about">About</a></li>
<li><a class="menuItem active" href="/contact">Contact</a></li>
</ul>
<button class="hamburger" id="hamburger">
<div class="container material-icons" onclick="barShuffle(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</button>
</div>
<div class="zbg">
<div class="zcenter">
<h1>Contact</h1>
</div>
</div>
<div class="center">
<p style="width: 75%; font-size: 20px;">You can reach us either by submitting feedback anonymously <a style="text-decoration: none; color: #4CAF50;" href="/feedback">here</a>, via email at <a style="text-decoration: none; color: #4CAF50;" href="mailto:info@squreit.se">info@squreit.se</a>, or by opening an issue on <a style="text-decoration: none; color: #4CAF50;" href="https://github.com/aous-al-salek/SqureIT">GitHub</a>.</p>
<p style="width: 75%; font-size: 20px;">This platform is developed and maintained by three students from the PICS program at the University of Skövde.</p>
</div>
<div class="footer">
<div class="row">
<div class="column">
<h2>Links</h2>
<a href="/"><p>Home</p></a>
<a href="/quiz"><p>Quiz</p></a>
<a href="/gameroom"><p>Games</p></a>
<a href="/toolkit"><p>Tools</p></a>
<a href="/feedback"><p>Feedback</p></a>
<a href="/about"><p>About</p></a>
<a href="/contact"><p>Contact</p></a>
</div>
<div class="column">
<h2>Articles</h2>
<a href="/children"><p>Articles for children</p></a>
<a href="/caretakers"><p>Articles for caretakers</p></a>
<a href="https://www.keepitrealonline.govt.nz/" target="_blank"><p>KEEP IT REAL ONLINE</p></a>
</div>
<div class="column">
<img src="/img/logo.png" style="width: 250px;">
<p class="slogan" style="padding-left: 25px; padding-right: 25px;">Cyber awareness made easy!</p>
</div>
</div>
<p id="fcy"></p>
<p>Available under the <a class="white" href="/LICENSE" target="_blank">GNU GPLv3 <img src="/img/gnu_heckert.png" style="width: 45px; margin-bottom: -15px; margin-top: 0; filter: invert(1);"></a></p>
<p>Source code can be found on <a class="white" href="https://github.com/aous-al-salek/SqureIT" target="_blank">GitHub <img src="/img/github-mark-white.png" style="width: 35px; margin-bottom: -10px; margin-top: 0;"></a></p>
</div>
<script type="text/javascript" src="/js/mobile.js"></script>
<script type="text/javascript" src="/js/main.js"></script>
<script type="text/javascript" src="/js/pwa-handler.js"></script>
</body>
</html>