Merge pull request #1 from Playmaker1210/F4rkasT-nemazamiottvan
asd
1
Beregszasziproject-main/Bereg1
Normal file
@@ -0,0 +1 @@
|
||||
//első project, egyenlőre legyen meg a github xd
|
||||
BIN
Beregszasziproject-main/logók/dkv_db4ff56201.png
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
BIN
Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
Beregszasziproject-main/logók/haon_26b06cb961.png
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png
Normal file
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 118 KiB |
|
After Width: | Height: | Size: 93 KiB |
51
index.html
@@ -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>
|
||||
<div>
|
||||
<nav class="">
|
||||
<div class="">
|
||||
<ul>
|
||||
<li>Rólunk</li>
|
||||
<li>Tanulóinknak</li>
|
||||
@@ -24,28 +24,34 @@
|
||||
<li>Közérdekű adatok</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav><br><br><br><br><br><br><br>
|
||||
<div id="carousel" class="carousel slide" data-bs-ride="carousel">
|
||||
</nav>
|
||||
<!-- Carousel -->
|
||||
<div id="demo" class="carousel slide" data-bs-ride="carousel">
|
||||
|
||||
<!-- Indicators/dots -->
|
||||
<div class="carousel-indicators">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<!-- The slideshow/carousel -->
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="res/bereg/1.png" alt="Los Angeles" class="kep d-block w-75">
|
||||
<img src="res/test pics/1151707.jpg" alt="Los Angeles" class="d-block w-100">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="res/bereg/2.png" alt="Chicago" class="kep d-block w-75">
|
||||
<img src="res/test pics/1168140.jpg" alt="Chicago" class="d-block w-100">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="res/bereg/3.png" alt="New York" class="kep d-block w-75">
|
||||
<img src="res/test pics/1168382.jpg" alt="New York" class="d-block w-100">
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
|
||||
<!-- Left and right controls/icons -->
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next">
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
@@ -56,7 +62,7 @@
|
||||
<iframe id="facebook"></iframe>
|
||||
</aside>
|
||||
<aside id="right">
|
||||
<iframe id="instagram"></iframe>
|
||||
<iframe id="instagramm"></iframe>
|
||||
</aside>
|
||||
<div id="idezetek">
|
||||
<!--Idezetek helye-->
|
||||
@@ -64,7 +70,22 @@
|
||||
<footer>
|
||||
<div id="map"></div>
|
||||
<div><!--Map melletti elerhetosegek (lehet tablazat)--></div>
|
||||
<div id="partnerek"></div>
|
||||
<div>
|
||||
<h1 class="partner">Partnereink</h1>
|
||||
<div>
|
||||
<img class="b" src="Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png">
|
||||
<img class="m" src="Beregszasziproject-main/logók/thumbnail_NSZFH_logo_black_top_20528d7f88.png">
|
||||
<img class="n" src="Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.jpg">
|
||||
</div>
|
||||
<br><br>
|
||||
<br><br>
|
||||
<br><br>
|
||||
<div>
|
||||
<img class="o" src="Beregszasziproject-main/logók/itmlogo_bj_8775770659_b445975eab.png" >
|
||||
<img class="i" src="Beregszasziproject-main/logók/dkv_db4ff56201.png">
|
||||
<img class="u" src="Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png">
|
||||
</div>
|
||||
</div>
|
||||
<div id="also footer"></div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
11
navbar.js
@@ -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%)";
|
||||
});
|
||||
|
||||
63
style.css
@@ -1,5 +1,6 @@
|
||||
body{
|
||||
background-color: rgb(49, 49, 49);
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
li{
|
||||
@@ -9,35 +10,65 @@ li{
|
||||
}
|
||||
|
||||
ul{
|
||||
/*margin-left: 20%;*/
|
||||
margin-left: 20%;
|
||||
}
|
||||
|
||||
li{
|
||||
border-left: 1px solid white;
|
||||
border-top: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
li:first-child{
|
||||
margin-left: 25%;
|
||||
border-left: 1px solid white;
|
||||
border-left: 1px solid black;
|
||||
}
|
||||
li:last-child{
|
||||
border-right: 1px solid white;
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
|
||||
nav{
|
||||
color: white;
|
||||
background-color: rgb(49, 49, 49);
|
||||
background-color: black;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gray{
|
||||
background-color: rgb(49,49,49);
|
||||
}
|
||||
|
||||
#partner{
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
||||
.kep{
|
||||
margin-left: 13%;
|
||||
.partner{
|
||||
margin-left: 20%;
|
||||
}
|
||||
|
||||
.flótás{
|
||||
float: right;
|
||||
margin-right: 30%;
|
||||
}
|
||||
|
||||
.n{
|
||||
float: right;
|
||||
width: 11%;
|
||||
}
|
||||
|
||||
.m{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.b{
|
||||
float: right;
|
||||
width: 11%;
|
||||
margin-right: 10%;
|
||||
}
|
||||
|
||||
.u{
|
||||
float: right;
|
||||
width: 5%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
.i{
|
||||
float: right;
|
||||
width: 13%;
|
||||
margin-right: 14%;
|
||||
}
|
||||
|
||||
.o{
|
||||
float: right;
|
||||
width: 13%;
|
||||
margin-right: 4%;
|
||||
}
|
||||