feat: add hostea vision to homepage
parent
b38da000f8
commit
97cf8e49ce
|
@ -0,0 +1,33 @@
|
|||
.home__vision-text-line {
|
||||
font-size: 0.8rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.home__vision-intro-title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.home__vision-intro-tagline {
|
||||
font-size: 0.9rem;
|
||||
margin: auto;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.home__vision-aciton-btn {
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
margin: 20px auto;
|
||||
padding: 15px;
|
||||
border: none;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.home__vision-aciton-btn:hover {
|
||||
background-color: lightgray;
|
||||
}
|
||||
|
||||
.home__vision-action-link {
|
||||
color: white !important;
|
||||
}
|
|
@ -0,0 +1,39 @@
|
|||
<section class="home__vision-container">
|
||||
<em class="home__vision-title">Imagine a world...</em>
|
||||
<p class="home__vision-text">
|
||||
<span class="home__vision-text-line">
|
||||
...where the services that you use for are not only reliable but also
|
||||
<i>radically</i> transparent.<br />
|
||||
</span>
|
||||
|
||||
<span class="home__vision-text-line">
|
||||
...where the software that you rely on is 100% Free.<br />
|
||||
</span>
|
||||
|
||||
<span class="home__vision-text-line">
|
||||
...where Free Software developers are treated just as fairly as they treat
|
||||
their users.<br />
|
||||
</span>
|
||||
|
||||
<span class="home__vision-text-line">
|
||||
...where freedom doens't come at the cost of comfort and reliability.<br />
|
||||
</span>
|
||||
|
||||
<span class="home__vision-text-line">
|
||||
...where Free Software is not only comparable to properiatary software in
|
||||
features but leads the charge in the ecosystem.<br />
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<h2 class="home__vision-intro-title">Meet <em>Hostea</em></h2>
|
||||
<p class="home__vision-intro-tagline">
|
||||
where software development workflows are designed to surpass industry
|
||||
standards
|
||||
</p>
|
||||
<div>
|
||||
|
||||
<button class="home__vision-aciton-btn">
|
||||
<a href="/about" class="home__vision-action-link">Learn More</a>
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
Loading…
Reference in New Issue