htamas1210/bereg-weblap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nem tom mi ez fiam

Browse Source
This commit is contained in:
Playmaker1210
2022-02-17 18:00:39 +01:00
parent 1bdf444fa8
commit be97f0a708
6 changed files with 36 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

@@ -7,13 +7,13 @@
<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>-->
<!--<script src="navbar.js"></script>-->
<script src="navbar.js"></script>
<title>DSZC Beregszászi Pál Technikum</title>
</head>
<body>
<header>
<nav class="">
<div class="">
<nav>
<div>
<ul>
<li>Rólunk</li>
<li>Tanulóinknak</li>
@@ -24,34 +24,28 @@
<li>Közérdekű adatok</li>
</ul>
</div>
</nav>
<!-- Carousel -->
<div id="demo" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
</nav><br><br><br><br><br><br><br>
<div id="carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2"></button>
</div>
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="res/test pics/1151707.jpg" alt="Los Angeles" class="d-block w-100">
<img src="res/bereg/1.png" alt="Los Angeles" class="kep d-block w-75">
</div>
<div class="carousel-item">
<img src="res/test pics/1168140.jpg" alt="Chicago" class="d-block w-100">
<img src="res/bereg/2.png" alt="Chicago" class="kep d-block w-75">
</div>
<div class="carousel-item">
<img src="res/test pics/1168382.jpg" alt="New York" class="d-block w-100">
<img src="res/bereg/3.png" alt="New York" class="kep d-block w-75">
</div>
</div>
<!-- Left and right controls/icons -->
<button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
<button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
@@ -62,7 +56,7 @@
<iframe id="facebook"></iframe>
</aside>
<aside id="right">
<iframe id="instagramm"></iframe>
<iframe id="instagram"></iframe>
</aside>
<div id="idezetek">
<!--Idezetek helye-->

11
navbar.js
View File

@@ -1,11 +0,0 @@
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/bereg/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

BIN
res/bereg/2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

BIN
res/bereg/3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

28
style.css
View File

@@ -1,3 +1,7 @@
body{
background-color: rgb(49, 49, 49);
}
li{
list-style-type: none;
float: left;
@@ -5,23 +9,35 @@ li{
}
ul{
margin-left: 20%;
/*margin-left: 20%;*/
}
li{
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid white;
}
li:first-child{
border-left: 1px solid black;
margin-left: 25%;
border-left: 1px solid white;
}
li:last-child{
border-right: 1px solid black;
border-right: 1px solid white;
}
nav{
color: white;
background-color: black;
background-color: rgb(49, 49, 49);
float: left;
width: 100%;
}
.gray{
background-color: rgb(49,49,49);
}
#partner{
margin-left: 25%;
}
.kep{
margin-left: 13%;
}