Adjustments to hero typography and subhead

This commit is contained in:
Thomas Smith 2023-01-27 15:09:59 -05:00
parent 5324f6a589
commit 1ee90a9e2d
3 changed files with 17 additions and 4 deletions

View file

@ -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&#8208;generation, cross&#8208;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">

View file

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

View file

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