Hostea
/
website
3
2
Fork 2
Code Issues 5 Pull Requests Projects Releases Wiki Activity

feat: resize homepage content width and show vision in width

pull/10/head
Aravinth Manivannan 2022-04-25 23:00:39 +05:30
parent d46ef58f81
commit 39cda06aeb
Signed by: realaravinth
GPG Key ID: AD9F0F08E855ED88
3 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
sass/home/vision-mobile.scss Normal file
View File

@ -0,0 +1,3 @@
.home__vision-container {
flex-direction: column;
}

6
sass/home/vision.scss
View File

@ -1,3 +1,9 @@
.home__vision-container{
display: flex;
align-items: center;
}
.home__vision-text-line { .home__vision-text-line {
font-size: 0.8rem; font-size: 0.8rem;
font-style: italic; font-style: italic;

21
templates/home/components/_vision.html
View File

@ -1,6 +1,6 @@
<section class="home__vision-container"> <section class="home__vision-container">
<em class="home__vision-title">Imagine a world...</em>
<p class="home__vision-text"> <p class="home__vision-text">
<em class="home__vision-title">Imagine a world...</em><br />
<span class="home__vision-text-line"> <span class="home__vision-text-line">
...where the services that you use for are not only reliable but also ...where the services that you use for are not only reliable but also
<i>radically</i> transparent.<br /> <i>radically</i> transparent.<br />
@ -25,14 +25,15 @@
</span> </span>
</p> </p>
<h2 class="home__vision-intro-title">Meet <em>Hostea</em></h2> <div class="home__vision-action-container">
<p class="home__vision-intro-tagline"> <h2 class="home__vision-intro-title">Meet <em>Hostea</em></h2>
Where sustainable free homes are created for free software development <p class="home__vision-intro-tagline">
</p> Where sustainable free homes are created for free software development
<div> </p>
<div>
<button class="home__vision-aciton-btn"> <button class="home__vision-aciton-btn">
<a href="/about" class="home__vision-action-link">Learn More</a> <a href="/about" class="home__vision-action-link">Learn More</a>
</button> </button>
</div>
</div> </div>
</section> </section>