mirror of
https://github.com/ivabus/www
synced 2024-11-26 04:05:06 +03:00
Adjustments to hero typography and subhead
This commit is contained in:
parent
5324f6a589
commit
1ee90a9e2d
3 changed files with 17 additions and 4 deletions
|
@ -6,7 +6,10 @@
|
|||
<div class="container hero-container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h1 class="impact text-center" style="z-index:3; position: relative;">the next‐generation, cross‐platform <span class="white"><br>package manager</span></h1>
|
||||
<h1 class="impact text-center" style="z-index:3; position: relative;">Invisible yet <span class="orange">powerful</span></h1>
|
||||
<div class="lead-box flex text-center black-bg p-5">
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -15,6 +18,16 @@
|
|||
{{- partial "full-width-cta-split.html" . -}}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.lead-box{
|
||||
width: 100%;
|
||||
border: 2px solid #949494;
|
||||
min-height: 12.556vw;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<section class="hero-section terminal-demo">
|
||||
<div class="container">
|
||||
|
|
|
@ -148,7 +148,7 @@ mark{
|
|||
|
||||
.lead-text-container{
|
||||
border: 1px solid #949494 !important;
|
||||
width: 41.6vw;
|
||||
width: 600px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
|
@ -116,9 +116,9 @@ a:hover{
|
|||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
.impact{
|
||||
font-size: 6.8vw !important;
|
||||
font-size: 9.5vw !important;
|
||||
line-height: 10.05vw!important;
|
||||
margin-top: -1vw !important;
|
||||
margin-top: 3.2vw !important;
|
||||
margin-bottom: -2.4vw !important;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue