templates/document/division_page/default.html.twig line 35

Open in your IDE?
  1. {% extends 'layout/default.html.twig' %}
  3. {% block contentBlock %}
  4. <main class="neurosciencePage" style="background-attachment: fixed;background-image: url({{ document.getProperty('template_background_image') ? document.getProperty('template_background_image').getThumbnail('Stoelting_division_bg') }}) ;">
  5.     {% if app.flashes.success is defined %}
  6.         {% include 'Components/success-message.html.twig' with {
  7.                 message: 'Your password is recovered and you are now logged in.'
  8.             }
  9.         %}
  10.     {% endif %}
  11.     <div class="container pt-5 pt-lg-5 pt-md-5">
  12.         <div class="row">
  13.             <div class="col-lg-12 text-center">
  14.                 <div class="light-heading-wysiwyg">
  15.                     {{  pimcore_wysiwyg("homepageHeading", {
  16.                             "height": 100
  17.                         })
  18.                     }}
  19.                 </div>
  20.             </div>
  21.             <div class="col-lg-8 offset-lg-2">
  22.                 <div class="neurosciencePageSubheader text-center">
  23.                         {{  pimcore_wysiwyg("homepageSubHeading", {
  24.                             "height": 50
  25.                         })
  26.                     }}
  27.                 </div>
  28.             </div>
  29.         </div>
  30.     </div>
  31.     <div class="container neurosciencePage__containerCircles">
  32.         <div class="row mt-5 mt-lg-5 mt-md-5">
  34.             <div class="col-lg-4 col-md-4 d-flex justify-content-md-end justify-content-center" style="padding: 1px;"> <!--Padding 1px fixing border radius issues -->
  35.                 <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--left-link').getHref() }}" class="d-flex flex-column align-items-center">
  36.                     <div class="categoryCircles__circle categoryCircles__circle--left">
  37.                         <div class="w-100 h-100 big-circle-hover" style="position: absolute; top:0; left: 0;"></div>
  38.                         <div class="categoryCircles__circleContent">
  39.                             {% if editmode %}
  40.                                 {{ pimcore_image('categoryCircles__circle--left') }}
  41.                                 <div class="categoryCircles__circleLinkEdit">
  42.                                     {{ pimcore_link('categoryCircles__circle--left-link') }}
  43.                                 </div>
  45.                             {% else %}
  46.                                 <div class="categoryCircles__circleImage">
  47.                                     <img src="{{ pimcore_image('categoryCircles__circle--left').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircles__circle--left').getAlt() }}" title="{{ pimcore_image('categoryCircles__circle--left').getAlt() }}">
  48.                                 </div>
  49.                             {% endif %}
  51.                             <span class="categoryCircles__circle__divider"></span>
  52.                             <h4 class="text-navyBlue font-weight-light font-italic mb-0"> {{ pimcore_input('categoryCircles__circle--left__heading',{placeholder: "Text..."}) }}</h4>
  53.                             <a href="{{ editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--left__subCircle-link').getHref() }}">
  54.                                 <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--left__subCircle d-flex flex-columng align-items-center justify-content-center">
  55.                                     {% if editmode %}
  57.                                         <div class="categoryCircles__circleLinkEdit">
  58.                                             {{ pimcore_link('categoryCircles__circle--left__subCircle-link') }}
  59.                                         </div>
  61.                                     {% endif %}
  62.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  63.                                         {{ pimcore_input('categoryCircles__circle--left__subCircle',{placeholder: " Text "}) }}
  64.                                     </h4>
  65.                                 </div>
  66.                             </a>
  67.                         </div>
  68.                     </div>
  69.                 </a>
  71.             </div>
  72.             <div class="col-lg-4 col-md-4 d-flex justify-content-center" style="padding: 1px;">
  73.                     <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--middle-link').getHref() }}" class="d-flex flex-column align-items-center">
  74.                         <div class="categoryCircles__circle categoryCircles__circle--middle">
  75.                             <div class="w-100 h-100 big-circle-hover" style="position: absolute; top:0; left: 0;"></div>
  76.                             <div class="categoryCircles__circleContent">
  77.                                 {% if editmode %}
  78.                                     {{ pimcore_image('categoryCircles__circle--middle') }}
  79.                                     <div class="categoryCircles__circleLinkEdit">
  80.                                         {{ pimcore_link('categoryCircles__circle--middle-link') }}
  81.                                     </div>
  82.                                 {% else %}
  83.                                     <div class="categoryCircles__circleImage">
  84.                                         <img src="{{ pimcore_image('categoryCircles__circle--middle').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircles__circle--middle').getAlt() }}" title="{{ pimcore_image('categoryCircles__circle--middle').getAlt() }}">
  85.                                     </div>
  86.                                 {% endif %}
  88.                                 <span class="categoryCircles__circle__divider"></span>
  89.                                 <h4 class="text-navyBlue font-weight-light font-italic mb-0">{{ pimcore_input('categoryCircles__circle--middle__heading',{placeholder: " Text "}) }}</h4>
  90.                                 <a href="{{ editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--middle__subCircle-link').getHref() }}">
  91.                                     <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--middle__subCircle d-flex flex-columng align-items-center justify-content-center">
  92.                                         {% if editmode %}
  94.                                             <div class="categoryCircles__circleLinkEdit">
  95.                                                 {{ pimcore_link('categoryCircles__circle--middle__subCircle-link') }}
  96.                                             </div>
  98.                                         {% endif %}
  99.                                         <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  100.                                             {{ pimcore_input('categoryCircles__circle--middle__subCircle',{placeholder: " Text "}) }}
  101.                                         </h4>
  102.                                     </div>
  103.                                 </a>
  104.                             </div>
  105.                         </div>
  106.                     </a>
  108.             </div>
  109.             <div class="col-lg-4 col-md-4 d-flex justify-content-md-start justify-content-center" style="padding: 1px;">
  110.                 <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--right-link').getHref() }}" class="d-flex flex-column align-items-center">
  111.                     <div class="categoryCircles__circle categoryCircles__circle--right">
  112.                         <div class="w-100 h-100 big-circle-hover" style="position: absolute; top:0; left: 0;"></div>
  113.                         <div class="categoryCircles__circleContent">
  114.                             {% if editmode %}
  115.                                 {{ pimcore_image('categoryCircles__circle--right') }}
  116.                                 <div class="categoryCircles__circleLinkEdit">
  117.                                     {{ pimcore_link('categoryCircles__circle--right-link') }}
  118.                                 </div>
  119.                             {% else %}
  120.                                 <div class="categoryCircles__circleImage">
  121.                                     <img src="{{ pimcore_image('categoryCircles__circle--right').getThumbnail('Stoelting_neuroscience_circle') }}" alt="{{ pimcore_image('categoryCircles__circle--right').getAlt() }}" title="{{ pimcore_image('categoryCircles__circle--right').getAlt() }}">
  122.                                 </div>
  123.                             {% endif %}
  125.                             <span class="categoryCircles__circle__divider"></span>
  126.                             <h4 class="text-navyBlue font-weight-light font-italic mb-0">{{ pimcore_input('categoryCircles__circle--right__heading',{placeholder: " Text "}) }}</h4>
  127.                             <a href="{{ editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--right__subCircle-link').getHref() }}">
  128.                                 <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--right__subCircle d-flex flex-columng align-items-center justify-content-center">
  129.                                     {% if editmode %}
  131.                                         <div class="categoryCircles__circleLinkEdit">
  132.                                             {{ pimcore_link('categoryCircles__circle--right__subCircle-link') }}
  133.                                         </div>
  135.                                     {% endif %}
  136.                                     <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  137.                                         {{ pimcore_input('categoryCircles__circle--right__subCircle',{placeholder: " Text "}) }}
  138.                                     </h4>
  139.                                 </div>
  140.                             </a>
  142.                         </div>
  143.                     </div>
  144.                 </a>
  145.             </div>
  146.         </div>
  147.         <div class="row">
  148.             <div class="col-lg-2 offset-lg-3 col-md-6 offset-md-0 d-flex justify-content-center" style="padding: 1px;">
  149.                 <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--left-link2').getHref() }}" class="d-flex flex-column align-items-center">
  151.                     <div class="categoryCircles__circle categoryCircles__circle--medium">
  152.                         <div class="w-100 h-100 big-circle-hover" style="position: absolute; top:0; left: 0;"></div>
  153.                         <div class="categoryCircles__circleLinkEdit">
  154.                             {{ pimcore_link('categoryCircles__circle--left-link2') }}
  155.                         </div>
  156.                         <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  157.                             {{ pimcore_input('categoryCircles__1',{placeholder: " Text "}) }}
  158.                         </h4>
  159.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--left-link3').getHref() }}" class="d-flex flex-column align-items-center">
  160.                             <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--mediumLeft__subCircle">
  161.                                 {% if editmode %}
  163.                                     <div class="categoryCircles__circleLinkEdit">
  164.                                         {{ pimcore_link('categoryCircles__circle--left-link3') }}
  165.                                     </div>
  167.                                 {% endif %}
  168.                                 <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  169.                                     {{ pimcore_input('categoryCircles__2',{placeholder: " Text "}) }}
  170.                                 </h4>
  171.                             </div>
  172.                         </a>
  173.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--left-link4').getHref() }}" class="d-flex flex-column align-items-center">
  174.                             <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--mediumRight__subCircle">
  175.                                 {% if editmode %}
  177.                                     <div class="categoryCircles__circleLinkEdit">
  178.                                         {{ pimcore_link('categoryCircles__circle--left-link4') }}
  179.                                     </div>
  181.                                 {% endif %}
  182.                                 <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  183.                                     {{ pimcore_input('categoryCircles__3',{placeholder: " Text "}) }}
  184.                                 </h4>
  185.                             </div>
  186.                         </a>
  188.                     </div>
  189.                 </a>
  190.             </div>
  191.             <div class="col-lg-2 offset-lg-2 col-md-6 offset-md-0 d-flex justify-content-center" style="padding: 1px;">
  192.                 <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--left-link5').getHref() }}" class="d-flex flex-column align-items-center">
  193.                     <div class="categoryCircles__circle categoryCircles__circle--medium">
  194.                         <div class="w-100 h-100 big-circle-hover" style="position: absolute; top:0; left: 0;"></div>
  195.                         <div class="categoryCircles__circleLinkEdit">
  196.                             {{ pimcore_link('categoryCircles__circle--left-link5') }}
  197.                         </div>
  198.                         <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  199.                             {{ pimcore_input('categoryCircles__4',{placeholder: " Text "}) }}
  200.                         </h4>
  201.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--left-link6').getHref() }}" class="d-flex flex-column align-items-center">
  202.                             <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--mediumLeft__subCircle2">
  203.                                 {% if editmode %}
  205.                                     <div class="categoryCircles__circleLinkEdit">
  206.                                         {{ pimcore_link('categoryCircles__circle--left-link6') }}
  207.                                     </div>
  209.                                 {% endif %}
  210.                                 <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  211.                                     {{ pimcore_input('categoryCircles__5',{placeholder: " Text "}) }}
  212.                                 </h4>
  213.                             </div>
  214.                         </a>
  216.                         <a href="{{  editmode ? 'javascript:;' : pimcore_link('categoryCircles__circle--left-link7').getHref() }}" class="d-flex flex-column align-items-center">
  217.                             <div class="bg-linkWater categoryCircles__circle categoryCircles__circle--mediumRight__subCircle2">
  218.                                 {% if editmode %}
  220.                                     <div class="categoryCircles__circleLinkEdit">
  221.                                         {{ pimcore_link('categoryCircles__circle--left-link7') }}
  222.                                     </div>
  224.                                 {% endif %}
  225.                                 <h4 class="text-navyBlue font-weight-light font-italic mb-0">
  226.                                     {{ pimcore_input('categoryCircles__6',{placeholder: " Text "}) }}
  227.                                 </h4>
  228.                             </div>
  229.                         </a>
  231.                     </div>
  232.                 </a>
  233.             </div>
  234.         </div>
  235.     </div>
  236. </main>
  237. {% endblock %}