60 lines
1.3 KiB
Plaintext
60 lines
1.3 KiB
Plaintext
|
||
<div class="tour-content">
|
||
<div class="container tour">
|
||
<div class="row">
|
||
<div class="col">
|
||
<img src="https://prod.gusto-assets.com/wp-content/uploads/People_Advisory_Gusto_Pro_screen%402x.png" alt="" class="image-tour">
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="tour-title"> Take a tour of Gusto Pro. </div>
|
||
<div class="tour-subtitle">We’re always creating new tools and resources to serve our accountant community. Stay tuned, there’s more to come.</div>
|
||
</div>
|
||
<div class="col">
|
||
<button type="button" class="btn btn-ligth">View Gusto Pro</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<style>
|
||
|
||
.container.tour {
|
||
background-color: #F0F8FF;
|
||
margin-bottom: -50px;
|
||
padding-bottom: 40px;
|
||
}
|
||
|
||
.tour-title {
|
||
font-family: 'Domine', serif;
|
||
font-size: 3em;
|
||
padding-top: 60px;
|
||
line-height: 1.2;
|
||
}
|
||
|
||
.gusto-pro-subtitle {
|
||
font-family: 'Fredoka', sans-serif;
|
||
font-size: 1em;
|
||
padding-top: 20px;
|
||
letter-spacing: 0.35px;
|
||
line-height: 1.5;
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
.btn-ligth {
|
||
font-family: 'Fredoka', sans-serif;
|
||
padding: 10px;
|
||
background-color: white;
|
||
padding-left: 20px;
|
||
padding-right: 20px;
|
||
font-weight: 600;
|
||
margin-top: 40%;
|
||
}
|
||
|
||
.image-tour {
|
||
max-height: 150px;
|
||
margin-top: 20%;
|
||
float: right;
|
||
}
|
||
|
||
|
||
</style> |