This is an announcement banner. You can comment this out when not needed.

Your website is built with an theme to ensure consistency when building pages and adding content blocks.

This page shows you elements that can be selected and what they may look like when used on your site, we have also provided some additional classes that add specific styles built for you site as well as some defaults classes available for use. 

Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading 1

 

Heading 2

 

Heading 3

Heading 1

Heading 2

Heading 3

Heading 1

Heading 2

Heading 3

We have additional text classes, these are for increasing the size of the fonts for hero elements or sections when you need larger text without impacting the size of the h1, h2, h3 elements

heading-large

heading-med

heading-small

Buttons

Cards

Adding the class 'card' to the Advanced tab on a content block adds a border, rounded edges and a grey background. This can be combined with additional spacing classes, see below

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Spacing & Alignment Utilities

Bootstrap contains default spacing classes for content blocks, by adding the below, you can adjust the padding of content inside the block.

p-1

p-2

p-3

p-4

p-5

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

We can also even the block heights by adding h-100 to each content block along with other classes, this can provide a more uniform look

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Vertical Alignment

Vertical Alignment

Vertical alignment refers to the positioning of elements along the vertical axis within a row containing content blocks. This can be used for creating visually appealing and well-structured layouts. To achieve this you can add the following 'my-auto' to the Advanced box at a row level. (This must be added to the row, not the content block) 

Office Building, Building, Convention Center, Architecture

FAQs

Frequently Asked Questions

You can view the progress of your application click here to log into your online account. You’ll also be updated via email with any developments on your application, regardless of whether it’s been successful or unsuccessful. 

Unfortunately, we don’t accept speculative applications. For all current vacancies within SSE please click here or you can sign up to our Job Alerts here. 

Yes, we do. If you require any reasonable adjustments at any stage of our recruitment process, please contact the Recruitment Consultant looking after the vacancy. Their contact details can be found on the job advert or at the bottom of any emails you’ve received from them. 

To view all of your booked interview details, click here to log in to your online account, scroll to the bottom of the page and click “View Booking” next to the vacancy you’re interviewing for. If anything is unclear, please reach out to your Resourcing Consultant for clarification. 

The Teams invitation may be sent in the days leading up to or on the morning of your interview. If it gets to within an hour of your booked timeslot and you haven’t received your invitation, please reach out to your Resourcing Consultant. 

If you're unable to attend and want to reschedule, please contact admin.recruitment@sse.com. Whilst we can't guarantee it, we will try our best to accommodate you. 

To view the advert of the vacancy you’ve applied for, click here to log in to your online account click here to log in to your online account and click “View Application” next to the vacancy you’ve applied for.  

At the interview the assessors should advise on next steps and when you are likely to hear. It can vary from role to role and can take longer during peak holiday times, but if you are unsure, please speak with your Resourcing Consultant. 

Yes, absolutely, please just reach out to your Resourcing Consultant, who will arrange for the most appropriate person to provide it. 

For all further questions or queries please contact the Resourcing Consultant assigned to the vacancy. Their contact details will be on the original advert you applied to, which can be found on your online account (see above for how to view your advert). 

Blogs

Face, Head, Person, Smile, Photography, Portrait, Adult, Male, Man, Formal Wear
Green Careers Week - Fraser Hutton

My journey to a low carbon career Fraser Hutton, Deputy Project Director in Capital Development and Delivery at SSEN Transmission, joined in September 2023 after a 20-year career in the...

Read more
Person, Photography, Portrait, Coat, Jacket, Smile, Glasses, Adult, Male, Man
Green Careers Week - James Irvine

Making the move from Oil & Gas to Transmisson James Irvine, Delivery Project Manager,  reflects on his transition from a high-carbon to a low-carbon role with SSEN Transmission after spending...

Read more
Clothing, Hardhat, Helmet, Person, Worker, Adult, Female, Woman, Chair, Furniture
Black History Month - Chisomnazu Umeh

Meet Chisomnazu Umeh, Graduate Trainee I am Chisom, a graduate trainee in Renewables Engineering at SSE, where I have been focusing on solar and battery projects, rotating through different departments...

Read more

Jobs List Table

Jobs List Cards

To style the jobs list content block in a card layout, you can add 'job-list-cards' to the advanced section of the content block.

Carousel

Video

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Search bar

Teams

Avatar: Keri  McCool Keri McCool Digital Marketing Manager
Avatar: Kylie Cassidy Kylie Cassidy
Avatar: SSE Resourcing Team SSE Resourcing Team

Custom Elements

Parallax 

Machine, Motor, Engine, Turbine, Glove, Wind Turbine, Windmill, Adult, Person, Woman

3 rows are added, the top and bottom rows have an image block set to cover and the parallax class has been set at the row level. The block in the middle is a standard content block, no class is set on this.

Machine, Motor, Engine, Turbine, Glove, Wind Turbine, Windmill, Adult, Person, Woman

Eyebrow text

The below uses two classes added to the content block.

To add the green text above the heading, add text and style this as H5 you can use 'eyebrow-text' which will change the colour, size and style in uppercase.

Too add the line, add the above and following class to the content block 'eyebrow-text-line'

Machine, Motor, Engine, Turbine, Glove, Wind Turbine, Windmill, Adult, Person, Woman
Our people

Help us to power change

Be part of a better world of energy. With diverse career opportunities across the UK and Ireland, agile working and excellent benefits, find your future with SSE.

Find out more

Squares?

Machine, Motor, Engine, Turbine, Glove, Wind Turbine, Windmill, Adult, Person, Woman

When the Uncropped option is selected, adding the following classes automatically positions decorative squares at the image corners:

bg-square-top-right: Adds a square to the top-right corner of the image and another diagonally opposite in the bottom-left corner.
bg-square-top-left: Places a square in the top-left corner and a second one in the bottom-right corner.

These classes should be applied at the content block level.

To apply a color to the squares, use classes in the following format:

  1. square
  2. square position (e.g., bg-square-top-left, bg-square-top-right)
  3. square color selection (e.g., square-colour-one, square-colour-two, square-colour-three, square-colour-four)
    For example, to achieve a square in the top-left corner with the second color option, add the following class:

square bg-square-top-left square-colour-two

Apply this class at the content block level.

Machine, Motor, Engine, Turbine, Glove, Wind Turbine, Windmill, Adult, Person, Woman
Machine, Motor, Engine, Turbine, Glove, Wind Turbine, Windmill, Adult, Person, Woman
Machine, Motor, Engine, Turbine, Glove, Wind Turbine, Windmill, Adult, Person, Woman
Machine, Motor, Engine, Turbine, Glove, Wind Turbine, Windmill, Adult, Person, Woman
Machine, Motor, Engine, Turbine, Glove, Wind Turbine, Windmill, Adult, Person, Woman

SSE Information cards

Add sse-card to the text content block

279_9c_3912257_2832685734_4.jpg

Our locations

We have over 350 sites across the UK & Ireland, from bustling city centre offices to mountain-top wind farms in the most remote corners of the land.

Our Locations

31f_35a_3912257_2832690258_4.jpg

Benefits

We take care of our people with flexible benefits that support their wellbeing, finances, lifestyle, and personal growth.  

Employee Benefits

flexible-working.jpg

Flexible working

We trust our teams to know where they do their best work. We work flexibly, so our people can achieve their goals and have time for the other stuff that matters. 

Flexible Working

Styling of 6 columns

If using 6 columns in a row, these will now be broken up into 3 on top and 3 on bottom on tablet or small desktop displays

Safety_Line.pngSafety

If it's not safe we don't do it

Service_Line.pngService

We are a company that customers can rely on.

Efficiency_Line.pngEfficiency

We focus on what matters.

 

Sustainability_Line.pngSustainability

We do things responsibly to add long-term value.

Excellence_Line.pngExcellence

We continually improve the way we do things.

Teamwork_Line.pngTeamwork

We work together, respect each other and make a difference.

Symbol, Logo, Trademark

Productivity and performance 

We agree clear performance objectives and focus on output, not presence. 

Information cards

Use "info-card" to lift and style the card

Investors

Full-year results

2023/24

Our FY2023/24 results presentation was webcast live on Wednesday 22 May 2024. The webcast can be watched using the link below.

Button

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.