Skip to content

Commit

Permalink
Refactor footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@nanoparsec
nanoparsec committed Feb 26, 2024
1 parent ac19c55 commit 2eec590
Show file tree
Hide file tree
Showing 10 changed files with 290 additions and 240 deletions.
53 changes: 29 additions & 24 deletions lib/views/customer-pages/customer-profile-edit-page/customer-profile-edit-page.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -100,31 +100,36 @@ See [All available alert styles](https://styleguide.socreatory.com/molecules/ale
<footer>
<div class="footer__top">
<div class="footer__top__content">
<img class ="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo">
<h2>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen.</h2>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
<div class="footer__top__content__right">
<img class="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
<div class="footer__top__content__left">
<h2>Newsletter</h2>
<p>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen</p>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
</div>
</div>
</div>
Expand Down
53 changes: 29 additions & 24 deletions lib/views/customer-pages/customer-trainings-page/customer-trainings-page.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,31 +113,36 @@ description: Customer Trainings Page
<footer>
<div class="footer__top">
<div class="footer__top__content">
<img class ="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo">
<h2>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen.</h2>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
<div class="footer__top__content__right">
<img class="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
</form>
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
<div class="footer__top__content__left">
<h2>Newsletter</h2>
<p>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen</p>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
</div>
</div>
</div>
Expand Down
53 changes: 29 additions & 24 deletions lib/views/home/home.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -243,31 +243,36 @@ description: Homepage
<footer>
<div class="footer__top">
<div class="footer__top__content">
<img class ="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo">
<h2>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen.</h2>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
<div class="footer__top__content__right">
<img class="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
<div class="footer__top__content__left">
<h2>Newsletter</h2>
<p>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen</p>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
</div>
</div>
</div>
Expand Down
53 changes: 29 additions & 24 deletions lib/views/home/home_test.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,31 +19,36 @@ description: Homepage
<footer>
<div class="footer__top">
<div class="footer__top__content">
<img class ="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo">
<h2>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen.</h2>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
<div class="footer__top__content__right">
<img class="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
<div class="footer__top__content__left">
<h2>Newsletter</h2>
<p>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen</p>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
</div>
</div>
</div>
Expand Down
53 changes: 29 additions & 24 deletions lib/views/module_kit/module_kit.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -340,31 +340,36 @@ description: Description
<footer>
<div class="footer__top">
<div class="footer__top__content">
<img class ="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo">
<h2>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen.</h2>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
<div class="footer__top__content__right">
<img class="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
</form>
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
<div class="footer__top__content__left">
<h2>Newsletter</h2>
<p>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen</p>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 2eec590

Please sign in to comment.