diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 9b06d55cc4..16f5e5d7e9 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -27,10 +27,6 @@
font-weight: 600;
}
- a {
- font-weight: 600;
- }
-
.img-rounded {
// TODO: design specifies 'border-radius-large' which is 5px, but uses 16px
border-radius: 16px;
@@ -113,6 +109,11 @@
}
.info-cards {
+ @media (min-width: @screen-md-min) {
+ display: flex; /* equal heights */
+ flex-wrap: wrap;
+ }
+
.info-card-container {
min-height: 348px;
margin-bottom: 16px;
@@ -132,6 +133,10 @@
}
.features-card {
+ display: flex; /* equal heights */
+ flex-wrap: wrap;
+ align-items: center;
+
.features-card-image {
img.img-responsive {
width: 100%;
@@ -202,6 +207,7 @@
a {
width: 100%;
+ font-weight: 600;
color: var(--neutral-90);
display: inline-flex;
justify-content: space-between;
@@ -400,6 +406,42 @@
}
}
+ .resources {
+ @media (min-width: @screen-md-min) {
+ display: flex; /* equal heights */
+ flex-wrap: wrap;
+ }
+ .resources-card {
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: column;
+ margin-bottom: 48px;
+ align-content: flex-start;
+
+ @media (max-width: @screen-sm-max) {
+ margin-bottom: 16px;
+ }
+
+ img {
+ width: 56px;
+ }
+
+ h3 {
+ width: 100%;
+ }
+
+ a {
+ margin-top: auto;
+ }
+ }
+ }
+
+ .centered-block {
+ @media (min-width: @screen-md-min) {
+ text-align: center;
+ }
+ }
+
.mono-text {
font-family: 'DM Mono', monospace;
color: var(--green-60);
@@ -542,7 +584,7 @@
}
@media (max-width: @screen-sm-max) {
- flex-direction: column;
+ flex-direction: column-reverse;
width: 100%;
}
}
diff --git a/services/web/public/img/website-redesign/add-notes-round.svg b/services/web/public/img/website-redesign/add-notes-round.svg
new file mode 100644
index 0000000000..e3284f12ea
--- /dev/null
+++ b/services/web/public/img/website-redesign/add-notes-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/book-4-round.svg b/services/web/public/img/website-redesign/book-4-round.svg
new file mode 100644
index 0000000000..e86dcd18eb
--- /dev/null
+++ b/services/web/public/img/website-redesign/book-4-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/design-services-round.svg b/services/web/public/img/website-redesign/design-services-round.svg
new file mode 100644
index 0000000000..bffc19bce1
--- /dev/null
+++ b/services/web/public/img/website-redesign/design-services-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/live-tv-round.svg b/services/web/public/img/website-redesign/live-tv-round.svg
new file mode 100644
index 0000000000..f056127e3f
--- /dev/null
+++ b/services/web/public/img/website-redesign/live-tv-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/local-library-round.svg b/services/web/public/img/website-redesign/local-library-round.svg
new file mode 100644
index 0000000000..64425c8cfd
--- /dev/null
+++ b/services/web/public/img/website-redesign/local-library-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/preview-round.svg b/services/web/public/img/website-redesign/preview-round.svg
new file mode 100644
index 0000000000..e7857cc7d1
--- /dev/null
+++ b/services/web/public/img/website-redesign/preview-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/school-round.svg b/services/web/public/img/website-redesign/school-round.svg
new file mode 100644
index 0000000000..94295df651
--- /dev/null
+++ b/services/web/public/img/website-redesign/school-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/settings-applications-round.svg b/services/web/public/img/website-redesign/settings-applications-round.svg
new file mode 100644
index 0000000000..8633f950d0
--- /dev/null
+++ b/services/web/public/img/website-redesign/settings-applications-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/two-pager-round.svg b/services/web/public/img/website-redesign/two-pager-round.svg
new file mode 100644
index 0000000000..b443ca759d
--- /dev/null
+++ b/services/web/public/img/website-redesign/two-pager-round.svg
@@ -0,0 +1,10 @@
+