templates/default/pricing.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.      <div style="background-color: #eaf6ff;">    
  4.                 <div class="container py-5 text-center">
  5.                             <h1>{{ 'Cennik'|trans }}</h1>
  6.                             <p class="fs-5">{{ 'Zapewniamy bezpieczne płatności online, abyś mógł bez obaw korzystać z naszego rozwiązania. Wybierz plan i okres, który najlepiej odpowiada Twoim potrzebom: 1, 6 lub 12 miesięcy. Decydując się na roczny plan, otrzymasz atrakcyjny rabat w wysokości 40%. Na dwa tygodnie przed wygaśnięciem Twojego konta przypomnimy Ci o zbliżającym się terminie i poprosimy o przedłużenie subskrypcji. To Ty masz pełną kontrolę – nie stosujemy automatycznych płatności.'|trans }} </p>
  7.                         
  8.                     </div>
  9.         </div>
  10.             
  11. <div class="container py-5">
  12.         <main>
  13.     <div class="row row-cols-1 row-cols-md-3 mb-3 text-center">
  14.       <div class="col">
  15.         <div class="card mb-4 rounded-3 shadow-sm">
  16.           <div class="card-header py-3">
  17.             <h4 class="my-0 fw-normal">{{'Darmowe'|trans}}</h4>
  18.           </div>
  19.           <div class="card-body">
  20.             <h1 class="card-title pricing-card-title">{{'0 zł'|trans}}<small class="text-body-secondary fw-light"></small></h1>
  21.             <ul class="list-unstyled mt-3 mb-4">
  22.               <li>2 {{'użytkownik'|trans}}</li>
  23.               <li>5 {{'muf światłowodowych'|trans}}</li>
  24.               <li>10 {{'kabli światłowodowych'|trans}}</li>
  25.               <li></li>
  26.             </ul>
  27.             <a class="w-100 btn btn-lg btn-outline-primary" href="{{ path('fos_user_registration_register') }}?package=1">{{ 'Rozpocznij za darmo'|trans }}</a>
  28.           </div>
  29.         </div>
  30.       </div>
  31.       <div class="col">
  32.         <div class="card mb-4 rounded-3 shadow-sm">
  33.           <div class="card-header py-3">
  34.             <h4 class="my-0 fw-normal">{{'Miesięcznie za inwentaryzację sieci światłowodowej'|trans}}</h4>
  35.           </div>
  36.           <div class="card-body">
  37.             <h1 class="card-title pricing-card-title">{{'130 zł'|trans}}<small class="text-body-secondary fw-light">/{{'miesięcznie'|trans}}</small></h1>
  38.             <ul class="list-unstyled mt-3 mb-4">
  39.               <li>5 {{'użytkownik'|trans}}</li>
  40.               <li>{{'Brak limitu'|trans}} {{'muf światłowodowych'|trans}}</li>
  41.               <li>{{'Brak limitu'|trans}} {{'kabli światłowodowych'|trans}}</li>
  42.               <li>{{ 'Wsparcie przez email'|trans }}</li>
  43.             </ul>
  44.             <a class="w-100 btn btn-lg btn-primary" href="{{ path('fos_user_registration_register') }}?package=1">{{ 'Rozpocznij za darmo'|trans }}</a>
  45.           </div><p class="fw-light">*{{'Ceny netto.'|trans}}</p>
  46.         </div>
  47.       </div>
  48.       <div class="col">
  49.         <div class="card mb-4 rounded-3 shadow-sm border-primary">
  50.           <div class="card-header py-3 text-bg-primary border-primary">
  51.             <h4 class="my-0 fw-normal">{{'Rocznie za inwentaryzację sieci światłowodowej'|trans}}</h4>
  52.           </div>
  53.           <div class="card-body">
  54.             <h1 class="card-title pricing-card-title">{{'936 zł'|trans}}<small class="text-body-secondary fw-light">/{{'rocznie'|trans}}</small></h1>
  55.             <ul class="list-unstyled mt-3 mb-4">
  56.               <li>5 {{'użytkownik'|trans}}</li>
  57.               <li>{{'Brak limitu'|trans}} {{'muf światłowodowych'|trans}}</li>
  58.               <li>{{'Brak limitu'|trans}} {{'kabli światłowodowych'|trans}}</li>
  59.               <li>{{ 'Wsparcie przez email'|trans }}</li>
  60.             </ul>
  61.             <a class="w-100 btn btn-lg btn-primary" href="{{ path('fos_user_registration_register') }}?package=1">{{ 'Rozpocznij za darmo'|trans }}</a>
  62.           </div><p class="fw-light">*{{'Ceny netto.'|trans}}</p>
  63.         </div>
  64.         
  65.       </div>
  66.     </div>
  67.     <h2 class="display-6 text-center mb-4">{{'Porównaj plany'|trans}}</h2>
  68.     <div class="table-responsive">
  69.       <table class="table text-center">
  70.         <thead>
  71.           <tr>
  72.             <th style="width: 36%;"></th>
  73.             <th style="width: 16%;">{{'Darmowe'|trans}}</th>
  74.             <th style="width: 16%;">{{ 'Mufy światłowodowe'|trans }}</th>
  75.             <th style="width: 16%;">{{ 'Sieć światłowodowa'|trans }}</th>
  76.             <th style="width: 16%;">{{ 'XXL zespoły'|trans }}</th>
  77.           </tr>
  78.         </thead>
  79.         <tbody>
  80.           <tr>
  81.             <th scope="row" class="text-start">{{ 'Użytkowników'|trans }}</th>
  82.             <td>2</td>
  83.             <td>2</td>
  84.             <td>5</td>
  85.             <td>10</td>
  86.           </tr>
  87.           
  88.         </tbody>
  89.         <tbody>
  90.           <tr>
  91.             <th scope="row" class="text-start">{{ 'Kable światłowodowe'|trans }}</th>
  92.             <td>10</td>
  93.             <td>{{'Brak limitu'|trans}}</td>
  94.             <td>{{'Brak limitu'|trans}}</td>
  95.             <td>{{'Brak limitu'|trans}}</td>
  96.           </tr>
  97.           <tr>
  98.             <th scope="row" class="text-start">{{ 'Mufy światłowodowe'|trans }}</th>
  99.             <td>5</td>
  100.             <td>{{'Brak limitu'|trans}}</td>
  101.             <td>{{'Brak limitu'|trans}}</td>
  102.             <td>{{'Brak limitu'|trans}}</td>
  103.           </tr>
  104.           <tr>
  105.             <th scope="row" class="text-start">{{ 'Inwentaryzacja połączeń włókien światłowodowych'|trans }}</th>
  106.             <td>x</td>
  107.             <td>x</td>
  108.             <td>x</td>
  109.             <td>x</td>
  110.           </tr>
  111.           <tr>
  112.             <th scope="row" class="text-start">{{ 'Archiwum prac na włóknach'|trans }}</th>
  113.             <td>x</td>
  114.             <td>x</td>
  115.             <td>x</td>
  116.             <td>x</td>
  117.           </tr>
  118.           <tr>
  119.             <th scope="row" class="text-start">{{ 'WorkFlow zlecanie zadań'|trans }}</th>
  120.             <td>x</td>
  121.             <td>x</td>
  122.             <td>x</td>
  123.             <td>x</td>
  124.           </tr>
  125.           <tr>
  126.             <th scope="row" class="text-start">{{ 'Eksport mapy sieci do KML'|trans }}</th>
  127.             <td>x</td>
  128.             <td>x</td>
  129.             <td>x</td>
  130.             <td>x</td>
  131.           </tr>
  132.           <tr>
  133.             <th scope="row" class="text-start">{{ 'Eksport danych excel, PDF, CSV'|trans }}</th>
  134.             <td>x</td>
  135.             <td>x</td>
  136.             <td>x</td>
  137.             <td>x</td>
  138.           </tr>
  139.           <tr>
  140.             <th scope="row" class="text-start">{{ 'Dostęp z urządzeń mobilnych'|trans }}</th>
  141.             <td>x</td>
  142.             <td>x</td>
  143.             <td>x</td>
  144.             <td>x</td>
  145.           </tr>
  146.           <tr>
  147.             <th scope="row" class="text-start">{{ 'Wsparcie przez email'|trans }}</th>
  148.             <td>x</td>
  149.             <td>x</td>
  150.             <td>x</td>
  151.             <td>x</td>
  152.           </tr>
  153.           <tr>
  154.             <th scope="row" class="text-start">{{ 'Schematy spawów'|trans }}</th>
  155.             <td>x</td>
  156.             <td>x</td>
  157.             <td>x</td>
  158.             <td>x</td>
  159.           </tr>
  160.           <tr>
  161.             <th scope="row" class="text-start">{{ 'Schematy eksport PDF'|trans }}</th>
  162.             <td>x</td>
  163.             <td>x</td>
  164.             <td>x</td>
  165.             <td>x</td>
  166.           </tr>
  167.           {% if app.request.locale == 'en' %}
  168.             
  169.             {% else %}
  170.           <tr>
  171.             <th scope="row" class="text-start">UKE PIT eksport</th>
  172.             <td>x</td>
  173.             <td>x</td>
  174.             <td>x</td>
  175.             <td>x</td>
  176.           </tr>
  177.           {% endif %}
  178.           <tr>
  179.             <th scope="row" class="text-start">{{ 'Zakończenia sieci'|trans }}</th>
  180.             <td>x</td>
  181.             <td></td>
  182.             <td>x</td>
  183.             <td>x</td>
  184.           </tr>
  185.           <tr>
  186.             <th scope="row" class="text-start">{{ 'Trasy włókien'|trans }}</th>
  187.             <td>x</td>
  188.             <td></td>
  189.             <td>x</td>
  190.             <td>x</td>
  191.           </tr>
  192.           <tr>
  193.             <th scope="row" class="text-start">{{ 'Mapa z przebiegiem kabli'|trans }}</th>
  194.             <td>x</td>
  195.             <td></td>
  196.             <td>x</td>
  197.             <td>x</td>
  198.           </tr>
  199.           <tr>
  200.             <th scope="row" class="text-start">{{ 'Integracja przez link internetowy'|trans }}</th>
  201.             <td>x</td>
  202.             <td></td>
  203.             <td>x</td>
  204.             <td>x</td>
  205.           </tr>
  206.         </tbody>
  207.       </table>
  208.     </div>
  209.   </main>  
  210.   </div>
  211. {% endblock %}