Issues:
1<!DOCTYPE html>
2
3<html lang="en">
4
5
6<head>
7
8 <meta charset="UTF-8">
9
10 <meta http-equiv="X-UA-Compatible" content="IE=edge">
11
12 <meta name="viewport" content="width=device-width, initial-scale=1.0">
13
14 <title>
15Support Ukraine</title>
16
17 <meta name="description" content="Support my game by donating to Ukraine" />
18
19 <meta name="keywords" content="Ukraine, No War, Support, Slava Ukraini, Kyiv, Support Ukraine now, loved">
20
21 <meta name="author" content="cla-cif">
22
23 <link rel="stylesheet" href="assets/css/support.css">
24
25 <link href="assets/icons/support-favicon.ico" rel="icon" type="image/x-icon" />
26
27 <link href="assets/icons/apple-touch-icon-ua.png" rel="apple-touch-icon" type="image/x-icon" />
28
29 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
30
31 <link rel="preconnect" href="https://fonts.googleapis.com">
32
33 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
34
35 <link
36 href="https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap"
37 rel="stylesheet">
38
39</head>
40
41
42<body>
43
44 <!--the header only contains the home icon which links to the index page-->
45
46 <header>
47<span id="home">
48<a href="index.html" target="_blank" aria-label="Home: back to homepage - opens in a new window">
49<i class="fa fa-home fa-2xs">
50</i>
51Home</a>
52</span>
53</header>
54
55 <main>
56
57 <!--the main section contains a paragraph with a message for the user-->
58
59 <div id="par-wrapper">
60
61 <div>
62
63
<h1>
64Hello, thank you for clicking!</h1>
65
66 </div>
67
68 <div>
69
70
<p>
71This is my first JavaScript project. If you like it, I'd really appreciate your support.<br>
72But instead
73 of the usual "Buy Me a Coffee", I'd rather ask you to
<strong>
74support my loved ones in Ukraine.</strong>
75
76 </p>
77
78 </div>
79
80
81 <div>
82
83
<p>
84You will find many ways to support, just chose the ones that best fit your capabilities. Developers
85 are needed too!!
86 </p>
87
88 </div>
89
90 <div id="support" itemscope itemtype="https://supportukrainenow.org/">
91
92 <a href="https://supportukrainenow.org/" target="_blank" itemprop="url"
93 aria-label="Support Ukraine now: link opens in a new window">
94Support Ukraine now</a>
95
96 </div>
97
98 </div>
99
100 </main>
101
102 <!--footer is the same as in the index page-->
103
104 <footer>
105
106
<p id="footer-par">
107Created by cla-cif (ASK) 2022</p>
108
109 </footer>
110
111</body>
112
113
114</html>