oazaSrdceWeb / other.php
other.php
Raw 
<?php

/**
 * @file openPositions.php
 * @brief Stránka sloužící jako souhrné informace pro zákazníky se specifickými požadavky.
 *
 * Tento skript:
 * Zobrazuje informace o možnostech ubytování, stravování, pronájmu prostor a wellness službách v Hotelu Bradlo.
 * Využívají se prvky, které jsou použité na jiných stránkách webu, aby byla zajištěna konzistence vzhledu a funkčnosti.
 */
?>
<!DOCTYPE html>
<html lang="cs">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Objevte možnosti ubytování, stravování a pronájmu prostor v Hotelu Bradlo. Ideální místo pro vaše akce, semináře a relaxaci." />
  <title>Ostatní</title>
  <link rel="stylesheet" href="css/other.css" />
  <link
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    rel="stylesheet" />
  <link rel="icon" href="media/logo-oaza2.png" type="image/x-icon" />
</head>

<!-- Google tag (gtag.js) -->
<script
  async
  src="https://www.googletagmanager.com/gtag/js?id=G-FB7MMZ9KBB"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }
  gtag("js", new Date());

  gtag("config", "G-FB7MMZ9KBB");
</script>

<nav>
  <div class="container" id="home">
    <div class="row"></div>
    <div class="row navLinks text-center">
      <div class="col-md-2 col-lg-2 col-12 link mt-3">
        <a href="domů"> Domů </a>
      </div>
      <div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
        <a href="domů#akce">Akce</a>
        <div class="submenu">
          <a href="semináře">Semináře</a>
          <a href="rekreace">Ozdravné pobyty</a>
          <a href="dětské-pobyty">Dětské pobyty</a>
          <a href="firemní">Firemní</a>
          <a href="ostatní">Ostatní</a>
        </div>
      </div>
      <div class="col-md-2 col-lg-2 col-12 text-center">
        <a href="domů"><img src="media/logo-oaza2.png" alt="" width="80px" height="80px" /></a>
      </div>
      <div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
        <a href="fotogalerie">Fotogalerie</a>
        <div class="submenu">
          <a href="blog#tipy-na-výlety">Tipy na výlety</a>
          <a href="blog">Aktuality</a>
        </div>
      </div>
      <div class="col-md-1 col-lg-1 col-12 link expandable mt-3">
        <a href="ceník">Ceník</a>
        <div class="submenu">
          <a href="platební-podmínky">Platební&nbsp;podmínky</a>
        </div>
      </div>
      <div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
        <a href="domů#kontakt">Kontakt</a>
        <div class="submenu">
          <a href="gdpr">Zpracování&nbsp;údajů</a>
          <a href="openPositions.php">Kariéra</a>
        </div>
      </div>
    </div>
  </div>
</nav>

<body>
  <section class="overall">
    <div class="container">
      <div class="row firstContent">
        <div class="col-md-4 col-lg-4 col-12 leftText text-left">
          <h1>Hotel Bradlo</h1>
          <p>
            V hotelu celoročně zajišťujeme zázemí pro pořádání společenských a
            firemních akcí, seminářů, sportovních soustředění, dětských pobytů
            a také ozdravných pobytů. Zajistíme vše od ubytování včetně stravy
            a parkování, až po různé druhy relaxace a zábavy. <br />V případě
            zájmu o využití našich služeb nás kontaktujte. +420 606 892 843
          </p>
        </div>
        <div
          class="col-md-8 col-lg-8 col-12 videoPart text-center"
          style="padding: 0px">
          <video src="media/otherVid.mp4" autoplay muted loop></video>
        </div>
      </div>
    </div>
    <div class="spacer"></div>
  </section>
  <section class="rooms">
    <div class="heading2">Ubytování</div>
    <div class="container">
      <div class="row">
        <div class="col-4 position-relative">
          <img src="media/roomleft.png" alt="" class="leftRoom" />
          <div class="smallGone">
            <img src="media/smallWave1.png" alt="" class="smallWave" />
          </div>
          <div class="biggerGone smallShow">
            <img src="media/smallWavecenter.png" alt="" class="smallWave2" />
          </div>
          <p class="smallName">I.kategorie</p>
          <p class="hoverText1">
            Pokoj je vybaven:
            <br class="mb-1" />
            - lůžka
            <br />
            - vlastní koupelna
            <br />
            - WC
            <br />
            - TV
            <br />
            - Wi-Fi
            <br />
            - sedací nábytek
            <br />
            - noční stolky + lampičky
            <br />
            - el. zásuvky
          </p>
        </div>
        <div class="col-4 position-relative">
          <img src="media/roomcenter.png" alt="" class="centerRoom" />
          <img src="media/smallWavecenter.png" alt="" class="smallWave2" />
          <p class="smallName">II.kategorie</p>
          <p class="hoverText2">
            Pokoj je vybaven:
            <br class="mb-1" />
            - lůžka
            <br />
            - vlastní koupelna
            <br />
            - WC
            <br />
            - TV
            <br />
            - Wi-Fi
            <br />
            - sedací nábytek
            <br />
            - noční stolky + lampičky
            <br />
            - el. zásuvky
          </p>
        </div>
        <div class="col-4 position-relative">
          <img src="media/roomright.png" alt="" class="rightRoom" />
          <div class="smallGone">
            <img src="media/smallWaveright.png" alt="" class="smallWave3" />
          </div>
          <div class="biggerGone smallShow">
            <img src="media/smallWavecenter.png" alt="" class="smallWave2" />
          </div>
          <p class="smallName">Původní podkrovní</p>
          <p class="hoverText3">
            Pokoj je vybaven:
            <br class="mb-1" />
            - lůžka
            <br />
            - vlastní koupelna
            <br />
            - TV
            <br />
            - Wi-Fi
            <br />
            - sedací nábytek
            <br />
            - noční stolky + lampičky
            <br />
            - el. zásuvky
          </p>
        </div>
      </div>
    </div>
    <div class="spacer smallGone hideMedium hideTablet hideSmTablet"></div>
  </section>
  <section class="food">
    <div class="spacer"></div>
    <div class="heading2">Stravování</div>
    <div class="container">
      <div class="row foodBar">
        <div class="col-md-1 col-lg-1 smallGone"></div>
        <div class="col-md-2 col-lg-2 col-6 foodBtn left" id="vegetarian">
          <h4>Vegetariánská</h4>
        </div>
        <div class="col-md-2 col-lg-2 col-6 foodBtn side" id="vegan">
          <h4>Veganská</h4>
        </div>
        <div class="col-md-2 col-lg-2 col-4 foodBtn center" id="raw">
          <h4>Živá / Raw</h4>
        </div>
        <div class="col-md-2 col-lg-2 col-4 foodBtn side" id="combi">
          <h4>Živá / Combi</h4>
        </div>
        <div class="col-md-2 col-lg-2 col-4 foodBtn right" id="meat">
          <h4>Domací masitá</h4>
        </div>
        <div class="col-1 hideSmTablet"></div>
      </div>
      <div class="spacer2"></div>
      <div class="row diningImg text-center">
        <div class="col-2.5 foodPlace">
          <img src="media/rent/gastro/bar.jpg" alt="" />
        </div>
        <div class="col-2.5 foodPlace">
          <img src="media/rent/gastro/bigfood.png" alt="" />
        </div>
        <div class="col-2.5 foodPlace">
          <img src="media/rent/gastro/blue.jpg" alt="" />
        </div>
        <div class="col-2.5 foodPlace">
          <img src="media/rent/gastro/red.jpg" alt="" />
        </div>
      </div>
    </div>
    <div class="spacer"></div>
  </section>
  <section class="rent">
    <div class="container">
      <div class="row rentHeading">
        <div class="col-4">
          <img src="media/seminar/lectors/2.png" alt="" />
        </div>
        <div class="col-4">
          <div class="heading2">Sály</div>
        </div>
        <div class="col-4">
          <img src="media/seminar/lectors/3.png" alt="" />
        </div>
      </div>
      <div class="spacer50"></div>
    </div>
    <div class="container">
      <div class="row text-center">
        <div class="col-md-6 col-lg-6 smallGone mb-4">
          <div class="rentHall2"></div>
          <div class="rentHall">
            <div class="topRentPhoto">
              <img src="media/rent/big/5.png" alt="" />
            </div>
            <div class="botRentPhoto">
              <img src="media/rent/big/6.png" alt="" />
              <img src="media/rent/big/8.jpg" alt="" />
              <img src="media/rent/big/7.png" alt="" />
            </div>
            <div class="rentInfo">
              <h1>Velký sál</h1>
              <p>
                Rozměr 12 x 18 m <br />
                Kapacita až 120 osob <br />
                Cena: 4500,-Kč/den
              </p>
              <img src="media/rent/bgInfo.png" alt="" />
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-6 col-12 biggerGone smallShow">
          <div class="rentHall22"></div>
          <div class="rentHall12">
            <div class="topRentPhoto">
              <img src="media/rent/big/5.png" alt="" />
            </div>
            <div class="botRentPhoto">
              <img src="media/rent/big/6.png" alt="" />
              <img src="media/rent/big/8.jpg" alt="" />
              <img src="media/rent/big/7.png" alt="" />
            </div>
            <div class="rentInfo">
              <h1>Velký sál</h1>
              <p>
                Rozměr 12 x 18 m <br />
                Kapacita až 120 osob <br />
                Cena: 4500,-Kč/den
              </p>
              <img src="media/rent/bgInfo.png" alt="" />
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-6 col-12 smallGone mb-4">
          <div class="rentHall2"></div>
          <div class="rentHall">
            <div class="topRentPhoto">
              <img src="media/rent/attic/1.jpg" alt="" />
            </div>
            <div class="botRentPhoto">
              <img src="media/rent/attic/3.jpg" alt="" />
              <img src="media/rent/attic/4.jpg" alt="" />
              <img src="media/rent/attic/2.jpg" alt="" />
            </div>
            <div class="rentInfo">
              <h1>Podkrovní sál</h1>
              <p>
                Rozměr 12 x 12 m <br />
                Kapacita až 40 osob <br />
                Cena: 1500,-Kč/den
              </p>
              <img src="media/rent/bgInfo.png" alt="" />
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-6 col-12 smallShow biggerGone">
          <div class="rentHall22"></div>
          <div class="rentHall12">
            <div class="topRentPhoto">
              <img src="media/rent/attic/1.jpg" alt="" />
            </div>
            <div class="botRentPhoto">
              <img src="media/rent/attic/3.jpg" alt="" />
              <img src="media/rent/attic/4.jpg" alt="" />
              <img src="media/rent/attic/2.jpg" alt="" />
            </div>
            <div class="rentInfo">
              <h1>Podkrovní sál</h1>
              <p>
                Rozměr 12 x 12 m <br />
                Kapacita až 40 osob <br />
                Cena: 1500,-Kč/den
              </p>
              <img src="media/rent/bgInfo.png" alt="" />
            </div>
          </div>
        </div>
      </div>
      <div class="spacer2"></div>
      <div class="row">
        <div class="col-3 smallGone"></div>
        <div class="col-md-6 col-lg-6 col-12 rentSmaller text-center">
          <div class="heading22">Prostory k využití</div>
        </div>

        <div class="col-12 spacer4"></div>
        <div class="col-3 smallGone"></div>
      </div>
      <div class="row">
        <div class="col-md-4 col-lg-4 col-12 mb-2">
          <div class="rentSchooling">
            <img
              src="media/rent/schooling/1.png"
              alt=""
              id="schoolingImage" />
            <div class="schoolingInfo text-center">
              <h1>Velká učebna</h1>
              <p>
                <span class="hover-text">+ předsálí</span> <br />
                Rozměr 10 x 4,5 m <br />Kapacita až 15 osob <br />Cena:
                500,-Kč/den
              </p>
              <img src="media/rent/bgInfoSmaller.png" alt="" />
            </div>
          </div>
        </div>
        <div class="col-md-4 col-lg-4 col-12 mb-2">
          <div class="rentSchooling">
            <img
              src="media/rent/schooling/2.png"
              alt=""
              id="schoolingImage2" />
            <div class="schoolingInfo text-center">
              <h1>Malá učebna</h1>
              <p>
                <span class="hover-text2">2.varianta</span><br />Rozměr 4 x
                4,5 m <br />Kapacita až 10 osob <br />Cena: 300,-Kč/den
              </p>
              <img src="media/rent/bgInfoSmaller.png" alt="" />
            </div>
          </div>
        </div>
        <div class="col-md-4 col-lg-4 col-12 mb-2">
          <div class="rentSchooling">
            <img src="media/rent/schooling/4.png" alt="" />
            <div class="schoolingInfo text-center">
              <h1>Pracovna</h1>
              <div class="spacer4 smallGone"></div>
              <p>
                Rozměr 4 x 2,70 m <br />
                Kapacita až 5 osob<br />
                Cena: 200,-Kč/den
              </p>
              <img src="media/rent/bgInfoSmaller.png" alt="" />
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="wellness">
    <div class="spacer smallGone hideSmTablet"></div>
    <div class="container">
      <div class="row">
        <div class="col-4 smallGone hideSmTablet">
          <img src="media/recreation/wellnessL.png" alt="" />
        </div>
        <div class="col-md-4 col-lg-4 col-12 heading3 mt-5 extraM">
          Wellness
        </div>
        <div class="col-4 smallGone hideSmTablet">
          <img src="media/recreation/wellnessR.png" alt="" />
        </div>
      </div>
      <div class="spacer2 smallGone hideSmTablet"></div>
      <div class="row wellnessIcons text-center">
        <div class="col-md-2 col-lg-2 smallGone"></div>
        <div class="col-md-4 col-lg-4 col-12 phone">
          <img src="media/recreation/massage.png" alt="" />
          <h2>Masáže</h2>
        </div>
        <div class="col-md-4 col-lg-4 col-12 phone">
          <img src="media/recreation/sauna.png" alt="" />
          <h2>Sauna</h2>
        </div>
        <div class="col-md-2 col-lg-2 smallGone"></div>
      </div>
      <div class="spacer2 smallGone hideSmTablet"></div>
      <div class="row wellnessIcons text-center">
        <div class="col-md-4 col-lg-4 col-12 phone">
          <img src="media/recreation/therapy.png" alt="" />
          <h2>Terapie</h2>
        </div>
        <div class="col-md-4 col-lg-4 col-12 phone">
          <img src="media/recreation/biores.png" alt="" />
          <h2>Biorezonance</h2>
        </div>
        <div class="col-md-4 col-lg-4 col-12 phone">
          <img src="media/recreation/yoga.png" alt="" />
          <h2>Jóga zóna</h2>
        </div>
      </div>
    </div>
    <div class="spacer smallGone hideTablet hideMedium hideSmTablet"></div>
    <div class="spacer50"></div>
  </section>
  <section class="contact">
    <div class="spacer50"></div>
    <div class="heading2">Kontakt</div>
    <div class="spacer4"></div>
    <div class="container contactBott">
      <div class="row" id="otherContact">
        <div class="phone biggerGone smallShow text-center">
          <div class="col-12 mb-2">
            <div class="contactBox">
              <h4>Email</h4>
              <p>vrsovskabrana@email.cz</p>
            </div>
          </div>
          <div class="col-12 mb-2">
            <div class="contactBox">
              <h4>Adresa</h4>
              <p>Vršov 19, Horní Bradlo</p>
            </div>
          </div>
          <div class="col-12 mb-2">
            <div class="contactBox">
              <h4>Telefon</h4>
              <p>+420 606 892 843</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-lg-4 smallGone mb-2">
          <div class="contactBox">
            <h4>Email</h4>
            <p>vrsovskabrana@email.cz</p>
          </div>
        </div>
        <div class="col-md-4 col-lg-4 smallGone mb-2">
          <div class="contactBox">
            <h4>Adresa</h4>
            <p>Vršov 19, Horní Bradlo</p>
          </div>
        </div>
        <div class="col-md-4 col-lg-4 smallGone mb-2">
          <div class="contactBox">
            <h4>Telefon</h4>
            <p>+420 606 892 843</p>
          </div>
        </div>
      </div>
    </div>
    <div class="spacer50"></div>
  </section>
  <footer>
    <div class="container">
      <div class="row text-center">
        <div class="col-4 mt-2">
          <p>+420 606 892 843</p>
        </div>
        <div class="col-4 mt-2"><a href="">©Oáza Srdce</a></div>
        <div class="col-4 mt-2"><a href="gdpr">GDPR</a></div>
      </div>
    </div>
  </footer>
  <script src="other.js"></script>
</body>

</html>
Powered by GitFront