navbar and carousel added

This commit is contained in:
2022-02-16 14:05:06 +01:00
parent 97a0ea5844
commit 1bdf444fa8
7 changed files with 112 additions and 357 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,36 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="style.css">
<script src="timer.js"></script>
<title>DSZC Beregszaszi</title>
</head>
<body>
<header>
<nav></nav>
<div id="modal"></div>
<div id="timer"></div>
</header>
<div id="content">
<aside id="left">
<iframe id="facebook"></iframe>
</aside>
<aside id="right">
<iframe id="instagramm"></iframe>
</aside>
<div id="idezetek">
<!--Idezetek helye-->
</div>
<footer>
<div id="map"></div>
<div><!--Map melletti elerhetosegek (lehet tablazat)--></div>
<div id="partnerek"></div>
<div id="also footer"></div>
</footer>
</div>
</body>
</html>

11
navbar.js Normal file
View File

@@ -0,0 +1,11 @@
let overlay = document.querySelector(".menu_overlay");
let open = document.querySelector(".fa-bars");
let close = document.querySelector(".fa-times");
open.addEventListener("click", () => {
overlay.style.transform = "translateY(0)";
});
close.addEventListener("click", () => {
overlay.style.transform = "translateY(-110%)";
});

BIN
res/test pics/1151707.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
res/test pics/1168140.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

BIN
res/test pics/1168382.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

View File

@@ -0,0 +1,27 @@
li{
list-style-type: none;
float: left;
padding: 1%;
}
ul{
margin-left: 20%;
}
li{
border-top: 1px solid black;
border-bottom: 1px solid black;
}
li:first-child{
border-left: 1px solid black;
}
li:last-child{
border-right: 1px solid black;
}
nav{
color: white;
background-color: black;
float: left;
margin-left: 25%;
}