css refinements - case studies

This commit is contained in:
scotty
2016-09-26 16:51:53 -07:00
parent 56b9fa43f6
commit bc4ddfebc5
4 changed files with 85 additions and 23 deletions
+46 -15
View File
@@ -1277,26 +1277,29 @@ $feature-box-div-margin-bottom: 40px
#home
#talkToUs main
padding: 30px 0
#talkToUs
main
padding: 30px 0
h5
font-size: 20px
#bigSocial
#caseStudiesWrapper
position: relative
text-align: center
margin-bottom: 30px
div
position: relative
display: inline-block
float: none
padding-top: 125px
width: calc(90%)
a
margin-top: 15px
font-size: 18px
//div:nth-child(1)
// background-image: url(/images/community_logos/viacom_logo.png)
vertical-align: top
width: 100%
min-height: 230px
padding: 125px 10px 15px
margin-bottom: 30px
background-position: top center
background-repeat: no-repeat
div:nth-child(1)
background-image: url(/images/community_logos/pearson_logo.png)
@@ -1309,3 +1312,31 @@ $feature-box-div-margin-bottom: 40px
div:nth-child(4)
background-image: url(/images/community_logos/wikimedia_foundation_logo.png)
p
font-size: 20px
a
position: absolute
bottom: 0
left: 50%
transform: translateX(-50%)
color: $blue
font-weight: 400
//#bigSocial
// text-align: center
//
// div
// display: inline-block
// float: none
// padding-top: 125px
// width: calc(90%)
//
// a
// margin-top: 15px
// font-size: 18px
//
//
//
+9 -3
View File
@@ -138,9 +138,9 @@ $video-section-height: 550px
div + div
margin-left: 20px
div:nth-child(3), div:nth-child(4)
margin-top: 0
//
//div:nth-child(3), div:nth-child(4)
// margin-top: 0
//#home #bigSocial
@@ -288,3 +288,9 @@ $video-section-height: 550px
#bigSocial
div
width: calc(25% - 18px)
#home #caseStudiesWrapper
div
width: 24%
min-height: 260px
+6
View File
@@ -242,3 +242,9 @@ $feature-box-div-width: 45%
input
text-align: left
#home #caseStudiesWrapper
div
width: 48%
+24 -5
View File
@@ -131,11 +131,7 @@ title: Production-Grade Container Orchestration
<section id="talkToUs">
<main>
<h3>Case Studies</h3>
<div id="bigSocial">
<!--<div>-->
<!--<a href="https://youtu.be/OLwzSHBtxhI">Watch the video</a>-->
<!--<p>Creating Next Generation Kubernetes Infrastructure at Viacom</p>-->
<!--</div>-->
<div id="caseStudiesWrapper">
<div>
<p>Using Kubernetes to reinvent the worlds largest educational company</p>
<a href="/case-studies/pearson/">Read more</a>
@@ -153,6 +149,29 @@ title: Production-Grade Container Orchestration
<a href="https://www.youtube.com/watch?v=6XGUTu3WhBw">Watch the video</a>
</div>
</div>
<!--<div id="bigSocial">-->
<!--&lt;!&ndash;<div>&ndash;&gt;-->
<!--&lt;!&ndash;<a href="https://youtu.be/OLwzSHBtxhI">Watch the video</a>&ndash;&gt;-->
<!--&lt;!&ndash;<p>Creating Next Generation Kubernetes Infrastructure at Viacom</p>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--<div>-->
<!--<p>Using Kubernetes to reinvent the worlds largest educational company</p>-->
<!--<a href="/case-studies/pearson/">Read more</a>-->
<!--</div>-->
<!--<div>-->
<!--<p>Kubernetes at Box: Microservices at Maximum Velocity</p>-->
<!--<a href="https://blog.box.com/blog/kubernetes-box-microservices-maximum-velocity/">Read more</a>-->
<!--</div>-->
<!--<div>-->
<!--<p>Inside eBays shift to Kubernetes and containers atop OpenStack</p>-->
<!--<a href="http://www.nextplatform.com/2015/11/12/inside-ebays-shift-to-kubernetes-and-containers-atop-openstack/">Read the story</a>-->
<!--</div>-->
<!--<div>-->
<!--<p>Migrating from a homegrown cluster to Kubernetes</p>-->
<!--<a href="https://www.youtube.com/watch?v=6XGUTu3WhBw">Watch the video</a>-->
<!--</div>-->
<!--</div>-->
<h5 style="text-align: center"><a href="/case-studies/" style="color: #3371E3; font-weight: 400">View all case studies</a></h5>
</main>
</section>