templates/document/division_page/psychological.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/default.html.twig' %}
  3. {% block contentBlock %}
  5. <!--PSYCHOLOGICAL PAGE-->
  6. <main class="psychologicalTestinPage" style="background-attachment: fixed;background-image: url({{ document.getProperty('template_background_image') ? document.getProperty('template_background_image').getThumbnail('Stoelting_division_bg') }}) ;">
  7.     {% if app.flashes.success is defined %}
  8.         {% include 'Components/success-message.html.twig' with {
  9.                 message: 'Your password is recovered and you are now logged in.'
  10.             }
  11.         %}
  12.     {% endif %}
  13.     <div class="container pt-5 pt-lg-5 pt-md-5">
  14.         <div class="row">
  15.             <div class="col-lg-12 text-center">
  16.                 <div class="light-heading-wysiwyg">
  17.                     {{  pimcore_wysiwyg("homepageHeading", {
  18.                             "height": 100
  19.                         })
  20.                     }}
  21.                 </div>
  22.             </div>
  23.             <div class="col-lg-10 offset-lg-1">
  24.                 <div class="neurosciencePageSubheader text-center">
  25.                         {{  pimcore_wysiwyg("homepageSubHeading", {
  26.                             "height": 50
  27.                         })
  28.                     }}
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </div>
  33.     <div class="container psychologicalTestinPage-container">
  34.         <div class="row mt-5 mt-lg-5 mt-md-5">
  35.             <div class="col-xl-10 offset-xl-1 col-lg-12">
  36.                 <div class="row">
  37.                     <div class="col-lg-3 col-md-6 col-sm-12">
  38.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-1').getHref() }}" class="d-flex flex-column align-items-center">
  39.                             <div class="categoryCircles__circle">
  40.                                 <div class="categoryCircles__circleContent">
  41.                                     {% if editmode %}
  42.                                         {{ pimcore_image('categoryCircle-1') }}
  43.                                         <div class="categoryCircles__circleLinkEdit">
  44.                                             {{ pimcore_link('categoryCricle-link-1') }}
  45.                                         </div>
  46.                                     {% else %}
  47.                                         <div class="categoryCircles__circleImage">
  48.                                             <img src="{{ pimcore_image('categoryCircle-1').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-1').getAlt() }}" title="{{ pimcore_image('categoryCircle-1').getAlt() }}">
  49.                                         </div>
  50.                                     {% endif %}
  52.                                     <span class="categoryCircles__circle__divider"></span>
  53.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  54.                                         {{ pimcore_input('categoryCircle-1__heading',{placeholder: " Text "}) }}
  55.                                     </h4>
  56.                                 </div>
  57.                             </div>
  58.                         </a>
  59.                     </div>
  60.                     <div class="col-lg-3 col-md-6 col-sm-12">
  61.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-2').getHref() }}" class="d-flex flex-column align-items-center">
  62.                             <div class="categoryCircles__circle">
  63.                                 <div class="categoryCircles__circleContent">
  64.                                     {% if editmode %}
  65.                                         {{ pimcore_image('categoryCircle-2') }}
  66.                                         <div class="categoryCircles__circleLinkEdit">
  67.                                             {{ pimcore_link('categoryCricle-link-2') }}
  68.                                         </div>
  69.                                     {% else %}
  70.                                         <div class="categoryCircles__circleImage">
  71.                                             <img src="{{ pimcore_image('categoryCircle-2').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-2').getAlt() }}" title="{{ pimcore_image('categoryCircle-2').getAlt() }}">
  72.                                         </div>
  73.                                     {% endif %}
  75.                                     <span class="categoryCircles__circle__divider"></span>
  76.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  77.                                         {{ pimcore_input('categoryCircle-2__heading',{placeholder: " Text "}) }}
  78.                                     </h4>
  79.                                 </div>
  80.                             </div>
  81.                         </a>
  82.                     </div>
  83.                     <div class="col-lg-3 col-md-6 col-sm-12">
  84.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-3').getHref() }}" class="d-flex flex-column align-items-center">
  85.                             <div class="categoryCircles__circle">
  86.                                 <div class="categoryCircles__circleContent">
  87.                                     {% if editmode %}
  88.                                         {{ pimcore_image('categoryCircle-3') }}
  89.                                         <div class="categoryCircles__circleLinkEdit">
  90.                                             {{ pimcore_link('categoryCricle-link-3') }}
  91.                                         </div>
  92.                                     {% else %}
  93.                                         <div class="categoryCircles__circleImage">
  94.                                             <img src="{{ pimcore_image('categoryCircle-3').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-3').getAlt() }}" title="{{ pimcore_image('categoryCircle-3').getAlt() }}">
  95.                                         </div>
  96.                                     {% endif %}
  98.                                     <span class="categoryCircles__circle__divider"></span>
  99.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  100.                                         {{ pimcore_input('categoryCircle-3__heading',{placeholder: " Text "}) }}
  101.                                     </h4>
  102.                                 </div>
  103.                             </div>
  104.                         </a>
  105.                     </div>
  106.                     <div class="col-lg-3 col-md-6 col-sm-12">
  107.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-4').getHref() }}" class="d-flex flex-column align-items-center">
  108.                             <div class="categoryCircles__circle">
  109.                                 <div class="categoryCircles__circleContent">
  110.                                     {% if editmode %}
  111.                                         {{ pimcore_image('categoryCircle-4') }}
  112.                                         <div class="categoryCircles__circleLinkEdit">
  113.                                             {{ pimcore_link('categoryCricle-link-4') }}
  114.                                         </div>
  115.                                     {% else %}
  116.                                         <div class="categoryCircles__circleImage">
  117.                                             <img src="{{ pimcore_image('categoryCircle-4').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-4').getAlt() }}" title="{{ pimcore_image('categoryCircle-4').getAlt() }}">
  118.                                         </div>
  119.                                     {% endif %}
  121.                                     <span class="categoryCircles__circle__divider"></span>
  122.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  123.                                         {{ pimcore_input('categoryCircle-4__heading',{placeholder: " Text "}) }}
  124.                                     </h4>
  125.                                 </div>
  126.                             </div>
  127.                         </a>
  128.                     </div>
  129.                 </div>
  130.             </div>
  131.         </div>
  133.         <div class="row mt-0 mt-lg-5">
  134.             <div class="col-xl-10 offset-xl-1 col-lg-12">
  135.                 <div class="row">
  136.                     <div class="col-lg-3 col-md-6 col-sm-12">
  137.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-5').getHref() }}" class="d-flex flex-column align-items-center">
  138.                             <div class="categoryCircles__circle">
  139.                                 <div class="categoryCircles__circleContent">
  140.                                     {% if editmode %}
  141.                                         {{ pimcore_image('categoryCircle-5') }}
  142.                                         <div class="categoryCircles__circleLinkEdit">
  143.                                             {{ pimcore_link('categoryCricle-link-5') }}
  144.                                         </div>
  145.                                     {% else %}
  146.                                         <div class="categoryCircles__circleImage">
  147.                                             <img src="{{ pimcore_image('categoryCircle-5').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-5').getAlt() }}" title="{{ pimcore_image('categoryCircle-5').getAlt() }}">
  148.                                         </div>
  149.                                     {% endif %}
  151.                                     <span class="categoryCircles__circle__divider"></span>
  152.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  153.                                         {{ pimcore_input('categoryCircle-5__heading',{placeholder: " Text "}) }}
  154.                                     </h4>
  155.                                 </div>
  156.                             </div>
  157.                         </a>
  158.                     </div>
  159.                     <div class="col-lg-3 col-md-6 col-sm-12">
  160.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-6').getHref() }}" class="d-flex flex-column align-items-center">
  161.                             <div class="categoryCircles__circle">
  162.                                 <div class="categoryCircles__circleContent">
  163.                                     {% if editmode %}
  164.                                         {{ pimcore_image('categoryCircle-6') }}
  165.                                         <div class="categoryCircles__circleLinkEdit">
  166.                                             {{ pimcore_link('categoryCricle-link-6') }}
  167.                                         </div>
  168.                                     {% else %}
  169.                                         <div class="categoryCircles__circleImage">
  170.                                             <img src="{{ pimcore_image('categoryCircle-6').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-6').getAlt() }}" title="{{ pimcore_image('categoryCircle-6').getAlt() }}">
  171.                                         </div>
  172.                                     {% endif %}
  174.                                     <span class="categoryCircles__circle__divider"></span>
  175.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  176.                                         {{ pimcore_input('categoryCircle-6__heading',{placeholder: " Text "}) }}
  177.                                     </h4>
  178.                                 </div>
  179.                             </div>
  180.                         </a>
  181.                     </div>
  182.                     <div class="col-lg-3 col-md-6 col-sm-12">
  183.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-7').getHref() }}" class="d-flex flex-column align-items-center">
  184.                             <div class="categoryCircles__circle">
  185.                                 <div class="categoryCircles__circleContent">
  186.                                     {% if editmode %}
  187.                                         {{ pimcore_image('categoryCircle-7') }}
  188.                                         <div class="categoryCircles__circleLinkEdit">
  189.                                             {{ pimcore_link('categoryCricle-link-7') }}
  190.                                         </div>
  191.                                     {% else %}
  192.                                         <div class="categoryCircles__circleImage">
  193.                                             <img src="{{ pimcore_image('categoryCircle-7').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-7').getAlt() }}" title="{{ pimcore_image('categoryCircle-7').getAlt() }}">
  194.                                         </div>
  195.                                     {% endif %}
  197.                                     <span class="categoryCircles__circle__divider"></span>
  198.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  199.                                         {{ pimcore_input('categoryCircle-7__heading',{placeholder: " Text "}) }}
  200.                                     </h4>
  201.                                 </div>
  202.                             </div>
  203.                         </a>
  204.                     </div>
  205.                     <div class="col-lg-3 col-md-6 col-sm-12">
  206.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCricle-link-8').getHref() }}" class="d-flex flex-column align-items-center">
  207.                             <div class="categoryCircles__circle">
  208.                                 <div class="categoryCircles__circleContent">
  209.                                     {% if editmode %}
  210.                                         {{ pimcore_image('categoryCircle-8') }}
  211.                                         <div class="categoryCircles__circleLinkEdit">
  212.                                             {{ pimcore_link('categoryCricle-link-8') }}
  213.                                         </div>
  214.                                     {% else %}
  215.                                         <div class="categoryCircles__circleImage">
  216.                                             <img src="{{ pimcore_image('categoryCircle-8').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircle-8').getAlt() }}" title="{{ pimcore_image('categoryCircle-8').getAlt() }}">
  217.                                         </div>
  218.                                     {% endif %}
  220.                                     <span class="categoryCircles__circle__divider"></span>
  221.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  222.                                         {{ pimcore_input('categoryCircle-8__heading',{placeholder: " Text "}) }}
  223.                                     </h4>
  224.                                 </div>
  225.                             </div>
  226.                         </a>
  227.                     </div>
  228.                 </div>
  229.             </div>
  230.         </div>
  231.     </div>
  232. </main>
  233. {% endblock %}