Skip to content

Commit

Permalink
Apply UX & Design review suggestions
Browse files Browse the repository at this point in the history
  • Loading branch information
@minkyngkm
minkyngkm committed Feb 27, 2025
1 parent e3a0312 commit 5d97fd0
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 48 deletions.
5 changes: 5 additions & 0 deletions templates/solutions/cloud-native-development/form-data.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,11 @@
"id": "about-you",
"noCommentsFromLead": true,
"fields": [
{
"type": "tel",
"id": "phone",
"label": "Phone number"
},
{
"type": "text",
"id": "company",
Expand Down
75 changes: 27 additions & 48 deletions templates/solutions/cloud-native-development/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,16 +51,14 @@ <h2>Why Canonical?</h2>
</section>

<section class="p-section">
<div class="row--50-50-on-large">
<div class="row--50-50">
<hr class="p-rule" />
<div class="col">
<div class="p-section--shallow">
<h2>Let us handle the dependencies</h2>
</div>
<h2>Let us handle the dependencies</h2>
</div>
<div class="col">
<div class="p-section--shallow">
<div class="p-image-container u-hide--medium u-hide--small">
<div class="p-section--shallow u-hide--medium u-hide--small">
<div class="p-image-container">
{{ image(url="https://assets.ubuntu.com/v1/42890a16-Let us handle the dependencies.png",
alt="",
width="1800",
Expand All @@ -87,30 +85,15 @@ <h2>Let us handle the dependencies</h2>
</div>
</div>
</section>

<hr class="p-rule is-fixed-width u-no-margin--bottom" />

<section class="p-strip is-deep">
<div class="u-fixed-width">
<p class="p-heading--2">
Research shows 9 out of 10 companies prefer to
<br class="u-hide--small u-hide--medium" />
pull packages from their OS.
</p>
</div>
</section>

<section class="p-section">
<div class="row--50-50-on-large">
<div class="row--50-50">
<hr class="p-rule" />
<div class="col">
<div class="p-section--shallow">
<h2>Deploy and move forward</h2>
</div>
<h2>Deploy and move forward</h2>
</div>
<div class="col">
<div class="p-section--shallow">
<div class="p-image-container u-hide--medium u-hide--small">
<div class="p-section--shallow u-hide--medium u-hide--small">
<div class="p-image-container">
{{ image(url="https://assets.ubuntu.com/v1/cb2c0edf-Deploy and move forward.png",
alt="",
width="1800",
Expand Down Expand Up @@ -139,9 +122,7 @@ <h2>Deploy and move forward</h2>
<div class="row--50-50-on-large">
<hr class="p-rule" />
<div class="col">
<div class="p-section--shallow">
<h2>Run your apps on any cloud</h2>
</div>
<h2>Run your apps on any cloud</h2>
</div>
<div class="col">
<div>
Expand Down Expand Up @@ -220,16 +201,14 @@ <h2 class="p-muted-heading">Our public cloud partners</h2>
</section>

<section class="p-section">
<div class="row--50-50-on-large">
<div class="row--50-50">
<hr class="p-rule" />
<div class="col">
<div class="p-section--shallow">
<h2>
One subscription.
<br />
No surprises.
</h2>
</div>
<h2>
One subscription.
<br />
No surprises.
</h2>
</div>
<div class="col">
<div>
Expand All @@ -247,7 +226,7 @@ <h2>

<section class="p-section">
<hr class="is-fixed-width p-rule" />
<div class="row--50-50-on-large">
<div class="row--50-50">
<div class="col">
<h2>
Choose your
Expand Down Expand Up @@ -380,15 +359,15 @@ <h2 class="p-text--small-caps">What our customers say</h2>
<div class="p-section--shallow col-6 col-medium-4">
<p>
<i>
“We wanted one service provider for the whole on-premise cloud consisting not only of Kubernetes but also the Ceph storage solution, PostgreSQL and Kafka. These were all the services that were needed and with Canonical we could have one joined-up approach.”.
“We wanted one service provider for the whole on-premise cloud consisting not only of Kubernetes but also the Ceph storage solution, PostgreSQL and Kafka. These were all the services that were needed and with Canonical we could have one joined-up approach.”
</i>
</p>
<hr class="p-rule" />
<div class="row">
<div class="col-3 col-medium-2">
<h5>Michael Hawkshaw</h5>
<div class="col-2 col-medium-2">
<p class="u-no-margin--bottom">Michael Hawkshaw</p>
</div>
<div class="col-3 col-medium-2">
<div class="col-4 col-medium-2">
<p class="u-text--muted">ESA Mission Operations Infrastructure IT Service Manager</p>
</div>
</div>
Expand All @@ -413,10 +392,10 @@ <h5>Michael Hawkshaw</h5>
</p>
<hr class="p-rule" />
<div class="row">
<div class="col-3 col-medium-2">
<h5>Miguel Rodríguez</h5>
<div class="col-2 col-medium-2">
<p class="u-no-margin--bottom">Miguel Rodríguez</p>
</div>
<div class="col-3 col-medium-2">
<div class="col-4 col-medium-2">
<p class="u-text--muted">IT Project Manager, Atresmedia</p>
</div>
</div>
Expand All @@ -441,10 +420,10 @@ <h5>Miguel Rodríguez</h5>
</p>
<hr class="p-rule" />
<div class="row">
<div class="col-3 col-medium-2">
<h5>Greg McCall</h5>
<div class="col-2 col-medium-2">
<p class="u-no-margin--bottom">Greg McCall</p>
</div>
<div class="col-3 col-medium-2">
<div class="col-4 col-medium-2">
<p class="u-text--muted">Chief Networks Officer, BT Group</p>
</div>
</div>
Expand All @@ -471,7 +450,7 @@ <h2>More resources</h2>
</li>
<li class="p-list__item u-no-padding--bottom">
<p>
<a href="https://ubuntu.com/engage/European-space-agency-case-study">Learn from our customers: European Space Agency</a>
<a href="/case-study/esa">Learn from our customers: European Space Agency</a>
</p>
<p>Read the case study to find out how ESA modernized its infrastructure with Canonical Kubernetes.</p>
</li>
Expand Down

0 comments on commit 5d97fd0

Please sign in to comment.