You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

219 rivejä
13 KiB

  1. <!DOCTYPE html>
  2. <html lang="de">
  3. @@include('./head.html', {
  4. "title": "IHK24 Magazin Artikel",
  5. "stylesheet": "main"
  6. })
  7. <body>
  8. <div class="page magazine-article">
  9. @@include('./header.html')
  10. <div class="magazine-header narrow">
  11. <span class="gradient"></span>
  12. <!--a href="magazin-start.html" class="title">Wirtschaftsmagazin</a-->
  13. <a href="magazin-start.html" class="title">
  14. <img src="dummy/wirtschaftsdialoge.svg" alt="">
  15. </a>
  16. </div>
  17. <div class="page-wrapper">
  18. @@include('./grid.html')
  19. <section class="page-details">
  20. <ul class="breadcrumb">
  21. <li><a href="#">Start</a></li>
  22. <li><a href="#">Beratung <br> und Service</a></li>
  23. </ul>
  24. <span class="docnumber">Nr. 4073226</span>
  25. </section>
  26. <main class="page-content">
  27. <section class="magazine-cover">
  28. <div class="container">
  29. <div class="row">
  30. <div class="col">
  31. <span class="reading-time">
  32. <span class="value">6 min</span>
  33. <span class="label">Lesezeit</span>
  34. </span>
  35. <div class="image-box">
  36. <picture>
  37. <source media="(max-width: 567px)" srcset="dummy/mag-cover-mobile.jpg">
  38. <img src="dummy/mag-cover.jpg" alt="">
  39. </picture>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </section>
  45. <div class="container">
  46. <div class="row">
  47. <article class="col">
  48. <p class="kicker">Titelthema</p>
  49. <h1>5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren</h1>
  50. <div class="anchorlinks">
  51. <ul class="anchors">
  52. <li class="anchors-title">Inhalte auf dieser Seite</li>
  53. </ul>
  54. </div>
  55. <div class="richtext">
  56. <p class="initial">Smalorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus magni, vel! Enim fuga modi natus
  57. pariatur quibusdam repudiandae rerum! Ad adipisci asperiores at atque dolorem doloremque itaque quaerat
  58. temporibus voluptatum?</p>
  59. <p>Consectetur adipisicing elit. Delectus magni, vel! Enim fuga modi natus
  60. pariatur quibusdam repudiandae rerum! Ad adipisci asperiores at atque dolorem doloremque itaque quaerat
  61. temporibus voluptatum?</p>
  62. <h2>Lorem ipsum dolor sit amet, consectetur.</h2>
  63. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid doloribus earum eius error ex
  64. minus natus nesciunt, porro praesentium provident quo sunt unde. Eligendi facere illum natus odio,
  65. tempora voluptatum? Ea enim iste modi odio optio quis sed temporibus. Lorem ipsum dolor sit amet,
  66. consectetur adipisicing elit. Aspernatur dolore doloribus explicabo facere illum ipsam, magnam recusandae sit voluptatibus voluptatum?</p>
  67. <blockquote>
  68. <div class="text">Ein Unternehmen zu gründen, ähnelt dem Kuchenbacken: Du brauchst alle nötigen Zutaten in der genau passenden Menge.</div>
  69. <div class="text">Das ist der zweite Absatz, um mal zu sehen, wie das geht.</div>
  70. <h4>Max Mustermann, Unternehmer</h4>
  71. </blockquote>
  72. @@include('./section-gallery.html', {
  73. "type": "masonry"
  74. })
  75. <div class="strong">
  76. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid doloribus earum eius error ex
  77. minus natus nesciunt, porro praesentium provident quo sunt unde. Eligendi facere illum natus odio,
  78. tempora voluptatum? Ea enim iste modi odio optio quis sed temporibus. Lorem ipsum dolor sit amet,
  79. consectetur adipisicing elit. Aspernatur dolore doloribus explicabo facere illum ipsam, magnam recusandae sit voluptatibus voluptatum?</p>
  80. </div>
  81. <figure class="image-box off-grid">
  82. <img src="dummy/teaser_01.jpg" alt="">
  83. <figcaption>Bildunterschrift lorem ipsum dolor sit amet ipsum</figcaption>
  84. </figure>
  85. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A at atque aut beatae cumque, debitis
  86. distinctio, dolores doloribus earum enim esse ex excepturi expedita facilis fuga fugiat id impedit
  87. libero magnam, molestias omnis optio perspiciatis possimus quasi quidem quisquam reiciendis totam velit
  88. veniam voluptates.</p>
  89. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam iste itaque minima, nam officia
  90. temporibus. Aliquam, aperiam atque blanditiis consectetur culpa debitis, dolore ducimus et eveniet ex
  91. expedita fuga illum impedit incidunt ipsa labore laborum magni minus modi placeat quam quidem quo
  92. repellat rerum similique sunt tenetur unde? A amet assumenda dolorem earum, est expedita minus molestiae
  93. obcaecati officiis repellendus.</p>
  94. </div>
  95. @@include('./section-contact.html')
  96. @@include('./print-share.html')
  97. </article>
  98. </div>
  99. </div>
  100. <section class="teasers" data-items="masonry" data-type="masonry" data-background="white">
  101. <div class="container">
  102. <h2>Mehr interessante Artikel</h2>
  103. <div class="row">
  104. @@include("./teaser.html", {
  105. "image": "dummy/teaser/01.jpg",
  106. "title": "Fördert Duzen das Betriebsklima?",
  107. "copy": "Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."
  108. })
  109. @@include("./teaser.html", {
  110. "image": "dummy/teaser/02.jpg",
  111. "title": "Wirtschaftsverbände bieten Unterstützung bei Impfkampagne an",
  112. "copy": "Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus."
  113. })
  114. @@include("./teaser.html", {
  115. "image": "dummy/teaser/03.jpg",
  116. "title": "Hygiene am Arbeitsplatz",
  117. "copy": "Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit."
  118. })
  119. @@include("./teaser.html", {
  120. "image": "dummy/teaser/04.jpg",
  121. "title": "Ausgegleichenheit ist der erste Schritt aus der Krise",
  122. "copy": "Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."
  123. })
  124. @@include("./teaser.html", {
  125. "image": "dummy/teaser/05.jpg",
  126. "title": "Bachelor und Master Professional kommen",
  127. "copy": "Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "
  128. })
  129. @@include("./teaser.html", {
  130. "image": "dummy/teaser/06.jpg",
  131. "title": "5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren",
  132. "copy": "Deutschlands Wirtschaft ohne Mittelstand? Unvorstellbar. Und wie sieht es mit seiner Rolle in der Gesellschaft aus? Viele Unternehmen fühlen sich für ihr Umfeld mitverantwortlich. Wir haben fünf Beispiele zusammengetragen, die zeigen, was Mittelständler und Familienbetriebe in unserem Bezirk bewirken."
  133. })
  134. @@include("./teaser.html", {
  135. "image": "dummy/teaser/07.jpg",
  136. "title": "Weniger Hürden für Fachkräfte aus dem Ausland",
  137. "copy": "Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur."
  138. })
  139. @@include("./teaser.html", {
  140. "image": "dummy/teaser/08.jpg",
  141. "title": "Neubaustrecke Musterstadt - Neustadt",
  142. "copy": "Im Vorfeld des 11. Beteiligungsforums der Bahn zur Neubaustrecke Musterstadt – Neustadt haben die IHK Musterstadt und die Landkreise Groß-Neustadt, Bergstadt und der Musterwaldkreis eine gemeinsame Positionierung unterzeichnet."
  143. })
  144. @@include("./teaser.html", {
  145. "image": "dummy/teaser/09.jpg",
  146. "title": "Das Neuste aus der Wirtschaft",
  147. "copy": "Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "
  148. })
  149. @@include("./teaser.html", {
  150. "image": "dummy/teaser/01.jpg",
  151. "title": "Fördert Duzen das Betriebsklima?",
  152. "copy": "Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."
  153. })
  154. @@include("./teaser.html", {
  155. "image": "dummy/teaser/02.jpg",
  156. "title": "Wirtschaftsverbände bieten Unterstützung bei Impfkampagne an",
  157. "copy": "Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus."
  158. })
  159. @@include("./teaser.html", {
  160. "image": "dummy/teaser/03.jpg",
  161. "title": "Hygiene am Arbeitsplatz",
  162. "copy": "Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit."
  163. })
  164. @@include("./teaser.html", {
  165. "image": "dummy/teaser/04.jpg",
  166. "title": "Ausgegleichenheit ist der erste Schritt aus der Krise",
  167. "copy": "Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."
  168. })
  169. @@include("./teaser.html", {
  170. "image": "dummy/teaser/05.jpg",
  171. "title": "Bachelor und Master Professional kommen",
  172. "copy": "Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "
  173. })
  174. @@include("./teaser.html", {
  175. "image": "dummy/teaser/06.jpg",
  176. "title": "5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren",
  177. "copy": "Deutschlands Wirtschaft ohne Mittelstand? Unvorstellbar. Und wie sieht es mit seiner Rolle in der Gesellschaft aus? Viele Unternehmen fühlen sich für ihr Umfeld mitverantwortlich. Wir haben fünf Beispiele zusammengetragen, die zeigen, was Mittelständler und Familienbetriebe in unserem Bezirk bewirken."
  178. })
  179. @@include("./teaser.html", {
  180. "image": "dummy/teaser/07.jpg",
  181. "title": "Weniger Hürden für Fachkräfte aus dem Ausland",
  182. "copy": "Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur."
  183. })
  184. @@include("./teaser.html", {
  185. "image": "dummy/teaser/08.jpg",
  186. "title": "Neubaustrecke Musterstadt - Neustadt",
  187. "copy": "Im Vorfeld des 11. Beteiligungsforums der Bahn zur Neubaustrecke Musterstadt – Neustadt haben die IHK Musterstadt und die Landkreise Groß-Neustadt, Bergstadt und der Musterwaldkreis eine gemeinsame Positionierung unterzeichnet."
  188. })
  189. @@include("./teaser.html", {
  190. "image": "dummy/teaser/09.jpg",
  191. "title": "Das Neuste aus der Wirtschaft",
  192. "copy": "Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "
  193. })
  194. </div>
  195. </div>
  196. </section>
  197. </main>
  198. </div>
  199. @@include('./footer.html')
  200. </div>
  201. @@include('./scripts.html')
  202. </body>
  203. </html>