reorganizacja

2025-02-12 12:26:20 +01:00 · 2025-02-12 12:26:20 +01:00 · 51f0b3d393
commit 51f0b3d393
parent 30dca577ba
2 changed files with 91 additions and 0 deletions
--- a/src/css/style.css
+++ b/src/css/style.css
@ -0,0 +1,46 @@
+body {
+    background: #F6E5DC;
+    font-family: Verdana;
+}
+
+header {
+    background: #2F180C;
+    text-align: center;
+    color: khaki;
+    height: 60px;
+}
+
+#lewy {
+    width: 60%;
+    float: left;
+}
+
+#prawy {
+    font-size: 150%;
+    padding: 70px;
+    float: left;
+}
+
+#dolny {
+    background: #D0B6A8;
+    text-align: center;
+    padding: 30px;
+    clear: both;
+}
+
+footer {
+    background: #2F180C;
+    color: khaki;
+    height: 60px;
+}
+
+img {
+    height: 350px;
+}
+
+button {
+    margin: 10px;
+    padding: 5px;
+    background: #2F180C;
+    color: khaki;
+}
--- a/src/index.html
+++ b/src/index.html
@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="pl">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Restauracja Wszystkie Smaki</title>
+        <link rel="stylesheet" href="css/style.css">
+    </head>
+    <body>
+        <header>
+            <h1>Witamy w restauracji „Wszystkie Smaki”</h1>
+        </header>
+
+        <div id="lewy">
+            <img src="imgs/menu.jpg" alt="Nasze danie">
+        </div>
+
+        <div id="prawy">
+            <h4>U nas dobrze zjesz!</h4>
+            <ol>
+                <li>Obiady od 40 zł</li>
+                <li>Przekąski od 10 zł</li>
+                <li>Kolacje od 20 zł</li>
+            </ol>
+        </div>
+
+        <div id="dolny">
+            <h2>Zarezerwuj stolik on-line</h2>
+            <form action="rezerwacja.php" method="post">
+                Data (format rrrr-mm-dd):<br>
+                <input type="text" name="data" id="data"><br>
+                Ile osób?:<br>
+                <input type="number" name="osoby" id="osoby"><br>
+                Twój numer telefonu:<br>
+                <input type="text" name="telefon" id="telefon"><br>
+                <input type="checkbox" name="rodo" id="rodo"> Zgadzam się na przetwarzanie moich danych osobowych<br>
+                <button type="reset">WYCZYŚĆ</button> <button type="submit">REZERWUJ</button>
+            </form>
+        </div>
+
+        <footer>
+            Stronę internetową operacował: JA
+    </body>
+</html>