-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
106 lines (97 loc) · 5.3 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
<!-- <!DOCTYPE html>
<html lang="en">
<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">
<title>Kyiv</title>
<meta name="description" content="Kyiv is a capital of Ukraine 🇺🇦" />
<link rel="stylesheet" href="./src/styles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<nav class="navbar navbar-expand-lg" style="background-color: transparent;">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src="images/kyiv_logo.png" class="logo" alt="logo" title="Homepage"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item me-5">
<a class="nav-link" aria-current="page" title="Homepage" href="index.html">Homepage</a>
</li>
<li class="nav-item me-5">
<a class="nav-link" title="History" href="history.html">History</a>
</li>
<li class="nav-item me-5">
<a class="nav-link" title="Interesting facts" href="facts.html">Interesting facts</a>
</li>
<li class="nav-item me-5">
<a class="nav-link" title="Photos" href="photos.html">Photos</a>
</li>
<li class="nav-item">
<a class="nav-link active" title="Find tickets" href="contact.html">Contacts</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<button onclick="topFunction()" id="myBtn" title="Go to top">^</button>
<div class="container contact-items">
<h1 class="contact-title mt-5 mb-5">Contact Kyiv and enjoy the vibes...</h1>
<div class="main-content">
<h2 class="main-subtitle mt-3 mb-3">
<strong>But firstly we ask YOU to donate for Ukraine 🇺🇦 </strong>
</h2>
<p class="main-desc m-0">
We appreciate everyone's support!
<br>
By the link below You can choose the direction of donation (Defence and Demining, Medical Aid or Rebuild Ukraine) and help Ukraine to stay strong and fight for <strong style="color: #01a661;">FREEDOM</strong> 🕊
<br>
Also you can find all report and news, thank <strong>YOU</strong> !
</p>
</div>
<ul class="contact-item">
<li class="list-item">
<h2 class="contact-subtitle mt-5 mb-3">Donate for Ukraine</h2>
<a href="https://u24.gov.ua/" class="contact-link mt-5 mb-5"><img src="images/united24_logo.png" class="img-fluid list-link" alt="united24 logo"></a>
<p class="desc mt-3 mb-5" style="opacity: 80%;">UNITED24 was launched by the President of Ukraine Volodymyr Zelenskyy as the main venue for collecting charitable donations in support of Ukraine. Funds will be transferred to the official accounts of the National Bank of Ukraine and allocated by assigned ministries to cover the most pressing needs</p>
</li>
<li>
<h2 class="contact-subtitle mt-5 mb-3">Buy tickets online</h2>
<a href="https://en.tripmydream.com/" class="contact-link mt-5 mb-5"><img src="images/tripmydream_logo.png" class="img-fluid list-link" alt="tripmydream logo"></a>
<p class="desc mt-3 mb-5" style="opacity: 80%;">service for self-planning profitable travel</p>
</li>
</ul>
</div>
<div class="mt-5 footer">
<nav class="navbar navbar-expand-lg footer justify-content-center text-center">
<p class="m-0 p-3">
This poject was coded by Nataliia Medvedenko.
<a href="https://github.com/Natalira16/Hometown-Kyiv" class="info-link" target="_blank">Open-sourced on GitHub</a>.
</p>
</nav>
</div>
</body>
<script>
let mybutton = document.getElementById("myBtn");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</html> -->