Untitled

<!DOCTYPE html>
<html lang="pl" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Cattering 4You</title>
  </head>
  <body>
<header>
<img src="img/logo.png" width="70px" height="70px" alt="Logo firmy" >
<h1>Cattering 4You</h1>
<p>Witamy na stronie naszej firmy </p>

</header>


<!---Menu nawigacyjne -->
<nav>
<a href="#home">Strona Główna</a>
<a href="#przystawki">Przystawki</a>
<a href ="#daniaglowne">Dania Główne</a>
<a href ="#kontakt">Kontakt</a>

</nav>


<!---Przystawki -->
<section>
  <h2>Przystawki</h2>
  <hr>
  <h3>Kanapeczki z łososiem</h3>
  <img src="img/losos.jpeg" width="200px" height="300px" alt="Kanapeczki z łososiem">
  <p>Przepyszne kanapeczki z łososiem są bardzo smaczną przekąśką na początek każdej imprezy.</p>
  <details>
    <summary>Składniki</summary>
   łosoś, pieczywo, masło przyprawy
</details>


  <h3>Koreczki szynkowe</h3>
  <img src="img/koreczki.jpg" width="300px" height="200px" alt="Koreczki szynkowe">
  <p>Koreczki z szynki zachwycą każdego miłośnika mięsa wegetarian przekonają do ich zjedzenia.</p>
  <details>
    <summary>Składniki</summary>
  szynka, sałata, ogórek
</details>


</section>

<!---Dania główne -->
<section>
<h2>Dania Główne<h2>
  <hr>
    <h3>Omlet jajeczny</h3>
  <img src="img/omlet.jpg" width="300px" height="200px" alt="Omlet jajeczny">
  <p>Po prostu bajeczny omlet jajeczny.</p>
  <details>
  <summary>Składniki</summary>
  jajka, mąka, masło
</details>

  <h3>Oliwkowe Love</h3>
<img src="img/oliwkowe.jpg" width="300px" height="200px" alt="Oliwkowe Love">
<p>Oliwkowy zawrót głowy.</p>
<details>
<summary>Składniki</summary>
oliwki, oliwa, cebula
</details>

<h3>Kapary</h3>
<img src="img/kapary.jpg" width="300px" height="200px"  alt="Kapary">
<p>Kapary dodadzą Ci pary!</p>
<details>
<summary>Składniki</summary>
 kapary, jajka, pomidory
</details>
</section>


<footer>
<hr>
<h2>Kontakt</h2>
<hr>
<form action="post" method="get">
<h3>Temat:</h3><br>

  <input type="radio" name="gender" value="kontat">Kontakt<br>
  <input type="radio" name="gender" value="zamowienie">Zamówienie<br>
   Imię:<br>
   <input type="text" name="imie" value="wpsiz swoje imię..."><br>
   Nazwisko:<br>
   <input type="text" name="nazwisko" value="wpsiz swoje nazwisko..."> <br>
   <textarea rows="10" cols="50">Treść zapytania</textarea>

</form>

</footer>


  </body>
</html>