templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}MojeZprava.cz
  3. {% endblock %}
  4. {% block body %}
  5.     <!-- Masthead-->
  6.     <header class="masthead">
  7.         <div class="container px-4 px-lg-5 h-100">
  8.             <div class="row gx-4 gx-lg-5 h-100 align-items-center justify-content-center text-center">
  9.                 <div class="col-lg-8 align-self-end">
  10.                     <h1 class="text-white font-weight-bold">Moje zpráva</h1>
  11.                     <hr class="divider"/>
  12.                 </div>
  13.                 <div class="col-lg-8 align-self-baseline">
  14.                     <p class="text-white-75 mb-5">Uschovejte si vzpomínku, nápad nebo emoci do svého osobního vzkazu.</p>
  15.                     <a class="btn btn-primary btn-xl" href="#about">Zjistěte více</a>
  16.                 </div>
  17.             </div>
  18.         </div>
  19.     </header>
  20.     <!-- About-->
  21.     <section class="page-section bg-primary" id="about">
  22.         <div class="container px-4 px-lg-5">
  23.             <div class="row gx-4 gx-lg-5 justify-content-center">
  24.                 <div class="col-lg-8 text-center">
  25.                     <h2 class="text-white mt-0">Tak s chutí do toho!</h2>
  26.                     <hr class="divider divider-light"/>
  27.                     <p class="text-white-75 mb-4">Služba Moje zpráva nabízí tolik možností, kolik si dokážete představit, aby váš dopis byl skvělou vzpomínkou na vaše chvíle.</p>
  28.                     <a class="btn btn-light btn-xl" href="{{ path('app_order') }}">Napsat zprávu!</a>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </section>
  33.     <!-- Services-->
  34.     <section class="page-section" id="services">
  35.         <div class="container px-4 px-lg-5">
  36.             <h2 class="text-center mt-0">Naše služby</h2>
  37.             <hr class="divider"/>
  38.             <div class="row gx-4 gx-lg-5">
  39.                 <div class="col-lg-4 col-md-6 text-center">
  40.                     <div class="mt-5">
  41.                         <div class="mb-2"><img class="img-fluid" src="images/portfolio/thumbnails/8.jpg" alt="..."/></div>
  42.                         <h3 class="h4 mb-2">Zpráva</h3>
  43.                         <p class="text-muted mb-0">
  44.                             <b>Mojezprava.cz</b>
  45.                             vám umožní připravit osobní dopis s vzkazem a přidat do něj fotku, která vám připomene ty nejcennější okamžiky.</p>
  46.                     </div>
  47.                 </div>
  48.                 <div class="col-lg-4 col-md-6 text-center">
  49.                     <div class="mt-5">
  50.                         <div class="mb-2"><img class="img-fluid" src="images/portfolio/thumbnails/9.jpg" alt="..."/></div>
  51.                         <h3 class="h4 mb-2">Výroba</h3>
  52.                         <p class="text-muted mb-0">Zaplatíte za výrobu reálného dopisu a ten pro Vás po 14 dnech od objednávky ručně vyrobíme.</p>
  53.                     </div>
  54.                 </div>
  55.                 <div class="col-lg-4 col-md-6 text-center">
  56.                     <div class="mt-5">
  57.                         <div class="mb-2"><img class="img-fluid" src="images/portfolio/thumbnails/10.jpg" alt="..."/></div>
  58.                         <h3 class="h4 mb-2">Doručení</h3>
  59.                         <p class="text-muted mb-0">Ať už za delší dobu nebo za pár dní, zkrátka jak si zvolíte, doručíme příjemci dopis, který jste vytvořili.</p>
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </section>
  65.     <!-- Portfolio-->
  66.     <div id="portfolio">
  67.         <div class="container-fluid p-0">
  68.             <div class="row g-0">
  69.                 <div class="col-lg-4 col-sm-6">
  70.                     <a class="portfolio-box" href="images/portfolio/fullsize/1.jpg" title="Project Name">
  71.                         <img class="picture-fluid" src="images/portfolio/thumbnails/1.jpg" alt="..."/>
  72.                     </a>
  73.                 </div>
  74.                 <div class="col-lg-4 col-sm-6">
  75.                     <a class="portfolio-box" href="images/portfolio/fullsize/2.jpg" title="Project Name">
  76.                         <img class="picture-fluid" src="images/portfolio/thumbnails/2.jpg" alt="..."/>
  77.                     </a>
  78.                 </div>
  79.                 <div class="col-lg-4 col-sm-6">
  80.                     <a class="portfolio-box" href="images/portfolio/fullsize/3.jpg" title="Project Name">
  81.                         <img class="picture-fluid" src="images/portfolio/thumbnails/3.jpg" alt="..."/>
  82.                     </a>
  83.                 </div>
  84.                 <div class="col-lg-4 col-sm-6">
  85.                     <a class="portfolio-box" href="images/portfolio/fullsize/4.jpg" title="Project Name">
  86.                         <img class="picture-fluid" src="images/portfolio/thumbnails/4.jpg" alt="..."/>
  87.                     </a>
  88.                 </div>
  89.                 <div class="col-lg-4 col-sm-6">
  90.                     <a class="portfolio-box" href="images/portfolio/fullsize/5.jpg" title="Project Name">
  91.                         <img class="picture-fluid" src="images/portfolio/thumbnails/5.jpg" alt="..."/>
  92.                     </a>
  93.                 </div>
  94.                 <div class="col-lg-4 col-sm-6">
  95.                     <a class="portfolio-box" href="images/portfolio/fullsize/6.jpg" title="Project Name">
  96.                         <img class="picture-fluid" src="images/portfolio/thumbnails/6.jpg" alt="..."/>
  97.                     </a>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </div>
  102.     <!-- Contact-->
  103.     <section class="page-section" id="contact">
  104.         <div class="container px-4 px-lg-5">
  105.             <div class="row gx-4 gx-lg-5 justify-content-center">
  106.                 <div class="col-lg-8 col-xl-6 text-center">
  107.                     <h2 class="mt-0">Kontaktujte nás!</h2>
  108.                 </div>
  109.             </div>
  110.             <div class="row gx-4 gx-lg-5 justify-content-center mb-5">
  111.                 <div class="col-lg-6">
  112.                     {{ form_start(form) }}
  113.                     {{ form_errors(form) }}
  114.                     {{ form_row(form.name) }}
  115.                     {{ form_row(form.email) }}
  116.                     {{ form_row(form.phone) }}
  117.                     {{ form_row(form.message) }}
  118.                     {{ form_widget(form) }}
  119.                     {{ form_end(form) }}
  120.                 </div>
  121.             </div>
  122.             <div class="row gx-4 gx-lg-5 justify-content-center">
  123.                 <div class="col-lg-4 text-center mb-5 mb-lg-0">
  124.                     <i class="bi-phone fs-2 mb-3 text-muted"></i>
  125.                     <div>+420 601 370 447</div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.         <img id="barion_logo" class="mt-5 mx-auto d-block" src="{{ asset('images/barion-smart-payment-banners-cz/barion-card-strip-cz__small.png') }}">
  130.     </section>
  131. {% endblock %}