Skip to content

Commit

Permalink
naviation on subpages #225
Browse files Browse the repository at this point in the history
  • Loading branch information
@openmindculture
openmindculture committed Apr 11, 2024
1 parent 4bbeb8d commit bc7da9e
Show file tree
Hide file tree
Showing 4 changed files with 91 additions and 4 deletions.
2 changes: 1 addition & 1 deletion dist_en/services/web-development.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,4 @@
.jumbotronHeader p a:active, .jumbotronHeader p a:focus, .jumbotronHeader p a:hover {color:#000;}
.imprint-contact {margin-top:2rem;}
.imprint-contact .aside-heading {font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:normal;}
ul.aside-heading {text-align:left;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="de" href="https://www.ingo-steinke.de/leistungen/webentwicklung.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait of web developer Ingo Steinke in Berlin" class="avatar"></picture><h1>Let's build your website!</h1><ul class="aside-heading"><li>achieve initial success quickly</li><li>sustainable concept from the start</li><li>long-term collaboration</li><li>cooperation with experienced partners</li></ul></header><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Building a website: what to consider?</h2><p>Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../services/website-check.html">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../services/optimization.html">optimieren</a> könnten.</p></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">schedule an appointment</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2><p>Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.</p></article><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><p>Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!</p></div><div class="text-width-children mb0 no-alternating-color">P.S. der letzte Abschnitt sollte möglichst immer auf einer nicht-alternativen Farbe auskommen, was wir aber auch forcieren könnten durch last-child oder Klassennamen?</div></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Schedule an appointment now!</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
ul.aside-heading {text-align:left;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="de" href="https://www.ingo-steinke.de/leistungen/webentwicklung.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait of web developer Ingo Steinke in Berlin" class="avatar"></picture><h1>Let's build your website!</h1><ul class="aside-heading"><li>achieve initial success quickly</li><li>sustainable concept from the start</li><li>long-term collaboration</li><li>cooperation with experienced partners</li></ul></header><div class="sticky-header is-nav-closed" id="sticky-header"><div class="wrapper"><span class="raised-layer"><span class="scripted hideable" id="sticky-headline"><a href="#top"><img src="../img/Ingo-Steinke-portrait-2020.jpg" width="25" height="25" alt="to top" class="avatar"> Ingo Steinke</a></span></span><div class="nav-wrapper"><a href="#contact" aria-hidden="true" class="extra-nav-link initially-hidden">contact</a> <a href="#main-menu" id="main-menu-toggle" class="menu-toggle" aria-label="open menu"><span class="sr-only">open menu</span> contents</a><nav id="main-menu" class="main-menu page-navigation" aria-label="table of contents"><a href="#main-menu-toggle" id="main-menuClose" class="menuClose" aria-label="close menu"><svg viewBox="0 0 512 512" width="16" height="16"><g><path d="m25 512a25 25 0 0 1 -17.68-42.68l462-462a25 25 0 0 1 35.36 35.36l-462 462a24.93 24.93 0 0 1 -17.68 7.32z" fill="currentColor"/><path d="m487 512a24.93 24.93 0 0 1 -17.68-7.32l-462-462a25 25 0 0 1 35.36-35.36l462 462a25 25 0 0 1 -17.68 42.68z" fill="currentColor"/></g></svg></a><ul><li><a href="../#projects">projects</a></li><li><a href="../#skills">skills</a></li><li><a href="../#about-me">about me</a></li><li><a href="../#contact">contact</a></li><li><a href="../#imprint">imprint</a></li><li><a href="../#privacy">privacy</a></li><li><a href="https://www.ingo-steinke.de/leistungen/webentwicklung.html" hreflang="de" lang="de" title="zur deutschen Sprache wechseln" id="language-switch">deutsch</a></li></ul></nav><button id="contrast-toggle" class="contrast-toggle no-print" title="" data-reducecaption="reduce contrast" data-increasecaption="increase contrast"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24"><path fill="currentColor" d="M15 2h2v3h-2zM27 15h3v2h-3zM15 27h2v3h-2zM2 15h3v2H2zM5.45 6.884l1.414-1.415 2.121 2.122-1.414 1.414zM23 7.58l2.121-2.12 1.414 1.414-2.121 2.121zM23.002 24.416l1.415-1.414 2.12 2.122-1.413 1.414zM5.47 25.13 7.59 23 9 24.42l-2.12 2.12-1.41-1.41zM16 8a8 8 0 1 0 8 8 8 8 0 0 0-8-8Zm0 14a6 6 0 0 1 0-12Z"/><path fill="none" style="fill:none" d="M0 0h32v32H0z"/></svg></button> <a href="#main-menu-toggle" class="backdrop" tabindex="-1" aria-hidden="true" hidden></a></div></div></div><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Building a website: what to consider?</h2><p>Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../services/website-check.html">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../services/optimization.html">optimieren</a> könnten.</p></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">schedule an appointment</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2><p>Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.</p></article><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><p>Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!</p></div><div class="text-width-children mb0 no-alternating-color">P.S. der letzte Abschnitt sollte möglichst immer auf einer nicht-alternativen Farbe auskommen, was wir aber auch forcieren könnten durch last-child oder Klassennamen?</div></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Schedule an appointment now!</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
Loading

0 comments on commit bc7da9e

Please sign in to comment.