Cover Block - Full screen - Video
![](/sites/andoverwheelers/files/2023-08/360089596_1075316640519941_7710734403971812376_n.jpg)
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
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
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
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
Welcome to
Andover Wheelers
Notes:
- As per the Cover Block - Full screen - Video CMS component.
- No GDS font override class is applied in this case.
Cover Block - Full width - Image
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
Club Rides
Notes:
- As per the Cover Block - Full screen - Image CMS component.
- No GDS font override class is applied in this case.
Cover Block - Banners
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
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.
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
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:
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](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
Find business space
Discover your perfect workspace with our Find Space service.
![Andover Wheelers chaingang ride in the summer sun](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
Business support
Find out how Invest Plymouth can help your business.
![Andover Wheelers chaingang ride in the summer sun](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
Investment opportunities
Prime investment opportunities for savvy investors.
Notes:
- Constructed using nested groups in conjunction with GOV.UK Design System spaincg override classes.
- The cards themselves can be adjusted to be "full width" or "wide width" using the WYSIWYG editor.
Columns - Cards - Wide width
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
There is quite simply nowhere better to live, work and play than Plymouth.
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
There is quite simply nowhere better to live, work and play than Plymouth.
Notes:
- As per the Columns - Cards - Full width component.
Columns - Icon Cards
Variant A
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
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
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
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
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
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:
- Glasgow City Innovation District (GCID)
- Glasgow Riverside Innovation District (GRID)
- Advanced Manufacturing Innovation District for Scotland (AMIDS) - located near Glasgow Airport
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](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
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
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](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
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](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
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
15th
Largest city in the UK
360,000
People in travel-to-work area
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.
![](/sites/andoverwheelers/files/2023-07/andover-wheelers-cover-image.jpg)
15th
Largest city in the UK
360,000
People in travel-to-work area
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.
15th
Largest city in the UK
360,000
People in travel-to-work area
25%
Cheaper housing than UK average
Logo blocks
![Andover Wheelers chaingang ride in the summer sun](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
![Andover Wheelers chaingang ride in the summer sun](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
![Andover Wheelers chaingang ride in the summer sun](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
![Andover Wheelers chaingang ride in the summer sun](/sites/andoverwheelers/files/styles/wide/public/2023-07/andover-wheelers-cover-image.jpg?itok=3SZz_ZM-)
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](/sites/andoverwheelers/files/styles/large/public/2023-07/andover-wheelers-cover-image.jpg?itok=p1_PgDx6)
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](/sites/andoverwheelers/files/styles/large/public/2023-07/andover-wheelers-cover-image.jpg?itok=p1_PgDx6)
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
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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Notes:
Related content
Notes:
- Uses "embedded content" WYSIWYG blocks, as per the Latest News CMS component.