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> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<!--<script src="timer.js"></script>--> <!--<script src="timer.js"></script>-->
<!--<script src="navbar.js"></script>--> <script src="navbar.js"></script>
<title>DSZC Beregszászi Pál Technikum</title> <title>DSZC Beregszászi Pál Technikum</title>
</head> </head>
<body> <body>
<header> <header>
<nav class=""> <nav>
<div class=""> <div>
<ul> <ul>
<li>Rólunk</li> <li>Rólunk</li>
<li>Tanulóinknak</li> <li>Tanulóinknak</li>
@@ -24,34 +24,28 @@
<li>Közérdekű adatok</li> <li>Közérdekű adatok</li>
</ul> </ul>
</div> </div>
</nav> </nav><br><br><br><br><br><br><br>
<!-- Carousel --> <div id="carousel" class="carousel slide" data-bs-ride="carousel">
<div id="demo" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
<div class="carousel-indicators"> <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="#carousel" 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="#carousel" 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="2"></button>
</div> </div>
<!-- The slideshow/carousel -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <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>
<div class="carousel-item"> <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>
<div class="carousel-item"> <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>
</div> </div>
<!-- Left and right controls/icons --> <button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
<button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span> <span class="carousel-control-prev-icon"></span>
</button> </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> <span class="carousel-control-next-icon"></span>
</button> </button>
</div> </div>
@@ -62,7 +56,7 @@
<iframe id="facebook"></iframe> <iframe id="facebook"></iframe>
</aside> </aside>
<aside id="right"> <aside id="right">
<iframe id="instagramm"></iframe> <iframe id="instagram"></iframe>
</aside> </aside>
<div id="idezetek"> <div id="idezetek">
<!--Idezetek helye--> <!--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{ li{
list-style-type: none; list-style-type: none;
float: left; float: left;
@@ -5,23 +9,35 @@ li{
} }
ul{ ul{
margin-left: 20%; /*margin-left: 20%;*/
} }
li{ li{
border-top: 1px solid black; border-left: 1px solid white;
border-bottom: 1px solid black;
} }
li:first-child{ li:first-child{
border-left: 1px solid black; margin-left: 25%;
border-left: 1px solid white;
} }
li:last-child{ li:last-child{
border-right: 1px solid black; border-right: 1px solid white;
} }
nav{ nav{
color: white; color: white;
background-color: black; background-color: rgb(49, 49, 49);
float: left; float: left;
width: 100%;
}
.gray{
background-color: rgb(49,49,49);
}
#partner{
margin-left: 25%; margin-left: 25%;
} }
.kep{
margin-left: 13%;
}