website - add second button to hero

This commit is contained in:
RJ Spiker 2018-06-14 15:54:22 -06:00 committed by Jack Pearkes
parent 0ada6283d3
commit 3f55947e7e
6 changed files with 36 additions and 6 deletions

View File

@ -22,6 +22,10 @@
transform: translateY(-1px);
}
path {
fill: $white;
}
&.white {
background: $white;
border: 2px solid $white;
@ -32,11 +36,15 @@
background: $consul-black;
border-color: $consul-black;
color: $white;
path {
fill: $white;
}
}
path {
fill: $consul-black;
}
}
&.dark-outline {

View File

@ -27,4 +27,8 @@
padding: 2px 9px;
text-transform: uppercase;
}
.g-btn + .g-btn {
margin-left: 20px;
}
}

View File

@ -11,7 +11,13 @@ description: |-
<div class='g-container'>
<h1>Service configuration made easy.</h1>
<p>Feature rich key/value store lets you easily configure services.</p>
<a href="#" class="g-btn">Get Started</a>
<a href="#" class="g-btn download">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
<path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
</svg>
Download
</a>
<a href="#" class="g-btn dark-outline">Explore Docs</a>
</div>
</section>
@ -193,7 +199,7 @@ description: |-
<a href="#" class="g-btn white download">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
<path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
</svg>
</svg>
Download
</a>
<a href="#" class="g-btn white-outline">Explore docs</a>

View File

@ -11,7 +11,13 @@ description: |-
<div class='g-container'>
<h1>Service discovery made easy.</h1>
<p>Service Registry enables services to register and discover each other in dymanic infrastructure.</p>
<a href="#" class="g-btn">Get Started</a>
<a href="#" class="g-btn download">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
<path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
</svg>
Download
</a>
<a href="#" class="g-btn dark-outline">Explore Docs</a>
</div>
</section>

View File

@ -183,7 +183,7 @@ description: |-
<a href="#" class="g-btn white download">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
<path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
</svg>
</svg>
Download
</a>
</div>

View File

@ -12,7 +12,13 @@ description: |-
<span>New Feature</span>
<h1>Service segmentation made easy.</h1>
<p>Secure service-to-service communication with automatic TLS encryption and identity-based authorization.</p>
<a href="#" class="g-btn">Get Started</a>
<a href="#" class="g-btn download">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
<path d="M9.292 15.706a1 1 0 0 0 1.416 0l3.999-3.999a1 1 0 1 0-1.414-1.414L11 12.586V1a1 1 0 1 0-2 0v11.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3.999 3.999zM20 16v3c0 1.654-1.346 3-3 3H3c-1.654 0-3-1.346-3-3v-3a1 1 0 1 1 2 0v3c0 .551.448 1 1 1h14c.552 0 1-.449 1-1v-3a1 1 0 1 1 2 0z"/>
</svg>
Download
</a>
<a href="#" class="g-btn dark-outline">Explore Docs</a>
</div>
</section>