Styleguide

Contact Teaser 

<section class="pt-4 bg-gray-400">
    <div class="container">
        <div class="row justify-content-center">
            <div class="px-4 mt-4 text-center col-sm-12 col-md-10 col-lg-8 col-xl-6">
                <h2 class="wordbreak h3 text-center py-4">Werden Sie TIMOCOM FreightTech-Partner</h2>

                <p class="">Sie haben auch Mehr zu bieten? Dann lassen Sie uns reden.</p>

            </div>
        </div>
        <div class="row justify-content-center">
            <div class="mb-5 px-xl-3 text-center col-sm-12 col-md-6 col-lg-4 col-xl-3">
                <img src="/STATIC/binary/images/global/value-added-services/timocom-value-added-services-employee-jonas.png" alt="Kontakt: Jonas Meyn Corporate, Development Manager" class="img-fluid p-5" title="Kontakt: Jonas Meyn Corporate, Development Manager" />
                <p>
                    Jonas Meyn<br />Corporate Development Manager

                </p>
                <div>
                    <a href="tel:+4921188264048" title="Kontakt Jonas Meyn, Corporate Development Manager" target="_self">+49 211 88 26 40 48
                    </a>
                </div>
                <div>
                    <a href="mailto:jmeyn@timocom.com" title="Nachricht schreiben" target="_self">jmeyn@timocom.com
                    </a>
                </div>
            </div>
            <div class="mb-5 px-xl-3 text-center col-sm-12 col-md-6 col-lg-4 col-xl-3">
                <img src="/STATIC/binary/images/global/value-added-services/timocom-value-added-services-employee-kubi.png" alt="Kontakt: Kubilay Hergül, Corporate Development Manager" class="img-fluid p-5" title="Kontakt: Kubilay Hergül, Corporate Development Manager" />
                <p>
                    Kubilay Hergül<br />Corporate Development Manager

                </p>
                <div>
                    <a href="tel:+4921188262643" title="Kontakt Kubilay Hergül, Corporate Development Manager" target="_self">+49 211 88 26 26 43
                    </a>
                </div>
                <div>
                    <a href="mailto:kherguel@timocom.com" title="Nachricht schreiben" target="_self">kherguel@timocom.com
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
 
<section class="pt-4 bg-gray-400">
  <div class="container">
    <div class="row justify-content-center">
      <div class="px-4 mt-4 text-center col-sm-12 col-md-10 col-lg-8 col-xl-6">
        {{render "@section-intro" intro}}
      </div>
    </div>
    <div class="row justify-content-center">
      {{#each item}}
        <div
          class="mb-5 px-xl-3 text-center col-sm-12 col-md-6 col-lg-4 col-xl-3"
        >
          {{#with image}}
            <img
              src="{{src}}"
              alt="{{alt}}"
              class="img-fluid p-5"
              title="{{title}}"
            />
          {{/with}}
          <p>
            {{name}}<br />{{role}}

          </p>
          {{#each contact}}
            <div>
              <a href="{{href}}" title="{{title}}" target="_self">{{{text}}}
              </a>
            </div>
          {{/each}}
        </div>
      {{/each}}
    </div>
  </div>
</section>
 
{
  "intro": {
    "headline": {
      "class": "wordbreak h3 text-center py-4",
      "text": "Werden Sie TIMOCOM FreightTech-Partner"
    },
    "paragraphs": [
      {
        "text": "Sie haben auch Mehr zu bieten? Dann lassen Sie uns reden."
      }
    ]
  },
  "item": [
    {
      "image": {
        "src": "/STATIC/binary/images/global/value-added-services/timocom-value-added-services-employee-jonas.png",
        "alt": "Kontakt: Jonas Meyn Corporate, Development Manager",
        "title": "Kontakt: Jonas Meyn Corporate, Development Manager"
      },
      "name": "Jonas Meyn",
      "role": "Corporate Development Manager",
      "contact": [
        {
          "href": "tel:+4921188264048",
          "title": "Kontakt Jonas Meyn, Corporate Development Manager",
          "text": "+49 211 88 26 40 48"
        },
        {
          "href": "mailto:jmeyn@timocom.com",
          "title": "Nachricht schreiben",
          "text": "jmeyn@timocom.com"
        }
      ]
    },
    {
      "image": {
        "src": "/STATIC/binary/images/global/value-added-services/timocom-value-added-services-employee-kubi.png",
        "alt": "Kontakt: Kubilay Hergül, Corporate Development Manager",
        "title": "Kontakt: Kubilay Hergül, Corporate Development Manager"
      },
      "name": "Kubilay Hergül",
      "role": "Corporate Development Manager",
      "contact": [
        {
          "href": "tel:+4921188262643",
          "title": "Kontakt Kubilay Hergül, Corporate Development Manager",
          "text": "+49 211 88 26 26 43"
        },
        {
          "href": "mailto:kherguel@timocom.com",
          "title": "Nachricht schreiben",
          "text": "kherguel@timocom.com"
        }
      ]
    }
  ]
}

No notes defined.