Add files via upload

grabj · Dec 12, 2022 · b6a0550 · b6a0550
1 parent 6b88c5b
commit b6a0550
Show file tree

Hide file tree

Showing 9 changed files with 841 additions and 0 deletions.
diff --git a/about.html b/about.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+    <meta charset="UTF-8">
+    <title>O nas - Cinema</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="icon" href="grafika/icon.ico">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+    <!-- Navigation layout -->
+    <header class="container-fluid">
+        <section class="row">
+            <div class="col-9 col-sm-10 col-md-5 col-xl-4">
+                <a href="index.html"><img src="grafika/logo.png" alt="logo kina" /></a>
+            </div>
+            <nav class="col align-self-end">
+                <ul class="navbar justify-content-around">
+                    <li class="nav-item">
+                        <a class="nav-link btn-lg btn-outline-dark" href="repertuar.php">REPERTUAR</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link btn-lg btn-outline-dark" href="index.html">PREMIERY</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link btn-lg btn-outline-dark" href="about.html">O NAS</a>
+                    </li>
+                </ul>
+            </nav>
+        </section>
+    </header>
+    <!-- Main content layout -->
+    <main class="container">
+        <h1 class="display-3">KIM JESTEŚMY?</h1>
+        <section class="row row-cols-1">
+            <article class="col">
+                <h3>Nasza historia</h3>
+                <p>Kino 'Cinema' powstało w roku 2022, z inicjatywy prawdziwych pasjonatów kina. Posiadamy tylko dwie sale, lecz wkładamy całe nasze serca, by zadowolić naszych klientów.</p>
+                <h3>Godziny otwarcia</h3>
+                <p>pon-pt: 14:00-23:00</p>
+                <p>sob-niedz: 12:00 - 24:00</p>
+                <h3>Gorąco zapraszamy na seanse!</h3>
+            </article>
+        </section>
+    </main>
+    <!-- Footer with basic information -->
+    <footer class="container">
+        <section class="d-flex flex-row-reverse">
+            <div>
+                <address>
+                    Cinema<br />
+                    ul. Dworcowa 20<br />
+                    61-890 Poznań<br />
+                    tel. 61 222 33 33<br />
+                </address>
+            </div>
+        </section>
+    </footer>
+</body>
+</html>
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,104 @@
+html{
+    background-color: #22262e;
+}
+body{
+    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
+    background: linear-gradient( #16101c,#22192b, #22262e );
+}
+header a{
+    color: #16101c;
+    font-size: medium;
+}
+header{
+    background-color: #16101c69;
+}
+.navbar {
+    background-color: whitesmoke;
+}
+.nav-item{
+    list-style-type: none;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    font-weight: 700;
+}
+h1 {
+    padding: 1rem;
+    text-align: center;
+    color: whitesmoke;
+}
+h2{
+    padding-bottom: 0.75rem;
+}
+p {
+    text-align: justify;
+    font-size: medium;
+}
+section > article{
+    background-color: whitesmoke;
+    border-radius: 3%;
+    border-style: solid;
+}
+table{
+    text-align: left;
+}
+[id= "repertuar"] * h2{
+    font-size: larger;
+    font-weight: 700;
+}
+[id="formularz"]{
+    padding-left: 7.5% ;
+    padding-right: 7.5%;
+    font-size: larger;
+    padding-bottom: 2rem;
+    text-align: center;
+}
+[id="formularz"] * div{
+    text-align: left;
+}
+[id="sala-content"]{
+    text-align: center;
+    padding-left:3%;
+    padding-right:3%;
+    padding-bottom: 2%;
+    padding-top:1%;
+}
+[id="sala-content"] > div{
+    justify-content: center;
+}
+footer{
+    margin-top: 2rem;
+    color: whitesmoke;
+    position: relative;
+    background-color: transparent;
+}
+
+.seat {
+    background-color: #22192b;
+    height: 26px;
+    width: 32px;
+    margin: 3px;
+    font-size: 50px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+  }
+
+
+
+
+
+.seat.sold {
+    height: 26px;
+    width: 32px;
+    margin: 3px;
+    font-size: 50px;
+    background-color: rgb(180, 175, 175);
+  }
+
+.seat:not(.sold):hover{
+    cursor: pointer;
+    transform: scale(1.2);
+}
+
+.seat:nth-of-type(2) {
+    margin-right: 18px;
+  }
diff --git a/formularz.php b/formularz.php
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+    <meta charset="UTF-8">
+    <title>Rezerwacja - Cinema</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="icon" href="grafika/icon.ico">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/style_seats.css">
+</head>
+<body>
+    <!-- Navigation layout -->
+    <header class="container-fluid">
+        <section class="row">
+            <div class="col-9 col-sm-10 col-md-5 col-xl-4">
+                <a href="index.html"><img src="grafika/logo.png" alt="logo kina" /></a>
+            </div>
+            <nav class="col align-self-end">
+                <ul class="navbar justify-content-around">
+                    <li class="nav-item">
+                        <a class="nav-link btn-lg btn-outline-dark" href="repertuar.php">REPERTUAR</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link btn-lg btn-outline-dark" href="index.html">PREMIERY</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link btn-lg btn-outline-dark" href="about.html">O NAS</a>
+                    </li>
+                </ul>
+            </nav>
+        </section>
+    </header>
+    <!-- Main content layout -->
+    <main class="container">
+        <section class="row justify-content-center row-cols-1 row-cols-md-2 row-cols-xl-3">
+            <article class="col col-md-12 col-lg-11 col-xl-8" id="formularz">
+                <form action="potwierdzenie.php" method="POST">
+                    <?php
+                    // Get all values
+                        $sala = $_GET["sala"];
+                        $seats = $_GET["seats"];
+                        $title = $_GET['title'];
+                        $day = $_GET['day'];
+                        $hour = $_GET['hour'];
+                        $seatsArray = array();
+                        $compare = "_";
+                        $numberOfSelectedSeats = 0;
+                    // Print values for user to see
+                        echo("<br /><label>Bilety na film:&nbsp;" .$title."</label><br />");
+                        echo("<label>Dzień:&nbsp;".$day."</label><br />");
+                        echo("<label>Godzina:&nbsp;".$hour."</label><br />");
+                        echo("<label>Sala:&nbsp;".$sala. "</label>");
+                    // Check if seats were selected
+                        if (!empty($seats))
+                        {
+                        // Get seats string and separate it. Then print all selected seats individually
+                            $seatsArray = explode("_", $seats);
+                            $length = count($seatsArray);
+                            echo("<h4>Zarezerwowane miejsca:</h4>");
+                            for ($i = 0; $i < $length-1; $i++)
+                            {
+                                echo("<label>".$seatsArray[$i]."</label>, ");
+                                $numberOfSelectedSeats+=1;
+                            }
+                        }
+                    // Silently POST rest of the values to another site
+                        echo("<input hidden=\"true\" type=\"number\" name=\"sala\" readonly=\"true\" value=\"$sala\">");
+                        echo("<input hidden=\"true\" type=\"text\" name=\"seats\" readonly=\"true\" value=\"$seats\">");
+                        echo("<input hidden=\"true\" type=\"text\" name=\"title\" readonly=\"true\" value=\"$title\">");
+                        echo("<input hidden=\"true\" type=\"text\" name=\"day\" readonly=\"true\" value=\"$day\">");
+                        echo("<input hidden=\"true\" type=\"text\" name=\"hour\" readonly=\"true\" value=\"$hour\">");
+                    ?>
+                        <br />
+                        <h4>Dane osoby składającej rezerwację:</h4>
+                        <div class="row">
+                            <div class="col">
+                                <label for="imie-input">Imię</label>
+                                <input type="text" class="form-control" id="imie-input" name="imie"  tabindex="1" required>
+                            </div>
+                            <div class="col">
+                                <label for="nazwisko-input">Nazwisko</label>
+                                <input type="text" class="form-control" id="nazwisko-input" name="nazwisko" tabindex="2" required>
+                            </div>
+                        </div>
+                        <div>
+                            <label for="tel-input">Numer telefoniczny</label>
+                            <input type="tel" class="form-control" id="tel-input" name="tel" tabindex="3" required>
+                        </div><br />
+                            <div class="form-check">
+                            <input type="checkbox" class="check-input" value="" tabindex="4" required>
+                            <label class="form-check-label" for="check-regulamin">Zapoznałem się z regulaminem i akceptuję jego postanowienia.</label>
+                        </div><br />
+                        <button type="submit" class="btn btn-primary" tabindex="5">Dokonaj rezerwacji</button>
+                    </form>
+                </form>
+            </article>
+        </section>
+    </main>
+    <!-- Footer with basic information -->
+    <footer class="container">
+        <section class="d-flex flex-row-reverse">
+            <div>
+                <address>
+                    Cinema<br />
+                    ul. Dworcowa 20<br />
+                    61-890 Poznań<br />
+                    tel. 61 222 33 33<br />
+                </address>
+            </div>
+        </section>
+    </footer>
+</body>
+</html>
diff --git a/grafika/icon.ico b/grafika/icon.ico
diff --git a/grafika/logo.png b/grafika/logo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+    <meta charset="UTF-8">
+    <title>Cinema - Strona Główna</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="icon" href="grafika/icon.ico">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+    <!-- Navigation layout -->
+    <header class="container-fluid">
+        <section class="row">
+            <div class="col-9 col-sm-10 col-md-5 col-xl-4">
+                <a href="index.html"><img src="grafika/logo.png" alt="logo kina" /></a>
+            </div>
+            <nav class="col align-self-end">
+                <ul class="navbar justify-content-around">
+                    <li class="nav-item">
+                        <a class="nav-link btn-lg btn-outline-dark" href="repertuar.php">REPERTUAR</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link btn-lg btn-outline-dark" href="index.html">PREMIERY</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link btn-lg btn-outline-dark" href="about.html">O NAS</a>
+                    </li>
+                </ul>
+            </nav>
+        </section>
+    </header>
+    <!-- Main content layout -->
+    <main class="container">
+        <h1 class="display-3">NAJNOWSZE PREMIERY</h1>
+        <section class="row row-cols-1 row-cols-md-2 row-cols-xl-3">
+            <article class="col">
+            <h2>Listy do M. 5<br />
+                    <small class="text-muted">Komedia rom. | Od lat 12 | Polska</small>
+                </h2>
+                <p>"Listy do M." powracają z 5. częścią wigilijnej opowieści. W kolejnej odsłonie zobaczymy świąteczne perypetie ulubionych bohaterów. Z czym zmierzą się tym razem? Melowi jak zwykle nic nie wychodzi. Zbieg okoliczności sprawia, że staje się bohaterem mimo woli, a jego nie zawsze kryształowy charakter znowu zostaje wystawiony na próbę.</p>
+            </article>
+            <article class="col">
+                <h2>Klondike<br />
+                    <small class="text-muted">Wojenny | Od 16 lat | Ukraina / Turcja</small>
+                </h2>
+                <p>Donbas, 2014 rok. Początek rosyjskiej inwazji na Ukrainę. Przerażający, przejmujący portret ludzkiej desperacji, a także wiary w siłę prawa i nadziei na lepsze jutro. Nagrodzony na Sundance i w Berlinie film, który w obecnych czasach oddziałuje na widza jeszcze bardziej, otwierając oczy na to, co dzieje się na arenie międzynarodowej.</p>
+            </article>
+            <article class="col">
+                <h2>Czarna Pantera: Wakanda w moim sercu<br />
+                    <small class="text-muted">Akcja | Od 7 lat | USA</small>
+                </h2>
+                <p>Po śmierci króla T'Challi królowa Ramonda, Shuri, M'Baku, Okoye i Dora Milaje stają w obronie swojego ludu przed interwencją światowych mocarstw. Otwierając nowy rozdział swojej historii, mieszkańcy Wakandy łączą siły z War Dog Nakią i Everettem Rossem, by wytyczyć nowy kierunek dla swojego królestwa.</p>
+            </article>
+            <article class="col">
+                <h2>Bohater<br />
+                    <small class="text-muted">Dramat | Od lat 16 | Francja / Iran</small>
+                </h2>
+                <p>Podczas dwudniowej przepustki w ręce Rahima trafia torba z kosztownościami – mężczyzna staje przed dylematem, czy przywłaszczyć  zgubę, spłacić wierzyciela i zapewnić sobie wolność, czy też postąpić zgodnie ze swoim sumieniem i odnaleźć właściciela.</p>
+            </article>
+            <article class="col">
+                <h2>Lombard<br />
+                    <small class="text-muted">Dokumentalny | Od lat 12 | Polska</small>
+                </h2>
+                <p>W mieście zwanym "polskim Detroit", Jola i Wiesiek próbują ratować upadający biznes i rozpadający się związek. Przy ulicy Wytrwałych 1, każdego dnia walczą o przetrwanie, wspierając jednocześnie mieszkańców zubożałej, poprzemysłowej dzielnicy, udowadniając tym samym, że siła tkwi we wspólnocie.</p>
+            </article>
+            <article class="col">
+                <h2>BROS<br />
+                    <small class="text-muted">Komedia rom. | Od 16 lat | USA</small>
+                </h2>
+                <p>Duma górą! Oto komedia romantyczna o szukaniu miłości, bliskości i serdeczności w czasie gdy wokół cały świat nie chce się ani na moment zatrzymać. Bobby ponad wszystko ceni samowystarczalność, wolność i niezależność. "Bros" udowadniają, że dla miłości warto zaryzykować!</p>
+            </article>
+        </section>
+    </main>
+    <!-- Footer with basic information -->
+    <footer class="container">
+        <section class="d-flex flex-row-reverse">
+            <div>
+                <address>
+                    Cinema<br />
+                    ul. Dworcowa 20<br />
+                    61-890 Poznań<br />
+                    tel. 61 222 33 33<br />
+                </address>
+            </div>
+        </section>
+    </footer>
+</body>
+</html>