templates/business/index/index.html.twig line 1

Open in your IDE?
  1. {% extends 'business/base.html.twig' %}
  3. {% block title %}Shopingy | Welcome!{% endblock %}
  5. {% block body %}
  7.     <div class="container-fluid contentholder">
  8.         <div class="container content">
  9.             <div class="row">
  10.                 <div class="col-12 col-md-6 aboutb">
  11.                     <div class="pingy"><img src="{{ asset('build/images/pingy_business.svg') }}"></div>
  12.                     <h2>Get access to the profesional stores database</h2>
  13.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi laoreet, nunc id molestie
  14.                         ultrices,
  15.                         est arcu lacinia nunc, at consectetur ligula enim ut ante. Quisque feugiat congue malesuada.
  16.                         Curabitur risus justo, blandit at ligula sed, ultrices semper urna. Integer suscipit varius
  17.                         ante,
  18.                         ornare ultrices libero hendrerit vulputate. Integer .</p>
  19.                 </div>
  21.                 <div class="col-12 col-md-6">
  22.                     <img class="computer" src="{{ asset('build/images/cbusiness.jpg') }}">
  23.                 </div>
  26.                 <div class="col-12"><h2>Key features</h2></div>
  28.                 <div class="col-12 col-md-4">
  29.                     <div class="inner">
  30.                         <img src="{{ asset('build/images/b_ico1.svg') }}">
  31.                         <h3>Actual database</h3>
  32.                     </div>
  33.                 </div>
  35.                 <div class="col-12 col-md-4">
  36.                     <div class="inner">
  37.                         <img src="{{ asset('build/images/b_ico2.svg') }}">
  38.                         <h3>All data filters</h3>
  39.                     </div>
  40.                 </div>
  43.                 <div class="col-12 col-md-4">
  44.                     <div class="inner">
  45.                         <img src="{{ asset('build/images/b_ico3.svg') }}">
  46.                         <h3>Statistics</h3>
  47.                     </div>
  48.                 </div>
  50.                 <div class="col-12 col-md-4">
  51.                     <div class="inner">
  52.                         <img src="{{ asset('build/images/b_ico4.svg') }}">
  53.                         <h3>Stores sizes</h3>
  54.                     </div>
  55.                 </div>
  57.                 <div class="col-12 col-md-4">
  58.                     <div class="inner">
  59.                         <img src="{{ asset('build/images/b_ico5.svg') }}">
  60.                         <h3>Stores history</h3>
  61.                     </div>
  62.                 </div>
  64.                 <div class="col-12 col-md-4">
  65.                     <div class="inner">
  66.                         <img src="{{ asset('build/images/b_ico6.svg') }}">
  67.                         <h3>Map compare</h3>
  68.                     </div>
  69.                 </div>
  72.             </div>
  73.         </div>
  74.     </div>
  77.     <div class="container-fluid cities">
  79.         <div class="container">
  80.             <div class="row">
  82.                 <div class="col-12 col-md-8">
  83.                     <h2>12 cities</h2>
  84.                     <div class="row">
  85.                         <div class="col-12 col-md-4 city">
  86.                             <img src="https://www.shopingy.com/flags/cz.svg">
  87.                             <h3>Prague</h3>
  88.                         </div>
  90.                         <div class="col-12 col-md-4 city">
  91.                             <img src="https://www.shopingy.com/flags/de.svg">
  92.                             <h3>Berlin</h3>
  93.                         </div>
  95.                         <div class="col-12 col-md-4 city">
  96.                             <img src="https://www.shopingy.com/flags/de.svg">
  97.                             <h3>Munich</h3>
  98.                         </div>
  100.                         <div class="col-12 col-md-4 city">
  101.                             <img src="https://www.shopingy.com/flags/de.svg">
  102.                             <h3>Frankfurt</h3>
  103.                         </div>
  105.                         <div class="col-12 col-md-4 city">
  106.                             <img src="https://www.shopingy.com/flags/de.svg">
  107.                             <h3>Düsseldorf</h3>
  108.                         </div>
  110.                         <div class="col-12 col-md-4 city">
  111.                             <img src="https://www.shopingy.com/flags/de.svg">
  112.                             <h3>Hamburg</h3>
  113.                         </div>
  116.                         <div class="col-12 col-md-4 city">
  117.                             <img src="https://www.shopingy.com/flags/ch.svg">
  118.                             <h3>Geneva</h3>
  119.                         </div>
  121.                         <div class="col-12 col-md-4 city">
  122.                             <img src="https://www.shopingy.com/flags/ch.svg">
  123.                             <h3>Zurich</h3>
  124.                         </div>
  126.                         <div class="col-12 col-md-4 city">
  127.                             <img src="https://www.shopingy.com/flags/at.svg">
  128.                             <h3>Vienna</h3>
  129.                         </div>
  131.                         <div class="col-12 col-md-4 city">
  132.                             <img src="https://www.shopingy.com/flags/it.svg">
  133.                             <h3>Milan</h3>
  134.                         </div>
  136.                         <div class="col-12 col-md-4 city">
  137.                             <img src="https://www.shopingy.com/flags/se.svg">
  138.                             <h3>Stockholm</h3>
  139.                         </div>
  141.                         <div class="col-12 col-md-4 city">
  142.                             <img src="https://www.shopingy.com/flags/dk.svg">
  143.                             <h3>Copenhagen</h3>
  144.                         </div>
  146.                     </div>
  147.                 </div>
  149.                 <div class="col-12 col-md-4">
  150.                     <h2>Coming soon</h2>
  151.                     <div class="row">
  153.                         <div class="col-12 city">
  154.                             <img src="https://www.shopingy.com/flags/it.svg">
  155.                             <h3>Venice</h3>
  156.                         </div>
  158.                         <div class="col-12 city">
  159.                             <img src="https://www.shopingy.com/flags/it.svg">
  160.                             <h3>Rome</h3>
  161.                         </div>
  163.                         <div class="col-12 city">
  164.                             <img src="https://www.shopingy.com/flags/pl.svg">
  165.                             <h3>Warsaw</h3>
  166.                         </div>
  168.                     </div>
  169.                 </div>
  172.             </div>
  173.         </div>
  175.     </div>
  178.     <div class="container-fluid overview">
  180.         <div class="container">
  181.             <div class="row">
  182.                 <div class="col-12"><h2>Overview</h2></div>
  184.                 <div class="col-12 col-md-4">
  185.                     <div class="inner">
  186.                         <h3>1260</h3>
  187.                         <p>World’s famous brands</p>
  188.                     </div>
  189.                 </div>
  191.                 <div class="col-12 col-md-4">
  192.                     <div class="inner">
  193.                         <h3>41 570</h3>
  194.                         <p>Detailed stores</p>
  195.                     </div>
  196.                 </div>
  198.                 <div class="col-12 col-md-4">
  199.                     <div class="inner">
  200.                         <h3>381</h3>
  201.                         <p>Shopping Malls</p>
  202.                     </div>
  203.                 </div>
  205.             </div>
  206.         </div>
  208.     </div>
  210.     <div class="container-fluid pricing">
  212.         <div class="container">
  213.             <div class="row">
  214.                 <div class="col-12"><h2>Pricing</h2></div>
  215.                 <div class="col-12 col-md-6 price1">
  216.                     <h3>Get Full access to Shopingy business stores database</h3>
  217.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi laoreet, nunc id molestie
  218.                         ultrices,
  219.                         est arcu lacinia nunc, at consectetur ligula enim ut ante. Quisque feugiat congue malesuada.
  220.                         Curabitur risus justo, blandit at ligula sed, ultrices semper urna. Integer suscipit varius
  221.                         ante,
  222.                         ornare ultrices libero hendrerit vulputate. Integer .</p>
  223.                 </div>
  224.                 <div class="col-12 col-md-6 price2">
  225.                     <h3>Special offer</h3>
  226.                     <div class="price">6.99 €<span>/  Per month</span></div>
  227.                     <div class="but3">Buy</div>
  228.                     <p>* Special offer is valid to 31.12.2019</p>
  229.                 </div>
  230.             </div>
  231.         </div>
  232.     </div>
  234. {% endblock %}