Skip to main content

Cover Block - Full screen - Video

Welcome to
Andover Wheelers

Notes:

  • Needs a play/pause control to be WCAG 2.1 AA compliant. This is added dynamically using JavaScript to all Cover blocks with video as the background media.
  • This component will underlay the page header if placed as the first component in a page. The class underlay-header is necessary on the Cover block for this to occur.
  • This instance of the component uses as H1 heading tag, as it is expected that the large text will also be the H1 tag for a page. Please note that only one H1 tag should be present on a page.
  • The heading tag has a GOV.UK Design System (GDS) typography override class applied to it, govuk-!-font-size-80, to enlarge the text.
  • The button styles can be chosen using the WYSIWYG editor as required.
  • A blue colour gradient overlay has been applied to this instance using the WYSIWYG editor.

Cover Block - Full screen - Image

Club Rides

Notes:

  • This component will underlay the page header if placed as the first component in a page. The class underlay-header is necessary on the cover block for this to occur.
  • The heading tag in this instance has been positioned using the position control of the Cover block.
  • This instance of the component uses as H1 heading tag, as it is expected that the large text will also be the H1 tag for a page. Please note that only one H1 tag should be present on a page.
  • The heading tag has a GOV.UK Design System typography override class applied to it, govuk-!-font-size-80, to enlarge the text.
  • A solid black opacity gradient has been applied to this instance using the WYSIWYG editor.

Cover Block - Full width - Video

Welcome to
Andover Wheelers

Notes:


Cover Block - Full width - Image

Club Rides

Notes:


Cover Block - Banners

We are Britain's Ocean City. A confident and growing city which is undergoing a cultural revolution, from our exceptional creative industry to our international marine sector

There is quite simply nowhere better to live, work and play than Plymouth. 

Notes:

  • The Cover block is highly adaptable and banners can be easily created using a combination of the Cover block's content position, along with Columns and Group WYSIWYG components.
  • The order of columns can be controlled using the WYSIWYG editor, as can the width of the Cover block.

We are Britain's Ocean City. A confident and growing city which is undergoing a cultural revolution, from our exceptional creative industry to our international marine sector

There is quite simply nowhere better to live, work and play than Plymouth. 

  • Multiple Columns elements can be added as required. Equally the Cover block can be toggled to be full screen and have a fixed background:
Bike icon

15th

Largest city in the UK

We are Britain's Ocean City. A confident and growing city which is undergoing a cultural revolution, from our exceptional creative industry to our international marine sector

There is quite simply nowhere better to live, work and play than Plymouth. 

Columns - Cards - Full width

How can we help?

Andover Wheelers chaingang ride in the summer sun

Find business space

Discover your perfect workspace with our Find Space service.

Andover Wheelers chaingang ride in the summer sun

Business support

Find out how Invest Plymouth can help your business.

Andover Wheelers chaingang ride in the summer sun

Investment opportunities

Prime investment opportunities for savvy investors.

Notes:

Columns - Cards - Wide width

There is quite simply nowhere better to live, work and play than Plymouth.

There is quite simply nowhere better to live, work and play than Plymouth.

Notes:


Columns - Icon Cards

Variant A

Notes:

  • Spacing between heading link and icons is controlled using a WYSIWYG "Spacer" component.
  • Icons are added using FontAwesome but equally SVG images could be used.

Full width image

Notes:

  • Minimum height is set manually as an option in the WYSIWYG editor.

Full width image - Parallax

Notes:

  • Same as the Full Width Image component, but with "Fixed background" box checked.

Headings

This section is present to demonstrate the styling of headings in the site.

Heading 2

Heading 3

Heading 4

Heading 5

Notes:

  • The styles above have been applied using "Font size" WYSIWYG editor control, along with custom colour overrides. This avoids the demo heading text being surfaced in the dynamic "Table of Contents" block at the top of this page.

Lead Text

Welcome to Plymouth, a thriving coastal city with a rich maritime legacy. Strategically located in the South West, Plymouth offers a prime business environment amidst historical charm. Benefit from well-connected infrastructure, a skilled workforce, and a dynamic economy. The city's waterfront, historic Barbican, and Royal William Yard provide a unique backdrop for networking and leisure. Explore opportunities in a city where tradition meets innovation, making Plymouth an ideal destination for business success and quality of life.

Notes:

  • Created using a centrally aligned single column, applying the "Lead Paragraph" font size using the WYSIWYG editor.
  • Can be combined with other components such as Headings and Buttons to good effect:

Plymouth's Key Business Sectors

Plymouth boasts a diverse economic landscape, with key business sectors driving its growth. The city is a maritime hub, leveraging its historic naval roots for modern marine technology and defence industries. Education plays a vital role, anchored by 3 universities, fostering innovation and research. Additionally, the city is emerging as a vibrant centre for creative industries. These sectors collectively position Plymouth as a dynamic destination for business, offering a blend of tradition and innovation.

Notes:

  • The heading text styling above have been applied using the "Font size" WYSIWYG editor control, along with a custom colour override. This avoids the demo heading text being surfaced in the dynamic "Table of Contents" block at the top of this page.

Text content section

This section is present to demonstrate the styling of normal body copy in the site.

The Innovation District model is known worldwide as an effective way of developing new ideas, technologies, and business practices. Bursting with energy, passion, and creativity, Glasgow City Region is perfectly placed to benefit from this blueprint.

Innovation Districts:

Each of the three Innovation Districts have a clearly delineated research, technology, industry and environmental focus, ranging from Advanced Manufacturing to Precision Medicine, Renewable Energy to MedTech and FinTech to Quantum – core strengths in key growth sectors and a strong portfolio of access points for industry and business investment into Scotland and the UK.

Andover Wheelers chaingang ride in the summer sun
First aid training taking place.

Glasgow’s Innovation Districts are anchored by the international and industry research strengths of the city’s two principal research-intensive universities – the University of Strathclyde and the University of Glasgow - internationally recognised for their strengths in science, technology, engineering, medicine, business and other fields. After London, Glasgow has one of the largest concentrations of higher education provision in the UK and its research base and skilled graduates are a key component of the city’s economic offer.

Morgan Stanley

Morgan Stanley initially set up in Glasgow in 2000 with a small team of six locally recruited employees to manage a specific settlements function from London.

Such was the success of this team, another locally recruited small team joined them very soon after to manage a wealth management function. Today, Morgan Stanley’s city centre operation is its second largest operation in Europe and fifth largest globally, having expanded to 1,610 employees working across a range of divisions including Finance and Technology Data and Operations and Funding. In 2018 Morgan Stanley strengthened its long-term partnership with Glasgow by relocating all company employees in Scotland into a new 155,000 sq ft Grade A purpose-built office building.

"We looked at Scotland as a key supply for talent first and foremost, and chose Glasgow as a great fit for Morgan Stanley.  Much of that was to do with the infrastructure, the number of universities we have here, and the relative cost to the organisation in aspects like real estate."

John McGrory, Managing Director, Morgan Stanley

Latest news block

Andover Wheelers club run
Informational Page

We have club runs every weekend of the year. They're a great way to discover routes and places you may not have visited before.

Informational Page

We hold a full calendar of Time Trials, running most Tuesdays from April all the way to September.

Notes:

  • Controlled using "Content: News" blocks in the WYSIWYG editor that embed content items in a page.
  • The "horiztonal" news item style is controlled by applying a custom class, content-embed--horizontal.
  • The 3 column layout is controlled using the "Columns" WYSIWYG component as per normal.
  • The button to read all News items is just a stadnard "Buttons" WYSIWYG component.

Child page list

Notes:

  • Link text applies the "Heading L" font size using the WYSIWYG editor.

Child page list - With Summary text

Andover Wheelers chaingang ride in the summer sun

Strong economy

With a growing population of 263,000, an economic output of £5.2 billion and 105,100 jobs, Plymouth is the most significant urban area on the South West peninsula. A further 100,000 people live within the city’s travel to work area.

Andover Wheelers chaingang ride in the summer sun

Quality of life

Located at the heart of the South West, Plymouth is a city by the sea with so much to offer. With an amazing quality of life, stunning waterfront location, vibrant city centre and fascinating maritime history, there is quite simply nowhere better to live, work and play than Britain’s Ocean City.


Data columns

Bike icon

15th

Largest city in the UK

Bike icon

360,000

People in travel-to-work area

Bike icon

25%

Cheaper housing than UK average

Notes:

  • Combines a Cover block with Columns block.
  • The icons are SVG files added via the CMS's Media library, as per normal, and they have their hieght and width set to be 150px using the WYWIWYG editor.
  • The solid background can be substituted for a media item using the WYSIWYG editor.
Bike icon

15th

Largest city in the UK

Bike icon

360,000

People in travel-to-work area

Bike icon

25%

Cheaper housing than UK average

  • Equally it's possible to enable a fixed background for a parallax effect and control the height of the block using the WYSIWYG editor.
Bike icon

15th

Largest city in the UK

Bike icon

360,000

People in travel-to-work area

Bike icon

25%

Cheaper housing than UK average


Logo blocks

Andover Wheelers chaingang ride in the summer sun
Andover Wheelers chaingang ride in the summer sun
Andover Wheelers chaingang ride in the summer sun
Andover Wheelers chaingang ride in the summer sun

Notes:

  • A simple column set with centrally and vertically aligned images placed within each column.
  • Each row is a separate column set to avoid spacing issues and ensure that columns wrap on mobiles in a logical order.

Quote

Before you criticize someone, you should walk a mile in their shoes. That way when you criticize them, you are a mile away from them and you have their shoes.

Jack Handey

Notes:

  • Can be overlayed on Cover blocks to augment a banner. Most likely you will want to wrap the content in a Group element to control it's background colour.

Pullquote

Before you criticize someone, you should walk a mile in their shoes. That way when you criticize them, you are a mile away from them and you have their shoes.

Jack Handey

Notes:

  • As per the Quote CMS component.

Media text

Andover Wheelers chaingang ride in the summer sun

Why Plymouth?

Plymouth is an optimal business location, boasting strategic connectivity, a supportive entrepreneurial environment, and a substantial economic presence. Recognized for its business-friendliness, the city offers a competitive and skilled workforce nurtured by three universities and a commitment to STEM initiatives. Plymouth's high quality of life, affordability, and focus on innovation create a compelling setting for businesses seeking growth and success in a dynamic and culturally vibrant community.

Notes:

  • The heading text styling above have been applied using the "Font size" WYSIWYG editor control, along with a custom colour override. This avoids the demo heading text being surfaced in the dynamic "Table of Contents" block at the top of this page.
  • The WYSIWYG editor allows reversing of the media and content elements. It also allows the width of the components to be adjusted.
  • A class of "overlap" can be applied to cause the medai and text components to overlap each other:
Andover Wheelers chaingang ride in the summer sun

We are Britain's Ocean City. A confident and growing city which is undergoing a cultural revolution, from our exceptional creative industry to our international marine sector

There is quite simply nowhere better to live, work and play than Plymouth. 


Embedded content item

Andover Wheelers club run
Informational Page

We have club runs every weekend of the year. They're a great way to discover routes and places you may not have visited before.

Notes:

  • Controlled using "Content: *" blocks in the WYSIWYG editor that embed content items in a page.
  • The "horiztonal" news item style is controlled by applying a custom class, content-embed--horizontal.

Accordion

Accordion Item #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Accordion Item #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Accordion Item #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Notes:


Andover Wheelers group photo
Informational Page

Whether you’re a complete beginner or already an experienced cyclist there is plenty to be gained by joining Andover Wheelers Cycling Club.

Andover Wheelers group photo
Informational Page

Whether you’re a complete beginner or already an experienced cyclist there is plenty to be gained by joining Andover Wheelers Cycling Club.

Notes:

  • Uses "embedded content" WYSIWYG blocks, as per the Latest News CMS component.