Fix homepage css

This commit is contained in:
Seth Vargo 2017-04-18 12:57:05 -04:00
parent 2d0917062f
commit 83476979c7
No known key found for this signature in database
GPG Key ID: C921994F9C27E0FF
2 changed files with 54 additions and 42 deletions

View File

@ -155,14 +155,18 @@
&#features {
.feature-icon {
text-align: center;
clear: both;
}
h2, svg {
padding-top: 50px;
margin: 0;
padding: 0;
padding-top: 40px;
}
svg {
margin-top: 20px;
display: block;
margin: 0 auto;
}
}

View File

@ -24,58 +24,66 @@ description: |-
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-discovery.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Service Discovery</h2>
<p>
Consul makes it simple for services to register themselves and to
discover other services via a DNS or HTTP interface. Register external
services such as SaaS providers as well.
</p>
<div class="row">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-discovery.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Service Discovery</h2>
<p>
Consul makes it simple for services to register themselves and to
discover other services via a DNS or HTTP interface. Register external
services such as SaaS providers as well.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-health.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Failure Detection</h2>
<p>
Pairing service discovery with health checking prevents routing
requests to unhealthy hosts and enables services to easily provide
circuit breakers.
</p>
<div class="row">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-health.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Failure Detection</h2>
<p>
Pairing service discovery with health checking prevents routing
requests to unhealthy hosts and enables services to easily provide
circuit breakers.
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-multi.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Multi Datacenter</h2>
<p>
Consul scales to multiple datacenters out of the box with no
complicated configuration. Look up services in other datacenters, or
keep the request local.
</p>
<div class="row">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-multi.svg", width: 100 %>
</div>
<div class="col-sm-9">
<h2>Multi Datacenter</h2>
<p>
Consul scales to multiple datacenters out of the box with no
complicated configuration. Look up services in other datacenters, or
keep the request local.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-config.svg", width: 85 %>
</div>
<div class="col-sm-9">
<h2>KV Storage</h2>
<p>
Flexible key/value store for dynamic configuration, feature flagging,
coordination, leader election and more. Long poll for near-instant
notification of configuration changes.
</p>
<div class="row">
<div class="col-sm-3 feature-icon">
<%= inline_svg "feature-config.svg", width: 85 %>
</div>
<div class="col-sm-9">
<h2>KV Storage</h2>
<p>
Flexible key/value store for dynamic configuration, feature flagging,
coordination, leader election and more. Long poll for near-instant
notification of configuration changes.
</p>
</div>
</div>
</div>
</div>