spawntree
/
ihk24
2
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
215 Commits
6 Ramas
81 MiB
 
 
 
 
Árbol: efc34e4e4e
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde 'efc34e4e4e'
${ noResults }
ihk24/templates/source/pages/beteiligungsmanagement.html

385 líneas
20 KiB
Original Blame Histórico 

  1. <!DOCTYPE html>

  2. <html lang="de">

  3. <head>

  4.     <meta charset="utf-8">

  5.     <meta content="IE=edge" http-equiv="X-UA-Compatible">

  6.     <meta content="width=device-width, initial-scale=1" name="viewport">

  7.     <meta content="index,follow" name="robots">

  8.     <meta content="Dies ist ein Teamplate für das Redesign der Websites der IHK 24 Gruppe" name="description">

  9.     <link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon">

  10.     <link href="css/styles/inner/main.css" media="all" rel="stylesheet" type="text/css">

  11.     <link href="css/styles/inner/print.css" media="print" rel="stylesheet" type="text/css">

  12. 

  13.     <title>IHK24 Chronik Gießen Friedberg</title>

  14. 

  15.     <script>

  16.         var ihk = ihk || {};

  17.         ihk.translations = {

  18.             overview: "Übersicht",

  19.             loadMoreImages: "mehr Bilder laden",

  20.             loadMoreArticles: "mehr laden"

  21.         };

  22.     </script>

  23. </head>

  24. 

  25. <body>

  26. <div class="page">

  27.     <header class="page-header">

  28.         <a class="logo" href="#">

  29.             <!--object data="img/logos/svg/schleswig-holstein.svg" type="image/svg+xml" tabindex="-1"></object-->

  30.             <img alt="IHK Logo" src="img/logos/svg/schleswig-holstein.svg">

  31.         </a>

  32.         <ul class="contact-nav">

  33.             <li><a class="phone" href="tel:123456789">+49 12 345678-90</a></li>

  34.             <!--li><a href="#" class="contact">Kontakt</a></li-->

  35.         </ul>

  36.         <div class="search">

  37.             <button class="open-search">Suche</button>

  38.             <form action="#">

  39.                 <div class="container small">

  40.                     <div class="outer">

  41.                         <label class="visually-hidden" for="headersearch">Suchbegriff</label>

  42.                         <input class="search-field" id="headersearch" name="#" placeholder="Hier Ihr Thema finden"

  43.                                type="text">

  44.                         <button aria-label="Suche starten" class="search-submit" type="submit"></button>

  45.                     </div>

  46.                 </div>

  47.             </form>

  48.             <button class="close-search">Suche verlassen</button>

  49.         </div>

  50.         <button class="toggle-nav">

  51.             <span>Menü</span>

  52.         </button>

  53.         <nav>

  54.             <div class="overlay-holder"></div>

  55.             <div class="primary" data-base-url="services/nav/" data-page-content-id="12189248.json"

  56.                  data-root-url="12191410.json"></div>

  57.             <div class="secondary">

  58.                 <ul>

  59.                     <li><a href="#">Über uns</a></li>

  60.                     <li><a href="#">Presse</a></li>

  61.                     <li><a href="#">Newsletter</a></li>

  62.                 </ul>

  63.             </div>

  64.             <div class="meta">

  65.                 <ul>

  66.                     <li class="contact"><a href="#">Kontakt</a></li>

  67.                     <li class="language">

  68.                         <ul>

  69.                             <li><a href="#">CZ</a></li>

  70.                             <li><a href="#">EN</a></li>

  71.                         </ul>

  72.                     </li>

  73.                     <li class="icons">

  74.                         <ul>

  75.                             <li class="sign-language"><a href="#">Zeichensprache</a></li>

  76.                             <li class="simple-language"><a href="#">Einfache Sprache</a></li>

  77.                             <li class="login"><a href="#">Einloggen</a></li>

  78.                         </ul>

  79.                     </li>

  80.                 </ul>

  81.             </div>

  82.         </nav>

  83.         <div class="ihk-switch">

  84.             <div class="step" data-step="geolocation">

  85.                 <p>Ihr geschätzter Standort ist <strong class="my-location"></strong>, sollen wir uns die <strong

  86.                         class="my-ihk"></strong> für Ihre nächsten Besuche merken?</p>

  87.                 <p class="small"><a class="toggle-location-info" href="#location-info">Warum wird mein Standort

  88.                     benötigt?</a></p>

  89.                 <p class="hidden" id="location-info">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Anostrum

  90.                     officiis quas qui quidem recusandae repellat repudiandae soluta ullam!</p>

  91.                 <div class="buttons">

  92.                     <button class="btn change-location icon-ihk-wechseln has-icon">Standort ändern</button>

  93.                     <button class="btn secondary accept-location green icon-check has-icon">Ja</button>

  94.                 </div>

  95.             </div>

  96.             <div class="step" data-step="form">

  97.                 <p>Geben Sie Ihre Postleitzahl ein, damit wir Ihre IHK für Sie finden können:</p>

  98.                 <form action="#" class="ihk-finder">

  99.                     <input placeholder="z.B. 44263 Dortmund" type="text">

  100.                     <button type="submit"></button>

  101.                 </form>

  102.             </div>

  103.             <div class="step" data-step="switch">

  104.                 <p>Sie befinden sich auf der Startseite der <strong class="current-ihk" data-ihknr="150">IHK

  105.                     Schleswig-Holstein</strong>. Möchten Sie stattdessen zur Startseite <strong>Ihrer <span

  106.                         class="my-ihk"></span></strong> wechseln?</p>

  107.                 <div class="buttons">

  108.                     <button class="btn stay-here">Hierbleiben</button>

  109.                     <button class="btn change-ihk">Wechseln</button>

  110.                 </div>

  111.             </div>

  112.             <div class="step" data-step="success">

  113.                 <p>Sie werden zum Angebot der <strong class="large my-ihk"></strong> weitergeleitet.</p>

  114.             </div>

  115.             <button class="closer"></button>

  116.         </div>

  117.     </header>

  118. 

  119.     <div class="page-wrapper">

  120.         <div class="page-content">

  121.             <section class="participation p-stage">

  122.                 <div class="container">

  123.                     <div class="row">

  124.                         <div class="col">

  125.                             <div class="text-box">

  126.                                 <p class="kicker">IHK Musterstadt Beteiligungsportal</p>

  127.                                 <h1 class="like-h2">Jetzt und digital mitreden</h1>

  128.                                 <p>Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.</p>

  129.                                 <a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>

  130.                             </div>

  131.                         </div>

  132.                     </div>

  133.                 </div>

  134.             </section>

  135.             <br>

  136.             <section class="participation p-stage">

  137.                 <div class="container">

  138.                     <div class="row">

  139.                         <div class="col">

  140.                             <div class="text-box">

  141.                                 <p class="kicker">Noch 6 Tage offen</p>

  142.                                 <div class="progress">

  143.                                     <span class="bar" style="width: 65%"></span>

  144.                                 </div>

  145.                                 <h1 class="like-h2">Jetzt und digital mitreden</h1>

  146.                                 <p>Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.</p>

  147.                                 <a href="#">Mehr Infos</a>

  148.                                 <a href="#" class="btn white has-icon icon-small-arrow-right-simple">Jetzt beteiligen</a>

  149.                             </div>

  150.                         </div>

  151.                     </div>

  152.                 </div>

  153.             </section>

  154.             <br>

  155.             <section class="participation p-stage image-stage">

  156.                 <div class="container">

  157.                     <div class="row">

  158.                         <div class="col">

  159.                             <div class="text-box">

  160.                                 <p class="kicker">Noch 6 Tage offen</p>

  161.                                 <div class="progress">

  162.                                     <span class="bar" style="width: 65%"></span>

  163.                                 </div>

  164.                                 <h1 class="like-h2">Jetzt und digital mitreden</h1>

  165.                                 <p>Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.</p>

  166.                                 <a href="#">Mehr Infos</a>

  167.                                 <a href="#" class="btn white has-icon icon-small-arrow-right-simple">Jetzt beteiligen</a>

  168.                             </div>

  169.                             <div class="image-box">

  170.                                 <img src="dummy/btm-stage.jpg" alt="" width="1400" height="787">

  171.                             </div>

  172.                         </div>

  173.                     </div>

  174.                 </div>

  175.             </section>

  176. 

  177.             <section class="participation p-tiles">

  178.                 <div class="container">

  179.                     <h1 class="like-h2">Aktuelle Beteiligungen<span class="badge">9</span></h1>

  180.                 </div>

  181.                 <div class="overflow-wrapper">

  182.                     <div class="container">

  183.                         <div class="row">

  184.                             <div class="col">

  185.                                 <div class="tile">

  186.                                     <div class="text-box">

  187.                                         <p class="kicker">Noch 6 Tage offen</p>

  188.                                         <div class="progress">

  189.                                             <span class="bar" style="width: 65%"></span>

  190.                                         </div>

  191.                                         <h3 class="like-h4">Ideen zur Stärkung der Innenstädte und Ortskerne</h3>

  192.                                         <p>Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.</p>

  193.                                     </div>

  194.                                     <div class="buttons">

  195.                                         <a href="beteiligung.html" class="btn btn-light">Mehr Infos</a>

  196.                                         <a href="beteiligung.html" class="btn">Mach mit!</a>

  197.                                     </div>

  198.                                 </div>

  199.                             </div>

  200.                             <div class="col">

  201.                                 <div class="tile">

  202.                                     <div class="text-box">

  203.                                         <p class="kicker">Laufend</p>

  204.                                         <div class="progress"></div>

  205.                                         <h3 class="like-h4">Ideen zur Stärkung der Innenstädte und Ortskerne</h3>

  206.                                         <p>Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.</p>

  207.                                     </div>

  208.                                     <div class="buttons">

  209.                                         <a href="beteiligung.html" class="btn btn-light">Mehr Infos</a>

  210.                                         <a href="beteiligung.html" class="btn">Jetzt beteiligen</a>

  211.                                     </div>

  212.                                 </div>

  213.                             </div>

  214.                             <div class="col">

  215.                                 <div class="tile">

  216.                                     <div class="text-box">

  217.                                         <p class="kicker">Noch 6 Tage offen</p>

  218.                                         <div class="progress">

  219.                                             <span class="bar" style="width: 80%"></span>

  220.                                         </div>

  221.                                         <h3 class="like-h4">Ideen zur Stärkung der Innenstädte und Ortskerne</h3>

  222.                                         <p>Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.</p>

  223.                                     </div>

  224.                                     <div class="buttons">

  225.                                         <a href="beteiligung.html" class="btn">Jetzt beteiligen</a>

  226.                                     </div>

  227.                                 </div>

  228.                             </div>

  229.                         </div>

  230.                     </div>

  231.                 </div>

  232.                 <div class="col all-participations">

  233.                     <a href="#" class="btn">Alle aktuellen Beteiligungen</a>

  234.                 </div>

  235.             </section>

  236. 

  237.             <section class="participation infobanner">

  238.                 <div class="container">

  239.                     <a href="#" class="banner">

  240.                         <div class="text-wrapper">

  241.                             <div class="text-box">

  242.                                 <span class="kicker">Dachzeile optional</span>

  243.                                 <h2 class="like-h2">Headline Lorem ipsum dolor sit.</h2>

  244.                                 <p>Subline (optional) Lorem ipsum dolor sit.</p>

  245.                             </div>

  246.                             <div class="button-box">

  247.                                 <span class="btn white has-icon icon-small-arrow-right-simple">Call to action</span>

  248.                             </div>

  249.                         </div>

  250.                     </a>

  251.                 </div>

  252.             </section>

  253. 

  254.             <section class="participation">

  255.                 <div class="container">

  256.                     <div class="vot-teaser survey">

  257.                         <div class="text-box">

  258.                             <p class="kicker">Schnellumfrage</p>

  259.                             <h3>Einführung von 2G im Einzelhandel: Was halten Sie davon?</h3>

  260.                             <p>Hier können Sie abstimmen</p>

  261.                         </div>

  262.                         <div class="form-box">

  263.                             <form id="voting-form" class="vot-form" action="services/survey-result.html" data-show-result-url="services/survey-result.html" data-show-result="false" method="post">

  264.                                 <input type="hidden" name="_CSRFToken" value="">

  265.                                 <fieldset>

  266.                                     <div class="choices-wrapper">

  267.                                         <ul class="choices">

  268.                                             <li class="choice">

  269.                                                 <input id="group0-0" type="radio" value="Sehr gut, angesichts der hohen Inzidenzen" name="grouping" required="">

  270.                                                 <label for="group0-0">Sehr gut, angesichts der hohen Inzidenzen</label>

  271.                                             </li>

  272.                                             <li class="choice">

  273.                                                 <input id="group0-1" type="radio" value="Mir ist das egal" name="grouping" required="">

  274.                                                 <label for="group0-1">Mir ist das egal</label>

  275.                                             </li>

  276.                                             <li class="choice">

  277.                                                 <input id="group0-2" type="radio" value="Die Regel ist zu hart" name="grouping" required="">

  278.                                                 <label for="group0-2">Die Regel ist zu hart</label>

  279.                                             </li>

  280.                                         </ul>

  281.                                     </div>

  282.                                 </fieldset>

  283.                                 <div class="btn-wrapper">

  284.                                     <button id="voting-results" type="button" class="showResults" title="Ergebnis anzeigen">Ergebnis anzeigen</button>

  285.                                     <button id="voting-submit" type="submit" class="submit" title="Abstimmen">Abstimmen</button>

  286.                                 </div>

  287.                             </form>

  288.                         </div>

  289.                     </div>

  290.                 </div>

  291.             </section>

  292. 

  293.             <section class="participation p-map">

  294.                 <div class="container">

  295.                     <h2>Aktuelle Planverfahren<span class="badge">68</span></h2>

  296.                 </div>

  297.                 <div class="container small">

  298.                     @@include('./map.html')

  299.                 </div>

  300.             </section>

  301.         </div>

  302.     </div>

  303. 

  304.     <footer class="page-footer">

  305.         <div class="container">

  306.             <div class="row contact">

  307.                 <div class="col">

  308.                     <p class="like-h2">Wir können wir Ihnen helfen?</p>

  309.                 </div>

  310.                 <div class="col">

  311.                     <h6>Unsere Anschrift:</h6>

  312.                     <p>IHK Musterstadt<br>Musterstraße 12 – 18<br>123456 Musterstadt</p>

  313.                     <p><a class="btn white has-icon icon-arrow-right" href="#">IHK wechseln</a></p>

  314.                 </div>

  315.                 <div class="col">

  316.                     <h6>So erreichen Sie uns:</h6>

  317.                     <ul class="contact-list">

  318.                         <li class="mail"><a href="#">E-Mail schreiben</a></li>

  319.                         <li class="phone"><a href="#">+49 12 345678-90</a></li>

  320.                     </ul>

  321.                 </div>

  322.             </div>

  323.             <div class="row social">

  324.                 <div class="col">

  325.                     <ul class="social-icons">

  326.                         <li><a class="twitter" href="#">Twitter</a></li>

  327.                         <li><a class="youtube" href="#">YouTube</a></li>

  328.                         <li><a class="linkedin" href="#">LinkedIn</a></li>

  329.                         <li><a class="instagram" href="#">Instagram</a></li>

  330.                     </ul>

  331.                 </div>

  332.             </div>

  333.             <div class="row barrier-free">

  334.                 <div class="col">

  335.                     <ul>

  336.                         <li class="icon-gebaerdensprache">

  337.                             <a href="#">Gebärdensprache</a>

  338.                         </li>

  339.                         <li class="icon-leichte-sprache">

  340.                             <a href="#">Leichte Sprache</a>

  341.                         </li>

  342.                         <li class="icon-barrierefreiheit">

  343.                             <a href="#">Erklärung zur Barrierefreiheit</a>

  344.                         </li>

  345.                     </ul>

  346.                 </div>

  347.             </div>

  348.             <div class="row copyright">

  349.                 <div class="col">

  350.                     <p>© Arbeitsgemeinschaft der Industrie- und Handelskammern zu Flensburg, zu Kiel und zu Lübeck Für

  351.                         die Richtigkeit der in dieser Website enthaltenen Angaben können wir trotz sorgfältiger Prüfung

  352.                         keine Gewähr übernehmen. Bei den Links zu externen Seiten handelt es sich ausschließlich um

  353.                         fremde Inhalte, für die die Arbeitsgemeinschaft keine Haftung übernimmt und deren Inhalt sich

  354.                         die Arbeitsgemeinschaft nicht zu eigen macht.</p>

  355.                     <p>www.ihk-schleswig-holstein.de</p>

  356.                 </div>

  357.                 <div class="col">

  358.                     <div class="logos">

  359.                         <a href="#"><img alt="IHK Hamburg" loading="lazy" src="img/logos/png/hamburg.png"></a>

  360.                         <a href="#"><img alt="IHK Berlin" loading="lazy" src="img/logos/png/berlin.png"></a>

  361.                         <a href="#"><img alt="IHK Aachen" loading="lazy" src="img/logos/png/aachen.png"></a>

  362.                     </div>

  363.                 </div>

  364.             </div>

  365.             <div class="row legal-nav">

  366.                 <nav class="col">

  367.                     <ul>

  368.                         <li><a href="#">Impressum</a></li>

  369.                         <li><a href="#">Haftung</a></li>

  370.                         <li><a href="#">AGB</a></li>

  371.                         <li><a href="#">Datenschutz</a></li>

  372.                     </ul>

  373.                 </nav>

  374.             </div>

  375.         </div>

  376.     </footer>

  377. 

  378. 

  379. </div>

  380. 

  381. <script src="js/index.js"></script>

  382. 

  383. </body>

  384. </html>