feat: resize homepage content width and show vision in width
parent
d46ef58f81
commit
39cda06aeb
|
@ -0,0 +1,3 @@
|
||||||
|
.home__vision-container {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
<div class="home__vision-action-container">
|
||||||
<h2 class="home__vision-intro-title">Meet <em>Hostea</em></h2>
|
<h2 class="home__vision-intro-title">Meet <em>Hostea</em></h2>
|
||||||
<p class="home__vision-intro-tagline">
|
<p class="home__vision-intro-tagline">
|
||||||
Where sustainable free homes are created for free software development
|
Where sustainable free homes are created for free software development
|
||||||
</p>
|
</p>
|
||||||
<div>
|
<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>
|
||||||
|
|
Loading…
Reference in New Issue