79 lines
1.9 KiB
Plaintext
79 lines
1.9 KiB
Plaintext
<div class="gusto-pro">
|
|
<div class="gusto-pro-content">
|
|
<div class="gusto-pro-content-main">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm 2">
|
|
<div class="gusto-pro-header"> Gusto Academy </div>
|
|
<div class="gusto-pro-title">Welcome to Gusto Academy!</div>
|
|
<div class="gusto-pro-subtitle og">Your home for tech-focused professional development. Build your foundation through getting Certified, then earn badges by taking deep dives into advanced topics.</div>
|
|
<!--<button type="button" class="btn btn-danger">Go to Gusto Pro</button>-->
|
|
</div>
|
|
<div class="col-sm">
|
|
<div class="gusto-pro-image"> <img src="https://prod.gusto-assets.com/wp-content/uploads/Hero_Animation.png" alt="" class="image-gusto"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<style>
|
|
.container {
|
|
padding-bottom: 100px;
|
|
}
|
|
.gusto-pro {
|
|
background-color: #f8f5f2;
|
|
width: 80%;
|
|
text-align: center;
|
|
margin: auto;
|
|
}
|
|
|
|
.gusto-pro-header {
|
|
color: #f45d48;
|
|
font-family: 'Fredoka', sans-serif;
|
|
font-weight: 600;
|
|
padding-top: 100px;
|
|
}
|
|
|
|
.gusto-pro-title {
|
|
font-family: 'Domine', serif;
|
|
font-size: 3em;
|
|
padding-top: 20px;
|
|
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;
|
|
}
|
|
|
|
.image-gusto {
|
|
max-height: 440px;
|
|
padding-top: 80px;
|
|
}
|
|
|
|
.col-sm.2 {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.btn-danger {
|
|
font-family: 'Fredoka', sans-serif;
|
|
background-color: #f45d48;
|
|
padding: 10px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.gusto-pro-subtitle.og {
|
|
font-size: 1.4em;
|
|
}
|
|
</style> |