canonical · petesfrench · Mar 4, 2025 · Mar 4, 2025 · Mar 4, 2025 · Mar 5, 2025
diff --git a/navigation.yaml b/navigation.yaml
@@ -608,6 +608,9 @@ careers:
       - title: Web and Design
         url: /careers/web-and-design
         slug: web-and-design
+      - title: Alliances
+        url: /careers/alliances
+        slug: alliances
       - title: Project management
         url: /careers/project-management
         slug: project-management

diff --git a/static/sass/styles.scss b/static/sass/styles.scss
@@ -317,6 +317,10 @@ $p-small-lh-diff: map-get($line-heights, default-text) -
       &:hover {
         text-decoration: underline;
       }
+      @media screen and (min-width: $breakpoint-large) {
+        font-size: #{map-get($font-sizes, h3-mobile)}rem;
+        line-height: map-get($line-heights, h3-mobile);
+      }
     }
 
     .p-department-cards__icon {
@@ -340,6 +344,10 @@ $p-small-lh-diff: map-get($line-heights, default-text) -
       height: 2.25rem;
       padding-right: $spv--small;
       width: 2.25rem;
+
+      @media screen and (min-width: $breakpoint-large) {
+        margin-bottom: $spv--large;
+      }
     }
   }
 }

diff --git a/templates/careers/_base-department.html b/templates/careers/_base-department.html
@@ -29,7 +29,7 @@ <h1 class="p-heading--2">
 {% endif %}
 
 {% if fast_track_jobs %}
-  {% include 'shared/_engineering-fast-track.html' %}
+  {% include 'careers/includes/_fast-track-jobs.html' %}
 {% endif %}
 
 {% if featured_jobs and not fast_track_jobs %}
@@ -38,17 +38,19 @@ <h1 class="p-heading--2">
 
 <section class="p-section">
   <hr class="is-fixed-width p-rule" />
-  <div class="row u-extra-space">
-    <div class="col-6 col-medium-3">
-      <h2 class="p-text--x-small-capitalised u-align-text--x-small-to-default">Working here</h2>
-      <h3 class="p-heading--2">{{ block_1_subheading }}</h3>
-    </div>
-    <div class="col-6 col-medium-3">
-      {% for paragraph in block_1_text %}<p>{{ paragraph | safe }}</p>{% endfor %}
+  <div class="p-section--shallow">
+    <div class="row">
+      <div class="col-6 col-medium-3">
+        <h2 class="p-text--x-small-capitalised u-align-text--x-small-to-default u-no-margin">Working here</h2>
+        <h3 class="p-heading--2">{{ block_1_subheading }}</h3>
+      </div>
+      <div class="col-6 col-medium-3">
+        {% for paragraph in block_1_text %}<p>{{ paragraph | safe }}</p>{% endfor %}
+      </div>
     </div>
   </div>
   <div class="p-section--shallow">
-    <div class="u-fixed-width u-hide--small u-hide--medium">
+    <div class="u-fixed-width">
       {{ image(url=image_url,
             alt="",
             width=image_width,
@@ -87,90 +89,99 @@ <h3 class="p-heading--2">{{ block_3_subheading }}</h3>
   </div>
 </section>
 
-<section class="p-section">
-  <hr class="is-fixed-width p-rule" />
-  <div class="u-fixed-width">
-    <h2>See for yourself the work we're doing</h2>
-  </div>
-  <div class="row">
-    <div class="col-6 col-medium-3 col-start-large-7 col-start-medium-4">
-      <ul class="p-inline-list is-inlined-with-h2">
-        <li class="p-inline-list__item">
-          <a class="p-icon--github"
-             href="https://github.com/canonical"
-             data-size="large"
-             aria-label="Follow @canonical on GitHub"></a>
-        </li>
-        <li class="p-inline-list__item">
-          <a href="https://www.linkedin.com/company/234280"
-             class="p-icon--linkedin">LinkedIn</a>
-        </li>
-        <li class="p-inline-list__item">
-          <a href="https://twitter.com/Canonical" class="p-icon--twitter">Twitter</a>
-        </li>
-        <li class="p-inline-list__item">
-          <a href="https://www.youtube.com/user/celebrateubuntu"
-             class="p-icon--youtube">YouTube</a>
-        </li>
-      </ul>
+{% if not exclude_socials %}
+  <section class="p-section">
+    <hr class="is-fixed-width p-rule" />
+    <div class="u-fixed-width">
+      <h2>See for yourself the work we're doing</h2>
     </div>
-  </div>
-</section>
+    <div class="row">
+      <div class="col-6 col-medium-3 col-start-large-7 col-start-medium-4">
+        <ul class="p-inline-list is-inlined-with-h2">
+          <li class="p-inline-list__item">
+            <a class="p-icon--github"
+               href="https://github.com/canonical"
+               data-size="large"
+               aria-label="Follow @canonical on GitHub"></a>
+          </li>
+          <li class="p-inline-list__item">
+            <a href="https://www.linkedin.com/company/234280"
+               class="p-icon--linkedin">LinkedIn</a>
+          </li>
+          <li class="p-inline-list__item">
+            <a href="https://twitter.com/Canonical" class="p-icon--twitter">Twitter</a>
+          </li>
+          <li class="p-inline-list__item">
+            <a href="https://www.youtube.com/user/celebrateubuntu"
+               class="p-icon--youtube">YouTube</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </section>
+{% endif %}
 
-{% with section_classes='p-strip', heading_topic=blog_heading_topic, tag_id=blog_tag_id, limit="3" %}
-  <noscript>
-    <section class="p-section u-hide {% if section_classes %}{{ section_classes }}{% else %}p-strip{% endif %}"
+{% if blog_heading_topic and blog_tag_id %}
+  {% with section_classes='p-strip', heading_topic=blog_heading_topic, tag_id=blog_tag_id, limit="3" %}
+    <noscript>
+      <section class="p-section u-hide {% if section_classes %}{{ section_classes }}{% else %}p-strip{% endif %}"
+               data-js="latest-news">
+        <div class="row">
+          <h2 class="p-text--x-small-capitalised u-align-text--x-small-to-default p-rule">Blogs</h2>
+          <h3 class="p-heading--2">
+            Find out more about <a href="/blog/tag/{{ department.name }}">{{ heading_topic }}</a>
+          </h3>
+        </div>
+      </section>
+    </noscript>
+
+    <section class="u-no-padding--top p-section u-hide {% if section_classes %}{{ section_classes }}{% else %}p-section{% endif %}"
              data-js="latest-news">
+      <hr class="is-fixed-width p-rule" />
       <div class="row">
-        <h2 class="p-text--x-small-capitalised u-align-text--x-small-to-default p-rule">Blogs</h2>
-        <h3 class="p-heading--2">
-          Find out more about <a href="/blog/tag/{{ department.name }}">{{ heading_topic }}</a>
-        </h3>
-      </div>
-    </section>
-  </noscript>
-
-  <section class="u-no-padding--top p-section u-hide {% if section_classes %}{{ section_classes }}{% else %}p-section{% endif %}"
-           data-js="latest-news">
-    <hr class="is-fixed-width p-rule" />
-    <div class="row">
-      <div class="col-6 col-medium-3">
-        <h2 class="p-text--x-small-capitalised u-align-text--x-small-to-default">Blogs</h2>
-        <h3 class="p-heading--2">
-          Find out more about
-          <br class="u-hide--small" />
-          {{ heading_topic }}
-        </h3>
-      </div>
-      <div id="latest-articles"
-           class="col-6 col-medium-3"
-           style="padding-top: 0.5rem">
-        <div style="min-height: 9.1rem">
-          <i class="p-icon--spinner u-animation--spin">Loading...</i>
+        <div class="col-6 col-medium-3">
+          <h2 class="p-text--x-small-capitalised u-align-text--x-small-to-default">Blogs</h2>
+          <h3 class="p-heading--2">
+            Find out more about
+            <br class="u-hide--small" />
+            {{ heading_topic }}
+          </h3>
+        </div>
+        <div id="latest-articles"
+             class="col-6 col-medium-3"
+             style="padding-top: 0.5rem">
+          <div style="min-height: 9.1rem">
+            <i class="p-icon--spinner u-animation--spin">Loading...</i>
+          </div>
         </div>
       </div>
-    </div>
-    <template style="display:none" id="articles-template">
-      <article class="u-extra-space">
-        <div class="blog-p-card__content">
-          <hr class="p-rule" />
+      <template style="display:none" id="articles-template">
+        <article class="u-extra-space">
+          <div class="blog-p-card__content">
+            <hr class="p-rule" />
             <a class="article-link article-title p-heading--5" href=""></a>
-          <p class="article-excerpt"></p>
-        </div>
-      </article>
-    </template>
-    <script src="{{ versioned_static('js/modules/latest-news/latest-news.js') }}"></script>
-    <script>
-      canonicalLatestNews.fetchLatestNews(
-        {
+            <p class="article-excerpt"></p>
+          </div>
+        </article>
+      </template>
+      <script src="{{ versioned_static('js/modules/latest-news/latest-news.js') }}"></script>
+      {# djlint: off #}
+      <script>
+        canonicalLatestNews.fetchLatestNews({
           articlesContainerSelector: "#latest-articles",
           articleTemplateSelector: "#articles-template",
           hostname: "canonical.com",
           {% if tag_id %}tagId: "{{ blog_tag_id }}",{% endif %}
           {% if limit %}limit: "3",{% endif %}
-        }
-      )
-    </script>
-  </section>
-{% endwith %}
+        })
+</script>
+      {# djlint: on #}
+    </section>
+  {% endwith %}
+{% endif %}
+
+{% if custom_blog_section %}
+  {% include custom_blog_section %}
+{% endif %}
+
 <script async defer src="https://buttons.github.io/buttons.js"></script>
diff --git a/templates/careers/alliances.html b/templates/careers/alliances.html
@@ -0,0 +1,40 @@
+{% extends 'base_index.html' %}
+
+{% block meta_copydoc %}
+  https://docs.google.com/document/d/1ZzfhOZkGD802LI0g80CvC4seiT4__Gutpv4LVKkOIbM/edit?tab=t.0
+{% endblock meta_copydoc %}
+
+{% block title %}Alliances & Channels | Careers{% endblock %}
+
+{% block meta_description %}
+  Shape the future of enterprise technology by ensuring brands, services integrators and channel partners can operate business at scale with Canonical offerings.
+{% endblock %}
+
+{% block body_class %}
+  is-paper
+{% endblock body_class %}
+
+{% block content %}
+  {% with
+    department=department,
+    claim="At Canonical, we shape the future of enterprise technology. Our Alliances and Channels team is making sure all technology brands, service integrators, and channel partners are set to operate business at scale with Canonical offerings to fuel growth.",
+    custom_categories_section="careers/includes/_alliances-intro.html",
+    fast_track_jobs=True,
+    block_1_subheading="Projects you'll work on",
+    block_1_text=["Each alliance or channel sales director is focused on enabling a select number of strategic partners &ndash; from Dell to NVIDIA, AWS to Accenture, Qualcomm to CDW &ndash; with open source expertise all backed by Canonical services. We are helping them build their operations and customer projects with enterprise grade open source, with world class security and automation in mind, so they can deliver it at scale to any enterprise of any size in any geography.
+    "],
+    image_url='https://assets.ubuntu.com/v1/d5db6625-hero.png',
+    image_width="1848",
+    image_height="770",
+    block_2_heading="Alliances and Channels at Canonical",
+    block_2_text=["Open source is transforming the world, and AI is only the tip of that iceberg. From OpenAI to DeepSeek, from NVIDIA to public clouds; this is all happening on Ubuntu with Canonical's help. Open source is no longer a developer's monopoly. It is becoming the foundation of enterprise software, and our goal is to enable all major tech and services brands with open source so that they can benefit across the globe."],
+    block_3_subheading="Who you are",
+    block_3_text=["Your approach is consultative, you are results-oriented and goal-oriented, you are resilient when partners' doors do not open immediately, and you know how to invest your time to maximize the benefit for partners and the company.",
+    "You build long-term relationships and trust with your partners and you always promote the approach that is in the customer's best interests, regardless of short-term consequences. You are interested in the state of the art, you love to represent a company that knows how to transform partner and customer operations, and you are keen to see new tech brands benefit from that knowledge.",
+    "You are organized, persistent, self-driven, collaborative, and hard-working. You know how to navigate large and complex organizations, and how to identify strategic sponsors to move your agenda forward. You also know how to fuel a funnel, leverage sales, and map your own sales organization to that of your partners."],
+    custom_blog_section="careers/includes/_alliances-blog.html",
+    exclude_socials=True
+    %}
+    {% include "careers/_base-department.html" %}
+  {% endwith %}
+{% endblock content %}
diff --git a/templates/careers/includes/_alliances-blog.html b/templates/careers/includes/_alliances-blog.html
@@ -0,0 +1,40 @@
+<section class="p-section--deep">
+  <hr class="is-fixed-width p-rule" />
+  <div class="row">
+    <div class="col-6 col-medium-3">
+      <h2>
+        Success stories we drive
+        <br class="u-hide--small" />
+        with Alliances
+      </h2>
+    </div>
+    <div class="col-6 col-medium-3">
+      <article class="p-section--shallow">
+          <h3 class="p-heading--5">
+            <a href="/case-study/lucid-aws-fedramp-compliance-case-study">Lucid Software unlocks the ability to serve federal customers on AWS</a>
+          </h3>
+          <p>
+            Lucid needed to achieve FedRAMP compliance to deliver its visual collaboration tools hosted on AWS to US Federal agencies. By deploying Ubuntu Pro, Lucid acquired AWS-compatible and FIPS 140-2 certified packages and became FedRAMP compliant.
+          </p>
+      </article>
+      <article class="p-section--shallow">
+          <hr class="p-rule--muted u-no-margin--bottom" />
+          <h3 class="p-heading--5">
+            <a href="https://ubuntu.com/engage/university-of-alabama-at-birmingham-accelerates-research-with-canonical-and-dell">UAB accelerates research with Canonical and Dell</a>
+          </h3>
+          <p>
+            With the help of Canonical and Dell, the University of Alabama at Birmingham is empowering its researchers with modern, containerized applications and two new data centers.
+          </p>
+      </article>
+      <article class="p-section--shallow">
+          <hr class="p-rule--muted u-no-margin--bottom" />
+          <h3 class="p-heading--5">
+            <a href="https://ubuntu.com/engage/%20adlink-funcode-case-study">Taking AI-powered cameras to market at speed with Ubuntu on NVIDIA hardware</a>
+          </h3>
+          <p>
+            Learn how ADLINK and Funcode are revolutionizing industrial barcode scanning with the help of an operating system optimized for NVIDIA hardware.
+          </p>
+      </article>
+    </div>
+  </div>
+</section>
diff --git a/templates/careers/includes/_alliances-intro.html b/templates/careers/includes/_alliances-intro.html
@@ -0,0 +1,11 @@
+<section class="p-section">
+	<hr class="p-rule is-fixed-width" />
+  <div class="row--50-50">
+		<div class="col">
+			<h2 class="p-text--x-small-capitalised u-align-text--x-small-to-default">General sales & alliances track</h2>
+		</div>
+		<div class="col">
+			<p>Apply to the general track and we'll find the right role for you. You can also explore specific roles below.</p>
+		</div>
+	</div>
+</section>