Neudle/rolunk.php at master · Funoro/Neudle · GitHub

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
<html lang="hu">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>11.Italy - Rólunk</title>
	<link rel="stylesheet" href="fonts.css">
	<link rel="stylesheet" href="style.css">
	<link rel="shortcut icon" href="images/11Italy.png" type="image/x-icon">

	<script src="/jquery-3.7.1.js"></script>
	<script src="/hamburger-menu.js"></script>

	<style>
		.social .icon {
			margin: auto 8px auto 8px;
		}
		.whole-button {
			margin-bottom: 16px;
		}
		a.social {
			display: block;
			display: flex;
			height: 60px;
		}
		@media (max-width: 475px) {
			.whole-button {
				padding-right: 8px;
				padding-left: 8px;
			}
			.social .icon {
				margin-right: 0;
				width: 30px;
			}
			a.social {
				font-size: 20px;
			}
		}
	</style>
</head>
<body>
	<div id="hamburger-button" class="clickable">
		<a href="javascript:void(0);" onclick="openHamburger()"><img src="images/icons/menu.svg" class="icon" style="filter: invert(18%) sepia(13%) saturate(300%) hue-rotate(314deg) brightness(92%) contrast(80%); height: auto; width: auto;"></a>
	</div>
	<div id="hamburger-holder" onclick="closeHamburger()">
		<div id="hamburger-menu">
			<a href="javascript:void(0);" onclick="closeHamburger()" class="clickable"><img src="images/icons/close.svg" alt="X" class="icon"></a>
			<p><a href="./">Kezdőlap</a></p>
			<p class="current">Rólunk</p>
			<p><a href="/programok">Programok</a></p>
			<p><a href="/neudle">Neudle</a></p>
		</div>
	</div>

	<div class="footer-spacer">
		<div>
			<header>
				<div style="position: absolute; top: -25px;  width: 100%;">
					<a href="./" style="display: block; width: fit-content; margin: auto;"><img src="images/11Italy.png" alt="11.Italy" style="height: 180px;"></a>
				</div>
				<div style="height: 80px; background-color: #C40C01;" id="header-top">
					<p><a href="./">Főoldal</a></p>
					<p><a href="/programok">Programok</a></p>
					<p><a href="/neudle">Neudle</a></p>
				</div>
				<div style="height: 80px; background-color: #3F3A3A;" id="header-bot"></div>
			</header>
			<main>
				<div style="margin-top: 0;">
					<div style="background-color: #3F3A3A; overflow: hidden; padding-top: 0;">
						<div class="container">
							<h1 style="margin-top: 16px; margin-bottom: 30px;">RÓLUNK</h1>
						</div>
					</div>
				</div>
				<div class="container" style="padding-top: 30px; padding-bottom: 30px;">
					<img src="images/jeloltek.jpg" alt="Jelöltek" style="max-width: 700px; width: 90%; margin: auto; display: block;">
				</div>
				<div style="padding-top: 20px; padding-bottom: 20px;">
					<div class="container">
						<!-- <p style="text-align: justify;">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iste, molestias. Sunt magnam laudantium, praesentium perspiciatis, animi recusandae rerum eveniet impedit itaque quae doloribus dicta amet libero quia explicabo esse harum earum quidem! Ipsum recusandae nihil officiis reprehenderit omnis quos necessitatibus iste inventore illo corrupti! Explicabo inventore dignissimos doloribus eos excepturi consectetur eveniet reprehenderit est possimus. Vero sed inventore perferendis ipsam.</p> -->
						<div class="whole-button" style="display: flex;">
							<a href="https://www.instagram.com/_11_italy_" target="_blank" class="social">
								<img class="icon" src="images/icons/instagram.svg">
								<p style="width: 100%; text-align: end; margin: auto 8px auto 8px; color: #FEDB8A;">@_11_italy_</p>
							</a>
						</div>
						<div class="whole-button" style="display: flex;">
							<a href="https://www.tiktok.com/@11..italy" target="_blank" class="social">
								<img class="icon" src="images/icons/tiktok.svg">
								<p style="width: 100%; text-align: end; margin: auto 8px auto 8px; color: #FEDB8A;">@11..italy</p>
							</a>
						</div>
						<div class="whole-button" style="display: flex;">
							<a href="mailto://tizenegyitaly@gmail.com" target="_blank" class="social">
								<img class="icon" src="images/icons/email.svg">
								<p style="width: 100%; text-align: end; margin: auto 8px auto 8px; color: #FEDB8A; font-size: 70%;">tizenegyitaly@gmail.com</p>
							</a>
						</div>
					</div>
				</div>

			</main>
		</div>
		<?php include("footer.html"); ?>
	</div>
</body>
</html>