DEV GUIDE
DO NOT DELETE THIS MESSAGE! This section is intended as a place to document site-specific strategies, characteristics, or issues that may be relevant to future development. Before adding any documentation, consider whether it truly belongs here:
- If the documentation is relevant to CMS users, it should be included in the CMS GUIDE.
- If the documentation is specific to a SECTION or SECTION TEMPLATE, it should be included in that SECTION or SECTION TEMPLATE'S documentation in the SECTION GUIDE.
- If the documentation is specific to a file that is not accessible to CMS users, it should be included in that file whenever possible. For example, if your site uses a specific styling strategy in its SASS file, or you have a complex layout file that requires instructions on how to use properly, that should be documented in the actual file rather than here.
Developer Notes
SASS/Stylesheet Updates
DO NOT make manual updates this site's SASS file via Site Admin. Instead, you should:
- Update the SASS file on this GitHub repository: [Include link to GitHub repository here.]
- Once you are satisfied with your updates, copy the entire SASS file content (the compiled version.)
- Delete the content of your SASS file in Site Admin, then paste the content copied in the step above.
This ensures that the SASS file in the GitHub repository remains up to date with this site.
Theme Level Section Documentation
Theme partials - and the sections that reside within them - are intentionally not rendered on this page. This allows us to place these sections at page level in the section guide below (ordered by section number) and not have them appear twice on the page.
Other
[Include other notes here, as needed.]
Section Guide
Important! Before using a section from this guide, please read the corresponding documentation for that section. Documentation is found above each section in this guide.
Note that section titles are color coded based on which menu they can be found in after clicking the "add section" button on any page:
Red - find this section in the "Use Existing" Menu.
Green - find this section in the "Add New" Menu.
Keep in mind that when you edit a section from the "Use Existing" Menu, you are editing every instance of that section. Sections added via the "Add New" Menu are safe to be edited freely, as a new instance of the section is created every time it's added to a page.
Header - (Section 1a)
Suggested Use: Global header navigation
Notes: This section should be placed at the theme level, in the "Header" partial.
Available Code Snippets: N/A
Header - (Section 1b)
Suggested Use: See Section 1a.
Notes: See Section 1a.
Available Code Snippets: N/A
Footer - (Section 2a)
Suggested Use: Global footer.
Notes: This section should be placed at the theme level, in the "Footer" partial.
Available Code Snippets: N/A
©2026 Radancy Delivery Sandbox. All Rights Reserved.
Hero - (Section 3a)
Suggested Use: Global hero banner for all pages except for the homepage.
Notes: The recommended MOBILE image size for this section is 640x850 (384:175 Aspect Ratio), while the recommended image size for LARGER SCREENS is 1920x425 (960:167 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.
The banner text/logic is handled in the "[site version] - Section 3" layout file. Update logic and text variables there, as needed. Note that in its default state, when this section is included on a content page, it leverages the page-level banner settings and will only appear if at least one of the banner images (mobile or desktop) are configured.
This section is typically placed at the theme level, in the "TopBody" partial.
Available Code Snippets: N/A
Search Form - (Section 4a)
Suggested Use: Global search form, to be placed directly below site header/navigation.
Notes: On mobile screens, the search form is hidden by default and must be expanded by clicking a "toggle" button.
This section is typically placed at the theme level, in the "TopBody" partial.
Available Code Snippets: N/A
Search Form - (Section 4b)
Suggested Use: Global search form, to be placed directly below site header/navigation.
Notes: On ALL screen sizes, the search form is hidden by default and must be expanded by clicking a "toggle" button.
This section is typically placed at the theme level, in the "TopBody" partial.
Available Code Snippets: N/A
Sitemap - (Section 8a)
Suggested Use: Sitemap page content
Notes: N/A
Available Code Snippets: N/A
Copy - (Section 10b)
Suggested Use: CMS/Dev Guide documentation.
Notes: N/A
Available Code Snippets: N/A
Lorem Ipsum Dolor
Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Form - (Section 33a)
Suggested Use: Job Alerts signup form
Notes: This section is typically placed at the theme level, in the "BottomBody" partial.
Available Code Snippets: N/A
Job List - (Section 35a)
Suggested Use: Saved Jobs page content
Notes: N/A
Available Code Snippets: N/A
Your Saved Jobs
You have not saved any jobs yet.
-
Global Graduate Programme - Software Engineering
- Location
- New York, New York
- Category
- Software Engineering
-
Global Graduate Programme - Software Engineering
- Location
- London, United Kingdom
- Category
- Software Engineering
-
Global Graduate Programme - Software Engineering
- Location
- Paris, France
- Category
- Software Engineering
You have not viewed any jobs yet.
Hero - (Section 36a)
Suggested Use: Homepage hero banner.
Notes: The recommended MOBILE image size for the "Section 36a - Media" module is 640x850 (64:85 Aspect Ratio), while the recommended image size for LARGER SCREENS is 1920x620 (96:31 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.
To replace the background image with a video, the "Section 36a - Media" module's media type may be set to "Html5 Video." In this scenario, a play/pause button will appear at the bottom right of the video. Do not attempt to set the media type to any of the other "video" media types - the section is not configured to handle these.
The banner text/logic is handled in the "[site version] - Section 36" layout file.
Available Code Snippets: N/A
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Hero - (Section 36b)
Suggested Use: Homepage hero banner.
Notes: The recommended MOBILE image size for the "Section 36b - Media" module is 640x850 (64:85 Aspect Ratio), while the recommended image size for LARGER SCREENS is 1920x620 (96:31 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.
To replace the background image with a video, the "Section 36b - Media" module's media type may be set to "Html5 Video." In this scenario, a play/pause button will appear at the bottom right of the video. Do not attempt to set the media type to any of the other "video" media types - the section is not configured to handle these.
The banner text/logic is handled in the "[site version] - Section 36" layout file.
Available Code Snippets: N/A
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Hero - (Section 36c)
Suggested Use: Homepage hero banner.
Notes: The recommended MOBILE image size for the "Section 36c - Media" module is 640x850 (64:85 Aspect Ratio), while the recommended image size for LARGER SCREENS is 812x620 (203:155 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.
To replace the background image with a video, the "Section 36c - Media" module's media type may be set to "Html5 Video." In this scenario, a play/pause button will appear at the bottom right of the video. Do not attempt to set the media type to any of the other "video" media types - the section is not configured to handle these.
The banner text/logic is handled in the "[site version] - Section 36" layout file.
Available Code Snippets: N/A
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Hero - (Section 36d)
Suggested Use: Homepage hero banner.
Notes: The recommended MOBILE image size for the "Section 36d - Media" module is 640x850 (64:85 Aspect Ratio), while the recommended image size for LARGER SCREENS is 1920x425 (384:85 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.
To replace the background image with a video, the "Section 36d - Media" module's media type may be set to "Html5 Video." In this scenario, a play/pause button will appear at the bottom right of the video. Do not attempt to set the media type to any of the other "video" media types - the section is not configured to handle these.
The banner text/logic is handled in the "[site version] - Section 36" layout file.
Available Code Snippets: N/A
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Hero - (Section 36e)
Suggested Use: Homepage hero banner.
Notes: The recommended MOBILE image size for the "Section 36e - Media" module is 768x425 (768:425 Aspect Ratio), while the recommended image size for LARGER SCREENS is 1920x425 (384:85 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.
To replace the background image with a video, the "Section 36e - Media" module's media type may be set to "Html5 Video." In this scenario, a play/pause button will appear at the bottom right of the video. Do not attempt to set the media type to any of the other "video" media types - the section is not configured to handle these.
The banner text/logic is handled in the "[site version] - Section 36" layout file.
Available Code Snippets: N/A
Script Container - (Section 38a)
Suggested Use: Global script management
Notes: This section is typically placed at the theme level, in the "BottomBody" partial; however, if set up correctly, the scripts loaded via the "Scripts" module will not be rendered where this section is placed. Instead, they will be rendered wherever the razor code "@Html.RenderScripts()" appears in the theme layout. For more details, see https://github.com/radancy-pe/uid-base-gst/blob/develop/documentation/c-sharp-razor.md#scripts-module.
Available Code Snippets: N/A