Skip to content

Commit

Permalink
Format css and html
Browse files Browse the repository at this point in the history
  • Loading branch information
@rottabonus
rottabonus committed Nov 24, 2024
1 parent 5f67e69 commit 4e0b729
Show file tree
Hide file tree
Showing 2 changed files with 424 additions and 425 deletions.
246 changes: 123 additions & 123 deletions src/landing/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,18 +36,18 @@
<img src="../static/img/ylitse-middle-illustration.svg" class="middle-illustration" />
</div>
<div class="middle-right-content">
<div>
<h2 localization-key="middleInfo1Heading"></h2>
<p class="card-p white" localization-key="middleInfo1Text"></p>
</div>
<div>
<h2 localization-key="middleInfo2Heading"></h2>
<p class="card-p white" localization-key="middleInfo2Text"></p>
</div>
<div>
<h2 localization-key="middleInfo3Heading"></h2>
<p class="card-p white" localization-key="middleInfo3Text"></p>
</div>
<div>
<h2 localization-key="middleInfo1Heading"></h2>
<p class="card-p white" localization-key="middleInfo1Text"></p>
</div>
<div>
<h2 localization-key="middleInfo2Heading"></h2>
<p class="card-p white" localization-key="middleInfo2Text"></p>
</div>
<div>
<h2 localization-key="middleInfo3Heading"></h2>
<p class="card-p white" localization-key="middleInfo3Text"></p>
</div>
</div>
</div>
<div class="middle-bottom-footer">
Expand All @@ -61,117 +61,117 @@ <h2 class="black" localization-key="bottomContentHeader"></h2>
<p localization-key="bottomContentText"></p>
</div>
<div class="bottom-bottom-content">
<div class="mentor-card-item">
<img src="../static/img/mentor-left.svg" class="mentor" />
<div class="mentor-card-container">
<div class="mentor-card-header">
<img src="../static/icons/chat-profilepic.svg" />
<div class="mentor-card-header-text-container">
<h2 class="card-h2">Aalto</h2>
<p class="card-p white">42 v. | Etelä-Pohjanmaa </p>
<p class="card-p white">Olen tavoitettavissa joka päivä ...</p>
</div>
</div>
<div class="mentor-card-content">
<div class="mentor-card-story-container">
<h2 class="card-h2 black" localization-key="mentorCardMyStory"></h2>
<p class="card-p">Olen nuorisokodista itsenäistynyt teini-ikäisen pojan vanhempi. Voin olla sinulle tukena opintoihin, itsenäistymiseen, jälkihuoltoon ja vanhemmuuteen liittyvissä asioissa.</p>
</div>
<div class="mentor-card-languages-container">
<h2 class="card-h2 black" localization-key="mentorCardSpokenLanguages"></h2>
<div class="pill-container">
<div class="pill">
<p class="card-p">Suomi</p>
</div>
<div class="pill">
<p class="card-p">Englanti</p>
</div>
</div>
</div>
<div class="mentor-card-skill-container">
<h2 class="card-h2 black" localization-key="mentorCardSkills"></h2>
<div class="pill-container">
<div class="pill">
<p class="card-p">Lastensuojelu</p>
</div>
<div class="pill">
<p class="card-p">Itsenäistyminen</p>
</div>
<div class="pill">
<p class="card-p">Vanhemmuus</p>
</div>
<div class="pill">
<p class="card-p">Opinnot</p>
</div>
<div class="pill">
<p class="card-p">Kela</p>
</div>
<div class="pill">
<p class="card-p">Stressi</p>
</div>
<div class="pill">
<p class="card-p">Oma lapsuus</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mentor-card-item">
<div class="mentor-card-container">
<div class="mentor-card-header">
<img src="../static/icons/chat-profilepic.svg" />
<div class="mentor-card-header-text-container">
<h2 class="card-h2">Havu</h2>
<p class="card-p white">27 v. | Uusimaa </p>
<p class="card-p white">Olen tavoitettavissa joka päivä ...</p>
</div>
</div>
<div class="mentor-card-content">
<div class="mentor-card-story-container">
<h2 class="card-h2 black" localization-key="mentorCardMyStory"></h2>
<p class="card-p">Olen helsinkiläinen Havu. Voin olla sinulle tukena esimerkiksi mielenterveyteen liittyvissä pulmissa. Tuen sinua parhaani mukaan kuitenkin missä tahansa aiheessa.</p>
</div>
<div class="mentor-card-languages-container">
<h2 class="card-h2 black" localization-key="mentorCardSpokenLanguages"></h2>
<div class="pill-container">
<div class="pill">
<p class="card-p">Suomi</p>
</div>
<div class="pill">
<p class="card-p">Ruotsi</p>
</div>
</div>
</div>
<div class="mentor-card-skill-container">
<h2 class="card-h2 black" localization-key="mentorCardSkills"></h2>
<div class="pill-container">
<div class="pill">
<p class="card-p">Mielenterveys</p>
</div>
<div class="pill">
<p class="card-p">Syömishäiriöt</p>
</div>
<div class="pill">
<p class="card-p">Opinnot</p>
</div>
<div class="pill">
<p class="card-p">Päihteet</p>
</div>
<div class="pill">
<p class="card-p">Eroperhe</p>
</div>
<div class="pill">
<p class="card-p">Stressi</p>
</div>
<div class="pill">
<p class="card-p">Lasinen lapsuus</p>
</div>
</div>
</div>
</div>
</div>
<img src="../static/img/mentor-right.svg" class="mentor"/>
<div class="mentor-card-item">
<img src="../static/img/mentor-left.svg" class="mentor" />
<div class="mentor-card-container">
<div class="mentor-card-header">
<img src="../static/icons/chat-profilepic.svg" />
<div class="mentor-card-header-text-container">
<h2 class="card-h2">Aalto</h2>
<p class="card-p white">42 v. | Etelä-Pohjanmaa </p>
<p class="card-p white">Olen tavoitettavissa joka päivä ...</p>
</div>
</div>
<div class="mentor-card-content">
<div class="mentor-card-story-container">
<h2 class="card-h2 black" localization-key="mentorCardMyStory"></h2>
<p class="card-p">Olen nuorisokodista itsenäistynyt teini-ikäisen pojan vanhempi. Voin olla sinulle tukena opintoihin, itsenäistymiseen, jälkihuoltoon ja vanhemmuuteen liittyvissä asioissa.</p>
</div>
<div class="mentor-card-languages-container">
<h2 class="card-h2 black" localization-key="mentorCardSpokenLanguages"></h2>
<div class="pill-container">
<div class="pill">
<p class="card-p">Suomi</p>
</div>
<div class="pill">
<p class="card-p">Englanti</p>
</div>
</div>
</div>
<div class="mentor-card-skill-container">
<h2 class="card-h2 black" localization-key="mentorCardSkills"></h2>
<div class="pill-container">
<div class="pill">
<p class="card-p">Lastensuojelu</p>
</div>
<div class="pill">
<p class="card-p">Itsenäistyminen</p>
</div>
<div class="pill">
<p class="card-p">Vanhemmuus</p>
</div>
<div class="pill">
<p class="card-p">Opinnot</p>
</div>
<div class="pill">
<p class="card-p">Kela</p>
</div>
<div class="pill">
<p class="card-p">Stressi</p>
</div>
<div class="pill">
<p class="card-p">Oma lapsuus</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mentor-card-item">
<div class="mentor-card-container">
<div class="mentor-card-header">
<img src="../static/icons/chat-profilepic.svg" />
<div class="mentor-card-header-text-container">
<h2 class="card-h2">Havu</h2>
<p class="card-p white">27 v. | Uusimaa </p>
<p class="card-p white">Olen tavoitettavissa joka päivä ...</p>
</div>
</div>
<div class="mentor-card-content">
<div class="mentor-card-story-container">
<h2 class="card-h2 black" localization-key="mentorCardMyStory"></h2>
<p class="card-p">Olen helsinkiläinen Havu. Voin olla sinulle tukena esimerkiksi mielenterveyteen liittyvissä pulmissa. Tuen sinua parhaani mukaan kuitenkin missä tahansa aiheessa.</p>
</div>
<div class="mentor-card-languages-container">
<h2 class="card-h2 black" localization-key="mentorCardSpokenLanguages"></h2>
<div class="pill-container">
<div class="pill">
<p class="card-p">Suomi</p>
</div>
<div class="pill">
<p class="card-p">Ruotsi</p>
</div>
</div>
</div>
<div class="mentor-card-skill-container">
<h2 class="card-h2 black" localization-key="mentorCardSkills"></h2>
<div class="pill-container">
<div class="pill">
<p class="card-p">Mielenterveys</p>
</div>
<div class="pill">
<p class="card-p">Syömishäiriöt</p>
</div>
<div class="pill">
<p class="card-p">Opinnot</p>
</div>
<div class="pill">
<p class="card-p">Päihteet</p>
</div>
<div class="pill">
<p class="card-p">Eroperhe</p>
</div>
<div class="pill">
<p class="card-p">Stressi</p>
</div>
<div class="pill">
<p class="card-p">Lasinen lapsuus</p>
</div>
</div>
</div>
</div>
</div>
<img src="../static/img/mentor-right.svg" class="mentor"/>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 4e0b729

Please sign in to comment.