Dev Guide Page

Last updated 12/18/24

Dev Notes

Section Naming Convention: This site follows the new Section Naming Convention. Please continue to follow the convention and refer to the documentation for guidance.

Typography

These typography classes are applied throughout the site. These classes can be applied to any text html element and will work. In some cases module-specific classes extend one of the below listed typography classes. For example, ".section4__page-hl" extends the "heading1" class.

Headline1 - Aeroport Bold 50px (3.125em) (.heading1)

Headline2 - Aeroport Bold 40px (2.5em) (.heading2)

Headline3 - Aeroport Bold 30px (1.875em) (.heading3)

Headline4 - Aeroport Regular 24px (1.5em) (.heading4)

Body Copy - TUI Typelight Regular 16px (.body-copy)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum aliquet nunc, at interdum ex egestas varius. Donec vel fermentum justo, quis maximus lectus. Cras porta feugiat ultrices.

Body Copy Bold - TUI Typelight Regular 16px (.body-copy-bold)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum aliquet nunc, at interdum ex egestas varius. Donec vel fermentum justo, quis maximus lectus. Cras porta feugiat ultrices.

Body Copy Small - TUI Typelight Regular 14px (.body-copy-small)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum aliquet nunc, at interdum ex egestas varius. Donec vel fermentum justo, quis maximus lectus. Cras porta feugiat ultrices.

Buttons and Links

A mixin is available for solid buttons (@mixin solid-button) and border buttons (@mixin border-button). The premade classes below use the default button height of 37px tall.

Primary Button .button-primary
.button-secondary
.button-tertiary

Color Variables

CSS variables are used for the colors. The sass variables are assigned the css variable values.

Primary palette

Sass Variable: $bat-dark-blue
Sass Variable: $bat-mid-blue
Sass Variable: $bat-cyan
Sass Variable: $bat-orange

Secondary palette

Sass Variable: $bat-yellow
Sass Variable: $bat-green
Sass Variable: $bat-light-green
Sass Variable: $bat-purple
Sass Variable: $bat-magenta

Neutral palette

Sass Variable: $black
Sass Variable: $white

Section Name: Hero - (Section 1)

CMS Enabled? No

Section Catalog: Use Existing

Build a brave, new
Smokeless World

We’ve been busy over the last 122 years, but nothing feels as exciting as where we are today. We have reached a key milestone of 18% of our group revenue coming from smokeless products in H1 2024. But what exactly are these new product categories?

Vapour

Vapour products are battery-powered devices that heat liquid formulations – e-liquids – to create a vapour which is inhaled. Most e-liquids contain water, propylene glycol and glycerol, flavourings and nicotine, although some e-liquids don’t contain any nicotine. The products contain no tobacco and no combustion takes place.

Heated Products

Tobacco Heating Products (THPs) are devices that heat tobacco to generate an aerosol. Our flagship THP brand, glo, comprises an electronic handheld device that contains a lithium-ion battery which powers a heating chamber. A specially designed rod containing homogenised tobacco, called a Neostik, is then inserted into the device.

Personalised Jobs

View more jobs

You haven't viewed any jobs yet

You haven't saved any jobs yet.

Grow Your Skills

International Exposure

Take on an international role within our global business.

After just a few months, you’ll start to gain international exposure, working with colleagues across our global business. This is a great way to learn more about our local and global strategies. To build a useful international network. To show us your leadership potential. And raise your profile across our global business.

Grow Your Skills

World-Class Learning

Develop your future focused skills and drive

With access to a whole range of training opportunities, you can develop your skillset in a number of ways. From foundation courses to local training as well over 3000 online courses, you'll enjoy a holistic approach to your learning that allows you to take the right path for you.

Grow Your Skills

BAT Academy

In your first year, you'll meet up with other BAT graduates from across the globe for a two-week-long course. This will be your opportunity to understand how our business affects the wider world, while exploring our portfolio of products.

In these two weeks, you’ll learn from leaders, gaining the functional, commercial and leadership skills you’ll need for a future with BAT. The Academy is a great way to build your professional network as you meet fellow graduates and share experiences.

DEV MODULE: Slider Syncing - (Section 32)

CMS Enable: FALSE

Notes: Dev Module

Social Wellbeing

Wellbeing is better when it’s shared. Benefits that foster a sense of community and connection among employees. The more time we make to give back and share what it means to live well with the communities around us, the closer we’ll be to them. We encourage positive social interactions inside and outside BAT, enhance collaboration, and create a supportive work environment where employees feel valued and connected.

Emotional Wellbeing

Balancing work and life to help you recharge and stay resilient. Benefits and initiatives that are designed to bolster our employees' mental health. At BAT we're fostering a culture of to help our employees to better manage life’s pressures and build resilience, no matter what life throws your way.

Physical Wellbeing

Good health is the cornerstone that allows everything else in our lives to align. Benefits that support our employees' physical health, expand coverage where needed it and promote healthy lifestyles, reducing stress and boosting overall energy and productivity.

Financial Wellbeing

Peace of mind is priceless, but it shouldn’t cost the earth. Benefits and initiatives designed to assist you in achieving financial stability and security, empowering you to make well informed financial decisions, alleviate financial stress, and enhance your short and long-term prospects.

DEV MODULE: 3 Col Intro with Slider and Videos - (Section 33)

CMS Enable: FALSE

Notes: Dev Module

Be yourself. Together.

At BAT, diversity and inclusion are not just buzzwords—they are integral to our strategic vision and the core of who we are. Our Truly Inclusive value drives a culture where every individual feels a sense of belonging and can thrive. We believe that fostering an inclusive environment starts with self-awareness and is nurtured through psychological safety. By encouraging open dialogue and mutual respect, we create a workplace where everyone can bring their best selves to work. Join us and be part of a team that celebrates diversity, promotes inclusion, and is committed to making a positive impact. Together, we can achieve A Better Tomorrow™.

Women in STEM

Industry First Recognition

Employment Principles

Diversity Initiatives

B United at BAT

Women in BAT

Inclusion Week

DEV MODULE: Slick Slider - (Section 34)

CMS Enable: FALSE

Notes: Dev Module

Belong to a team that believes in you

DEV MODULE: Slick Slider - (Section 37)

CMS Enable: FALSE

Notes: Dev Module

Tips from our Recruiters

DEV MODULE: (Section 14) - Tablist

CMS Enable: FALSE

Notes: Dev Module

Marketing

View Jobs

Research & Development

View Jobs

Finance

View Jobs

Operations

View Jobs

Legal Affairs

View Jobs

Human Resources

View Jobs

Corporate and Regulatory Affairs

View Jobs

Digital Business Solutions

View Jobs

DEV MODULE: (Section 13) - Accordion

CMS Enable: FALSE

Notes: Dev Module

We have reached a key milestone of 18% of our group revenue coming from smokeless products in H1 2024. But what exactly are these new product categories?

Digital Business Solutions

Cutting-edge technological advancements are spearheading some of the most exciting changes in our history here at BAT. With innovation thriving throughout every inch of our business, we’re transforming our industry by offering adult consumers a range of new category products. But we’re only just getting started and there’s so much more to come as we infuse digital within our DNA.

You’ll enjoy having responsibility from day one to key projects supporting our digital transformation. We are implementing cutting-edge technologies across all areas of the business – with your support!

Finance

As finance managers, we don't just set budgets and report results. We’re decision makers and business partners. Operating at the heart of a multi-billion-pound global business. Advising on the allocation of resources for brand investment. Working with different functions to evaluate and improve returns. And managing the delivery of consistent profit growth.

First, you’ll build commercial experience in one of our end markets. Then you’ll have plenty of opportunities to develop your financial knowledge. This could be in Corporate Finance, Corporate Tax, Treasury, Audit, Mergers and Acquisitions or one of our regional finance shared service centres.