Untitled

<!DOCTYPE html>
<html lang="hu">
	<head>
		<meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Kapcsolat | Baranyi Janka honlapja</title>
		<link rel="alternate stylesheet" type="text/css" href="nagybetus.css" title="nagybetus">
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
		<link rel="stylesheet" type="text/css" href="sajat.css" title="normal">


	</head>
<body>
<nav class="kipoz">
	<a href="#tartalom">Ugrás a tartalomra</a>
</nav>
<header id="fomenu">
<nav id="menu">
<ul>
	<li><a href="index.html" title="Ugrás a Kezdőlapra">Kezdőlap</a> </li>
	<li><a href="rolam.html" title="Ugrás a Rólam lapra, ahol eddig történetem olvashatod">Rólam</a></li>
	<li><a href="szakvizsga.html" title="Ugrás a Szakvizsga lapra, ahol megtekintheted a középiskola lezárásaként készült munkámat">Szakvizsga</a></li>
	<li><a href="ajanlok.html" title="Ugrás az Ajánlók laprara, ahol ">Ajánlók</a></li>
	<li><a href="kapcsolat.html" title="Ugrás a Kapcsolat lapra, ahol elérhetőségeimet láthatod">Kapcsolat</a></li>
</ul>

<fieldset id="evszak">
	<input name="BG" id="spring" type="radio" value="" class="bgCollection" />
	<label for="spring">Tavasz</label>
	<br>
	<input name="BG" id="summer" type="radio" value="" class="bgCollection"/>
	<label for="summer">Nyár</label>
	<br>
	<input name="BG" id="autumn" type="radio" value="" class="bgCollection" />
	<label for="autumn">Ősz</label>
	<br>
	<input name="BG" id="winter" type="radio" value="" class="bgCollection" />
	<label for="winter">Tél</label>
	<br>
</fieldset>
</nav>
<nav id="gyengenlato"><a id="nagybetu" href="#" onclick="setActiveStyleSheet('nagybetus'); return false;"><span class="ikon"></span>Nagybetűs változat</a>
	<a id="normalbetu" href="#" onclick="setActiveStyleSheet('normal'); return false;"><span class="ikon"></span>Normál változat</a>
</nav>

</header>
<main id="tartalom">

<article>
<h1>Kapcsolat</h1>

<aside><p>Itt megtalálod az elérhetőségeimet, valamint lehetőséged van értékelni az oldalamat. Bátrabbak hagyhatnak személyre szóló üzenetet is!</p></aside>
<script>
function toggleTextArea() {
    var theForm = document.form1;
    var theTextArea = theForm.textarea;
    if(document.form1.checkbox.check == true) {
        theTextArea.style.display = "block";
    } else {
        theTextArea.style.display = "none";
    }
}
</script>
<form action="mailto:babuteck@gmail.com"
	  method="post"
	  enctype="test/plain"
	  id="form1" name="form1">
<fieldset>
	<legend>Értékelés</legend>
	<p>A Te értékelésed ötös skálán</p>
	<input type="radio" name="ertekeles" id="ert1"> <label for="ert1">1
	</label>
	<input type="radio" name="ertekeles" id="ert2"> <label for="ert2">2
	</label>
	<input type="radio" name="ertekeles" id="ert3"> <label for="ert3">3
	</label>
	<input type="radio" name="ertekeles" id="ert4"> <label for="ert4">4
	</label>
	<input type="radio" name="ertekeles" id="ert5"> <label for="ert5">5
	</label>
	<br>

	<div>
	<input type="checkbox" name="checkbox" value="1" id="checkbox">
	<label for="hirlevel">Szeretnék kommentet hagyni</label>


	<textarea style="display: none;" name="t" rows="4" cols="50" id="textarea" maxlength="400"></textarea></div>
	<legend>Adataid</legend>
	<label for="nev"><b>Név</b></label> <br>
	<input type="text" name="nev" id="nev" size="50"><br>
	<input name="checkbox" type="checkbox" id="checkbox" onchange="toggleTextArea();" value="1"/>
  <label for="checkbox">Egyéb:</label>
  <textarea style="display: none;" name="t" rows="4" cols="50" id="textarea" maxlength="400"></textarea>
</fieldset>

</form>

<address>
	<p>Tulajdonos: Baranyi Janka <br>(<a href="mailto:b.janka1998@gmail.com">b.janka1998@gmail.com</a>)<br>8471 Káptalanfa, Sport utca 8</p>
	<p>Készítette: Baranyi Bence <br>(<a href="babuteck@gmail.com">babuteck@gmail.com</a>)<br>1096 Budapest, Sobieski János utca 11</p>
</address>

</main>
<footer>
</footer>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="season.js" type="text/javascript"></script>
	<script type="text/javascript" src="styleswitcher.js"></script>

</body>
</html>