Styleguide

Events 

<section id="events">
    <div class="container">
        <div class="row justify-content-center mt-4 mb-5">
            <div class="col-sm-12 col-md-8 col-lg-8 col-xl-8">
                <h3 class="wordbreak mt-4 wow fadeInUp h-sm-3 text-dark">
                    TIMOCOM live erleben?
                </h3>

                <p class="wow fadeInUp text-dark">
                    Dann kommen Sie doch einfach bei unserer nächsten Veranstaltung
                    vorbei. Wir freuen uns sehr über ein persönliches Gespräch mit Ihnen!
                    Haben Sie Interesse an TIMOCOM als Arbeitgeber? Zu unseren Recruiting
                    Events kommen Sie
                    <a href="/karriere/unsere-abteilungsvielfalt#eventcalendar-hr" title="Die Abteilungsvielfalt bei TIMOCOM">hier</a>.
                </p>

                <footer class="wow fadeIn">
                    <div id="eventTable">
                        <div class="d-none d-lg-block">
                            <table id="Table" class="table table-striped m-0">
                                <thead>
                                    <tr title="Die nächsten Veranstaltungen und Events">
                                        <th>Veranstaltung</th>
                                        <th>Zeitraum</th>
                                        <th>Land</th>
                                        <th>Ort</th>
                                        <th>Halle</th>
                                        <th>Stand</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr title=" 2. TIMOCOM Innovation Day">
                                        <td>
                                            <a target="_blank" rel="noreferrer" href="https://www.timocom.de/unternehmen/smart-logistics-webinar" title="Zur Website von '2. TIMOCOM Innovation Day'">2. TIMOCOM Innovation Day</a>
                                        </td>
                                        <td>22.03.2022</td>
                                        <td>Deutschland</td>
                                        <td>Online</td>
                                        <td>-</td>
                                        <td>-</td>
                                    </tr>

                                    <tr title=" Transpotec Logitec ">
                                        <td>
                                            <a target="_blank" rel="noreferrer" href="https://www.transpotec.com/" title="Zur Website von 'Transpotec Logitec '">Transpotec Logitec
                                            </a>
                                        </td>
                                        <td>12.05.2022 – 15.05.2022</td>
                                        <td>Italien</td>
                                        <td>Mailand</td>
                                        <td>24</td>
                                        <td>D16 E15</td>
                                    </tr>

                                    <tr title=" LogiMAT">
                                        <td>
                                            <a target="_blank" rel="noreferrer" href="https://www.logimat-messe.de/de" title="Zur Website von 'LogiMAT'">LogiMAT</a>
                                        </td>
                                        <td>31.05.2022 – 02.06.2022</td>
                                        <td>Deutschland</td>
                                        <td>Stuttgart</td>
                                        <td>8</td>
                                        <td>G50</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="d-block d-lg-none">
                            <table id="Table1" class="table table-striped m-0">
                                <tbody>
                                    <tr title="Die nächsten Veranstaltungen und Events">
                                        <td>
                                            <div class="row">
                                                <div class="col-6">Veranstaltung:</div>
                                                <div class="col-6">
                                                    <a target="_blank" rel="noreferrer" href="https://www.timocom.de/unternehmen/smart-logistics-webinar" title="Zur Website von '2. TIMOCOM Innovation Day'">2. TIMOCOM Innovation Day</a>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Zeitraum:</div>
                                                <div class="col-6">22.03.2022</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Land:</div>
                                                <div class="col-6">Deutschland</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Ort:</div>
                                                <div class="col-6">Online</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Halle:</div>
                                                <div class="col-6">-</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Stand:</div>
                                                <div class="col-6">-</div>
                                            </div>
                                        </td>
                                    </tr>

                                    <tr title="Die nächsten Veranstaltungen und Events">
                                        <td>
                                            <div class="row">
                                                <div class="col-6">Veranstaltung:</div>
                                                <div class="col-6">
                                                    <a target="_blank" rel="noreferrer" href="https://www.transpotec.com/" title="Zur Website von 'Transpotec Logitec '">Transpotec Logitec
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Zeitraum:</div>
                                                <div class="col-6">12.05.2022 – 15.05.2022</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Land:</div>
                                                <div class="col-6">Italien</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Ort:</div>
                                                <div class="col-6">Mailand</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Halle:</div>
                                                <div class="col-6">24</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Stand:</div>
                                                <div class="col-6">D16 E15</div>
                                            </div>
                                        </td>
                                    </tr>

                                    <tr title="Die nächsten Veranstaltungen und Events">
                                        <td>
                                            <div class="row">
                                                <div class="col-6">Veranstaltung:</div>
                                                <div class="col-6">
                                                    <a target="_blank" rel="noreferrer" href="https://www.logimat-messe.de/de" title="Zur Website von 'LogiMAT'">LogiMAT</a>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Zeitraum:</div>
                                                <div class="col-6">31.05.2022 – 02.06.2022</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Land:</div>
                                                <div class="col-6">Deutschland</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Ort:</div>
                                                <div class="col-6">Stuttgart</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Halle:</div>
                                                <div class="col-6">8</div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">Stand:</div>
                                                <div class="col-6">G50</div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
    </div>
</section>
 
<section id="events">
  <div class="container">
    <div class="row justify-content-center mt-4 mb-5">
      <div class="col-sm-12 col-md-8 col-lg-8 col-xl-8">
        <h3 class="wordbreak mt-4 wow fadeInUp h-sm-3 text-dark">
          TIMOCOM live erleben?
        </h3>

        <p class="wow fadeInUp text-dark">
          Dann kommen Sie doch einfach bei unserer nächsten Veranstaltung
          vorbei. Wir freuen uns sehr über ein persönliches Gespräch mit Ihnen!
          Haben Sie Interesse an TIMOCOM als Arbeitgeber? Zu unseren Recruiting
          Events kommen Sie
          <a
            href="/karriere/unsere-abteilungsvielfalt#eventcalendar-hr"
            title="Die Abteilungsvielfalt bei TIMOCOM"
          >hier</a>.
        </p>

        <footer class="wow fadeIn">
          <div id="eventTable">
            <div class="d-none d-lg-block">
              <table id="Table" class="table table-striped m-0">
                <thead>
                  <tr title="Die nächsten Veranstaltungen und Events">
                    <th>Veranstaltung</th>
                    <th>Zeitraum</th>
                    <th>Land</th>
                    <th>Ort</th>
                    <th>Halle</th>
                    <th>Stand</th>
                  </tr>
                </thead>
                <tbody>
                  <tr title=" 2. TIMOCOM Innovation Day">
                    <td>
                      <a
                        target="_blank"
                        rel="noreferrer"
                        href="https://www.timocom.de/unternehmen/smart-logistics-webinar"
                        title="Zur Website von '2. TIMOCOM Innovation Day'"
                      >2. TIMOCOM Innovation Day</a>
                    </td>
                    <td>22.03.2022</td>
                    <td>Deutschland</td>
                    <td>Online</td>
                    <td>-</td>
                    <td>-</td>
                  </tr>

                  <tr title=" Transpotec Logitec ">
                    <td>
                      <a
                        target="_blank"
                        rel="noreferrer"
                        href="https://www.transpotec.com/"
                        title="Zur Website von 'Transpotec Logitec '"
                      >Transpotec Logitec
                      </a>
                    </td>
                    <td>12.05.2022 – 15.05.2022</td>
                    <td>Italien</td>
                    <td>Mailand</td>
                    <td>24</td>
                    <td>D16 E15</td>
                  </tr>

                  <tr title=" LogiMAT">
                    <td>
                      <a
                        target="_blank"
                        rel="noreferrer"
                        href="https://www.logimat-messe.de/de"
                        title="Zur Website von 'LogiMAT'"
                      >LogiMAT</a>
                    </td>
                    <td>31.05.2022 – 02.06.2022</td>
                    <td>Deutschland</td>
                    <td>Stuttgart</td>
                    <td>8</td>
                    <td>G50</td>
                  </tr>
                </tbody>
              </table>
            </div>

            <div class="d-block d-lg-none">
              <table id="Table1" class="table table-striped m-0">
                <tbody>
                  <tr title="Die nächsten Veranstaltungen und Events">
                    <td>
                      <div class="row">
                        <div class="col-6">Veranstaltung:</div>
                        <div class="col-6">
                          <a
                            target="_blank"
                            rel="noreferrer"
                            href="https://www.timocom.de/unternehmen/smart-logistics-webinar"
                            title="Zur Website von '2. TIMOCOM Innovation Day'"
                          >2. TIMOCOM Innovation Day</a>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-6">Zeitraum:</div>
                        <div class="col-6">22.03.2022</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Land:</div>
                        <div class="col-6">Deutschland</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Ort:</div>
                        <div class="col-6">Online</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Halle:</div>
                        <div class="col-6">-</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Stand:</div>
                        <div class="col-6">-</div>
                      </div>
                    </td>
                  </tr>

                  <tr title="Die nächsten Veranstaltungen und Events">
                    <td>
                      <div class="row">
                        <div class="col-6">Veranstaltung:</div>
                        <div class="col-6">
                          <a
                            target="_blank"
                            rel="noreferrer"
                            href="https://www.transpotec.com/"
                            title="Zur Website von 'Transpotec Logitec '"
                          >Transpotec Logitec
                          </a>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-6">Zeitraum:</div>
                        <div class="col-6">12.05.2022 – 15.05.2022</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Land:</div>
                        <div class="col-6">Italien</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Ort:</div>
                        <div class="col-6">Mailand</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Halle:</div>
                        <div class="col-6">24</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Stand:</div>
                        <div class="col-6">D16 E15</div>
                      </div>
                    </td>
                  </tr>

                  <tr title="Die nächsten Veranstaltungen und Events">
                    <td>
                      <div class="row">
                        <div class="col-6">Veranstaltung:</div>
                        <div class="col-6">
                          <a
                            target="_blank"
                            rel="noreferrer"
                            href="https://www.logimat-messe.de/de"
                            title="Zur Website von 'LogiMAT'"
                          >LogiMAT</a>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-6">Zeitraum:</div>
                        <div class="col-6">31.05.2022 – 02.06.2022</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Land:</div>
                        <div class="col-6">Deutschland</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Ort:</div>
                        <div class="col-6">Stuttgart</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Halle:</div>
                        <div class="col-6">8</div>
                      </div>
                      <div class="row">
                        <div class="col-6">Stand:</div>
                        <div class="col-6">G50</div>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </footer>
      </div>
    </div>
  </div>
</section>
 
/* No context defined. */

No notes defined.