diff --git a/website/source/assets/images/customer-logos/capital-one.svg b/website/source/assets/images/customer-logos/capital-one.svg new file mode 100644 index 0000000000..a034743328 --- /dev/null +++ b/website/source/assets/images/customer-logos/capital-one.svg @@ -0,0 +1,289 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/source/assets/images/customer-logos/hbo.svg b/website/source/assets/images/customer-logos/hbo.svg new file mode 100644 index 0000000000..784d540d0f --- /dev/null +++ b/website/source/assets/images/customer-logos/hbo.svg @@ -0,0 +1,18 @@ + + + + + + + + + + diff --git a/website/source/assets/images/customer-logos/home-depot.svg b/website/source/assets/images/customer-logos/home-depot.svg new file mode 100644 index 0000000000..553b5ef978 --- /dev/null +++ b/website/source/assets/images/customer-logos/home-depot.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + diff --git a/website/source/assets/images/customer-logos/hotels-dot-com.svg b/website/source/assets/images/customer-logos/hotels-dot-com.svg new file mode 100644 index 0000000000..1d84ec6e6c --- /dev/null +++ b/website/source/assets/images/customer-logos/hotels-dot-com.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + diff --git a/website/source/assets/images/customer-logos/nike.svg b/website/source/assets/images/customer-logos/nike.svg new file mode 100644 index 0000000000..51fa23ceb2 --- /dev/null +++ b/website/source/assets/images/customer-logos/nike.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/source/assets/images/customer-logos/target.svg b/website/source/assets/images/customer-logos/target.svg new file mode 100644 index 0000000000..4d8094a6ae --- /dev/null +++ b/website/source/assets/images/customer-logos/target.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index 0121d3ae0d..d94e649d91 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -45,16 +45,68 @@ body.page-home { #customer-logos{ position: relative; + width: 100%; padding: 60px 0; color: $white; background: $black; + + p { + display: inline-block; + float: left; + margin-right: 6%; + padding-top: 20px; + } } ul.customer-list{ + display: inline; + width: 100%; + text-align: justify; li { - display: inline; + display: inline-block; + width: 80px; + height: 80px; + margin-right: 6%; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + } + + li.last { + float: right; + } + + #nike { + background: transparent image-url("customer-logos/nike.svg") center no-repeat; + background-size: 100%; + } + + #hbo { + background: transparent image-url("customer-logos/hbo.svg") center no-repeat; + background-size: 80%; } + + #target { + background: transparent image-url("customer-logos/target.svg") center no-repeat; + background-size: 60%; + } + + #capital-one { + background: transparent image-url("customer-logos/capital-one.svg") center no-repeat; + background-size: 100%; + } + + #home-depot { + background: transparent image-url("customer-logos/home-depot.svg") center no-repeat; + background-size: 70%; + } + + #hotels-dot-com { + background: transparent image-url("customer-logos/hotels-dot-com.svg") center no-repeat; + background-size: 100%; + } + } .feature{ diff --git a/website/source/index.html.erb b/website/source/index.html.erb index 23cca5d6f1..cf6831a38f 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -29,12 +29,12 @@

Trusted in production by: