Fix homepage css

pull/2923/head
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 { &#features {
.feature-icon { .feature-icon {
text-align: center; text-align: center;
clear: both;
} }
h2, svg { h2, svg {
padding-top: 50px; margin: 0;
padding: 0;
padding-top: 40px;
} }
svg { svg {
margin-top: 20px; display: block;
margin: 0 auto;
} }
} }

View File

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