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