diff --git a/_includes/case-study-styles.html b/_includes/case-study-styles.html
index 7914ef76ac..48058bd27b 100644
--- a/_includes/case-study-styles.html
+++ b/_includes/case-study-styles.html
@@ -3,40 +3,40 @@
margin-top: 1em !important;
}
- #caseStudies p {
+ .gridPage p {
color: rgb(26,26,26) !important;
margin-left: 0 !important;
padding-left: 0 !important;
font-weight: 300 !important;
}
- #caseStudies #mainContent {
+ .gridPage #mainContent {
padding: 0;
}
- #caseStudies #mainContent .content {
+ .gridPage #mainContent .content {
padding-top: 0;
}
- #caseStudies main {
+ .gridPage main {
max-width: 1100px !important;
}
- #caseStudies .content {
+ .gridPage .content {
position: relative;
margin: 0 auto 50px;
max-width: 90%;
}
- #caseStudies .content p {
+ .gridPage .content p {
line-height: 24px !important;
}
- #caseStudies .content h3 {
+ .gridPage .content h3 {
padding: 0 !important;
}
- #caseStudies #hero h5 {
+ .gridPage #hero h5 {
padding-left: 20px;
margin: 0;
}
@@ -67,7 +67,7 @@
left: 0;
}
- #caseStudies #mainContent .content .case-study p {
+ .gridPage #mainContent .content .case-study p {
font-family: "Roboto", sans-serif;
font-size: 16px;
padding: 0;
@@ -77,13 +77,13 @@
font-style: italic;
}
- #caseStudies #video {
+ .gridPage #video {
background: #f9f9f9;
height: auto;
/*height: 340px;*/
}
- #caseStudies #video main {
+ .gridPage #video main {
position: relative;
max-width: 900px !important;
height: 100%;
@@ -93,19 +93,19 @@
padding: 50px 20px;
}
- #caseStudies #video main > div {
+ .gridPage #video main > div {
width: 50%;
}
- #caseStudies #video main #zulilyLogo {
+ .gridPage #video main #zulilyLogo {
width: 100px;
}
- #caseStudies #video main img {
+ .gridPage #video main img {
max-width: 100%;
}
- #caseStudies #video h3 {
+ .gridPage #video h3 {
font-size: 32px;
font-weight: 300;
line-height: 38px;
@@ -113,57 +113,57 @@
margin: 0 0 1em 0;
}
- #caseStudies #video p {
+ .gridPage #video p {
margin: 0;
}
- #caseStudies #video p.attrib {
+ .gridPage #video p.attrib {
margin-bottom: 20px;
}
- #caseStudies #video button > h6 {
+ .gridPage #video button > h6 {
font-size: 18px;
font-weight: 500;
margin: 1em 0;
color: #326de6;
}
- #caseStudies #users {
+ .gridPage #users {
padding: 50px;
}
- #caseStudies #users main {
+ .gridPage #users main {
max-width: 1150px !important;
}
- #caseStudies #users main h3 {
+ .gridPage #users main h3 {
padding-left: 20px;
margin-bottom: 20px;
}
- #caseStudies #usersGrid {
+ .gridPage #usersGrid {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
- #caseStudies #usersGrid a {
+ .gridPage #usersGrid a {
display: inline-block;
margin: 5px;
}
- #caseStudies #usersGrid a img {
+ .gridPage #usersGrid a img {
box-shadow: 1px 1px 2px transparent;
transition: box-shadow 0.25s;
}
- #caseStudies #usersGrid a img:hover {
+ .gridPage #usersGrid a img:hover {
box-shadow: 1px 1px 2px #cccccc;
}
- #caseStudies #usersGrid a:last-child img,
- #caseStudies #usersGrid a:last-child img:hover {
+ .gridPage #usersGrid a:last-child img,
+ .gridPage #usersGrid a:last-child img:hover {
box-shadow: 1px 1px 2px transparent;
}
@@ -173,12 +173,12 @@
box-shadow: 1px 2px 2px #dddddd;
}
- #caseStudies .feature {
+ .gridPage .feature {
position: relative;
padding: 20px 0 20px 242px;
}
- #caseStudies .feature img {
+ .gridPage .feature img {
position: absolute;
top: 20px;
left: 0;
@@ -225,7 +225,7 @@
margin-bottom: 0.5em;
}
- #caseStudies .feature p.quote {
+ .gridPage .feature p.quote {
font-size: 20px;
line-height: 28px !important;
}
@@ -250,20 +250,20 @@
}
@media screen and (max-width: 900px){
- #caseStudies #video main {
+ .gridPage #video main {
flex-direction: column;
align-items: center;
}
- #caseStudies #video main > div {
+ .gridPage #video main > div {
width: 400px;
}
- #caseStudies #video main > div + div {
+ .gridPage #video main > div + div {
margin-top: 30px;
}
- #caseStudies #video h3 {
+ .gridPage #video h3 {
max-width: 100%;
}
}
@@ -282,12 +282,12 @@
transform: translateX(-50%);
}
- #caseStudies .feature {
+ .gridPage .feature {
margin-top: 50px;
padding: 180px 0 0;
}
- #caseStudies .feature img {
+ .gridPage .feature img {
top: 0;
left: 50%;
transform: translateX(-50%);
@@ -295,12 +295,12 @@
}
@media screen and (max-width: 480px){
- #caseStudies #hero {
+ .gridPage #hero {
padding-right: 20px;
padding-left: 20px;
}
- #caseStudies #video main > div {
+ .gridPage #video main > div {
width: 80%;
min-width: 280px;
}
diff --git a/_sass/_base.sass b/_sass/_base.sass
index 91d47a6b48..a8ac4b47c4 100644
--- a/_sass/_base.sass
+++ b/_sass/_base.sass
@@ -1131,7 +1131,7 @@ $feature-box-div-margin-bottom: 40px
// Community
-#community, #caseStudies
+#community, .gridPage
&.open-nav, &.flip-nav
.logo
background-image: url(/images/nav_logo2.svg)
@@ -1340,3 +1340,4 @@ $feature-box-div-margin-bottom: 40px
//
//
//
+//
\ No newline at end of file
diff --git a/_sass/_desktop.sass b/_sass/_desktop.sass
index 7faddf913c..033e998ba0 100644
--- a/_sass/_desktop.sass
+++ b/_sass/_desktop.sass
@@ -270,7 +270,7 @@ $video-section-height: 550px
- #community, #caseStudies
+ #community, .gridPage
#hero
text-align: left
diff --git a/case-studies/index.html b/case-studies/index.html
index 8b0ffea42c..4b92adb805 100644
--- a/case-studies/index.html
+++ b/case-studies/index.html
@@ -3,7 +3,7 @@ title: Case Studies
---
-
+
{% include head-header.html %}
diff --git a/case-studies/pearson.html b/case-studies/pearson.html
index 8625707f11..bf871789b9 100644
--- a/case-studies/pearson.html
+++ b/case-studies/pearson.html
@@ -3,7 +3,7 @@ title: Pearson Case Study
---
-
+
{% include head-header.html %}
diff --git a/case-studies/wikimedia.html b/case-studies/wikimedia.html
index c725ca7683..00eb47e3e0 100644
--- a/case-studies/wikimedia.html
+++ b/case-studies/wikimedia.html
@@ -3,7 +3,7 @@ title: Wikimedia Case Study
---
-
+
{% include head-header.html %}
diff --git a/js/script.js b/js/script.js
index 99574e7f83..22eff0a1b4 100755
--- a/js/script.js
+++ b/js/script.js
@@ -135,8 +135,9 @@ var kub = (function () {
// case 'caseStudies':
bodyHeight = windowHeight;
break;
-
+
case 'caseStudies':
+ case 'partners':
bodyHeight = windowHeight * 2;
break;
diff --git a/partners/index.html b/partners/index.html
new file mode 100644
index 0000000000..c47f0998a7
--- /dev/null
+++ b/partners/index.html
@@ -0,0 +1,60 @@
+---
+title: Partners
+---
+
+
+
+{% include head-header.html %}
+
+
+ Kubernetes Partners
+ Growing the Kubernetes ecosystem.
+
+
+
+
+
+ We are working with a broad group of partners who contribute to the Kubernetes core codebase, making it stronger and richer, creating a vibrant Kubernetes ecosystem supporting a spectrum of complementing platforms, from open source solutions to market-leading technologies.
+ ISV Partners
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+