asd #1

Merged
F4rkasT merged 1 commits from F4rkasT-nemazamiottvan into master 2022-02-18 08:53:28 +01:00
19 changed files with 95 additions and 31 deletions
Showing only changes of commit 1c229851ea - Show all commits

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

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>
<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>

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%)";
});

View File

@@ -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%;
}