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

Merge pull request #1 from Playmaker1210/F4rkasT-nemazamiottvan

Browse Source 
asd
This commit was merged in pull request #1.
This commit is contained in:
Playmaker1210
2022-02-18 08:53:28 +01:00
committed by GitHub
parent be97f0a708 1c229851ea
commit b009c15bfe
19 changed files with 95 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
Beregszasziproject-main/Bereg1 Normal file
View File

@@ -0,0 +1 @@
//első project, egyenlőre legyen meg a github xd

BIN
Beregszasziproject-main/logók/dkv_db4ff56201.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
Beregszasziproject-main/logók/haon_26b06cb961.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
Beregszasziproject-main/logók/itmlogo_bj_8775770659_b445975eab.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
Beregszasziproject-main/logók/mediacentrum_logo_mcd_attetszo_szerk_ef9542b4a8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
Beregszasziproject-main/logók/thumbnail_NSZFH_logo_black_top_20528d7f88.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
Beregszasziproject-main/logók/thumbnail_campusfm90_logo_7b4847b6eb_0118947f94.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
Beregszasziproject-main/logók/thumbnail_cimer_2021_november_4c8f3fec09.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
Beregszasziproject-main/logók/thumbnail_dszc_logo_feher_d151b60038.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
Beregszasziproject-main/logók/thumbnail_hbkik_logo_szines_uj_85f5aa3c87_adea792b18.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
Beregszasziproject-main/stock fotók/4_2122_800_600_80_c85aace066.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
Beregszasziproject-main/stock fotók/large_Info_es_tavk_IMG_1373_77d6a7a5b5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

BIN
Beregszasziproject-main/stock fotók/large_Iskola_epulete_szembol_46210709e8.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

51
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> <nav class="">
<div> <div class="">
<ul> <ul>
<li>Rólunk</li> <li>Rólunk</li>
<li>Tanulóinknak</li> <li>Tanulóinknak</li>
@@ -24,28 +24,34 @@
<li>Közérdekű adatok</li> <li>Közérdekű adatok</li>
</ul> </ul>
</div> </div>
</nav><br><br><br><br><br><br><br> </nav>
<div id="carousel" class="carousel slide" data-bs-ride="carousel"> <!-- 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="#carousel" data-bs-slide-to="0" class="active"></button> <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="1"></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="2"></button> <button type="button" data-bs-target="#demo" 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/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>
<div class="carousel-item"> <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>
<div class="carousel-item"> <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>
</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> <span class="carousel-control-prev-icon"></span>
</button> </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> <span class="carousel-control-next-icon"></span>
</button> </button>
</div> </div>
@@ -56,7 +62,7 @@
<iframe id="facebook"></iframe> <iframe id="facebook"></iframe>
</aside> </aside>
<aside id="right"> <aside id="right">
<iframe id="instagram"></iframe> <iframe id="instagramm"></iframe>
</aside> </aside>
<div id="idezetek"> <div id="idezetek">
<!--Idezetek helye--> <!--Idezetek helye-->
@@ -64,7 +70,22 @@
<footer> <footer>
<div id="map"></div> <div id="map"></div>
<div><!--Map melletti elerhetosegek (lehet tablazat)--></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> <div id="also footer"></div>
</footer> </footer>
</div> </div>

11
navbar.js
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%)";
});

63
style.css
View File

@@ -1,5 +1,6 @@
body{ body{
background-color: rgb(49, 49, 49); background-color: rgb(49, 49, 49);
color: yellow;
} }
li{ li{
@@ -9,35 +10,65 @@ li{
} }
ul{ ul{
/*margin-left: 20%;*/ margin-left: 20%;
} }
li{ li{
border-left: 1px solid white; border-top: 1px solid black;
border-bottom: 1px solid black;
} }
li:first-child{ li:first-child{
margin-left: 25%; border-left: 1px solid black;
border-left: 1px solid white;
} }
li:last-child{ li:last-child{
border-right: 1px solid white; border-right: 1px solid black;
} }
nav{ nav{
color: white; color: white;
background-color: rgb(49, 49, 49); background-color: black;
float: left; float: left;
width: 100%;
}
.gray{
background-color: rgb(49,49,49);
}
#partner{
margin-left: 25%; margin-left: 25%;
} }
.kep{ .partner{
margin-left: 13%; 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%;
} }