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

feat: add hostea vision to homepage

pull/2/head
Aravinth Manivannan 2022-04-17 18:36:38 +05:30
parent b38da000f8
commit 97cf8e49ce
Signed by: realaravinth
GPG Key ID: AD9F0F08E855ED88
2 changed files with 72 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
sass/home/vision.scss Normal file
View File

@ -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;
}

39
templates/home/components/_vision.html Normal file
View File

@ -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>