================================================================
WHO WE ARE MENU - INSTRUCTIONS
================================================================
HOW TO MAINTAIN THIS MENU:
1. TO ADD A REGULAR MENU ITEM (DIRECT LINK WITH NO DROPDOWN):
- Copy one of the "REGULAR MENU ITEM" blocks
- Change the href attribute to the correct URL path
- Update the icon source if needed
- Change the text label inside the <span> tags
- Place within the <div class="fenner_about_primary"> element
2. TO ADD A DROPDOWN MENU ITEM (WITH SUBMENU):
- Copy the "DROPDOWN MENU ITEM: Our People" block
- Create a new value for data-fenner-about-target (e.g., "newdropdown")
- Create a corresponding secondary menu with ID "fenner_about_newdropdown"
- Add secondary menu items within that new secondary menu
3. IMPORTANT CONNECTIONS:
- For dropdown items, the data-fenner-about-target value must match
the ID of the secondary menu (minus the "fenner_about_" prefix)
- Example: data-fenner-about-target="people" connects to id="fenner_about_people"
4. TO ADD ITEMS TO AN EXISTING DROPDOWN:
- Find the secondary menu with the matching ID
- Add new <a> elements with class="fenner_about_secondary_item"
================================================================
-->
<!-- HTML Structure - Second Menu -->
<div class="fenner_about_container" id="fennerAboutMenu">
<div class="fenner_about_wrapper">
<!--
===== PRIMARY MENU COLUMN =====
Contains all the main menu items
-->
<div class="fenner_about_primary">
<!--
REGULAR MENU ITEM: Our Story
This is a direct link with no dropdown
To add a new regular menu item, copy this entire block and change:
1. The href attribute to your desired URL
2. The icon src and alt text
3. The text inside the <span> tags
-->
<a href="/who-we-are/our-story" class="fenner_about_primary_item">
<div class="fenner_about_item_content">
<img class="fenner_about_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Story Icon">
<span>Our Story</span>
</div>
</a>
<!-- REGULAR MENU ITEM: Our Brands -->
<a href="/who-we-are/our-brands" class="fenner_about_primary_item">
<div class="fenner_about_item_content">
<img class="fenner_about_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Brands Icon">
<span>Our Brands</span>
</div>
</a>
<!--
DROPDOWN MENU ITEM: Our People
This item has a dropdown submenu
To add a new dropdown menu item:
1. Copy this entire block
2. Change the data-fenner-about-target value to something unique (e.g., "newdropdown")
3. Create a corresponding secondary menu below with ID "fenner_about_newdropdown"
4. Update the icon and text as needed
IMPORTANT: The data-fenner-about-target="people" connects this item to
the secondary menu with ID "fenner_about_people"
-->
<div class="fenner_about_primary_item" data-fenner-about-target="people">
<div class="fenner_about_item_content">
<img class="fenner_about_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="People Icon">
<span>Our People</span>
</div>
<!-- This chevron indicates a dropdown - keep it for dropdown items -->
<div class="fenner_about_chevron"></div>
</div>
<!-- REGULAR MENU ITEM: Sustainability -->
<a href="/who-we-are/sustainability" class="fenner_about_primary_item">
<div class="fenner_about_item_content">
<img class="fenner_about_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Sustainability Icon">
<span>Sustainability</span>
</div>
</a>
<!-- REGULAR MENU ITEM: Quality -->
<a href="/who-we-are/quality" class="fenner_about_primary_item">
<div class="fenner_about_item_content">
<img class="fenner_about_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Quality Icon">
<span>Quality</span>
</div>
</a>
</div>
<!--
===== SECONDARY MENU FOR "OUR PEOPLE" =====
This is the dropdown that appears when "Our People" is clicked or hovered
To add items to this dropdown:
1. Copy one of the <a> elements below
2. Update the href attribute to the correct URL
3. Change the text between the tags
To create a new dropdown menu for another primary item:
1. Copy this entire <div> block
2. Change the ID to match your new data-fenner-about-target value
(prepend "fenner_about_" to that value)
3. Update all the <a> elements inside
IMPORTANT: The ID "fenner_about_people" must correspond to the
data-fenner-about-target value of the parent item ("people" in this case)
-->
<div class="fenner_about_secondary" id="fenner_about_people">
<!-- Secondary menu items - each is a direct link -->
<a href="/who-we-are/our-people/safety" class="fenner_about_secondary_item">Safety</a>
<a href="/who-we-are/our-people/executive-team" class="fenner_about_secondary_item">Our Executive Team</a>
<a href="/who-we-are/our-people/reconciliation" class="fenner_about_secondary_item">Reconciliation Action</a>
</div>
</div>
</div>
<!--
================================================================
MEGA MENU - INSTRUCTIONS
================================================================
HOW TO MAINTAIN THIS MENU:
1. TO ADD A PRIMARY MENU ITEM (WITH DROPDOWN):
- Copy one of the existing primary item blocks
- Change the data-fenner-target attribute to a unique value (e.g., "newcategory")
- Update the icon source if needed
- Change the text label inside the <span> tags
- Create a corresponding secondary menu with ID "fenner_mega_newcategory"
2. TO ADD A PRIMARY MENU ITEM (WITHOUT DROPDOWN):
- Copy the "Conveyor Engineering" block which has no chevron
- Change the data-fenner-target attribute to a unique value
- Update the icon and text as needed
- Create an empty secondary menu like the engineering one
3. IMPORTANT CONNECTIONS:
- The data-fenner-target value (e.g., "conveying") must match
the ID of the secondary menu (minus the "fenner_mega_" prefix)
- Example: data-fenner-target="conveying" connects to id="fenner_mega_conveying"
4. TO ADD ITEMS TO AN EXISTING DROPDOWN:
- Find the secondary menu with the matching ID
- Add new <a> elements with class="fenner_mega_secondary_item"
- Update the href attribute and text content
5. TO MAKE A PRIMARY ITEM DIRECT LINK INSTEAD OF DROPDOWN:
- Remove the chevron div
- Change the div element to an <a> element
- Add the href attribute with your URL
================================================================
-->
<!-- HTML Structure - Mega Menu -->
<div class="fenner_mega_container" id="fennerMegaMenu">
<div class="fenner_mega_wrapper">
<!--
===== PRIMARY MENU COLUMN =====
Contains all the main menu categories
-->
<div class="fenner_mega_primary">
<!--
DROPDOWN MENU ITEM: Intelligent Conveying
To add a new dropdown menu item:
1. Copy this entire block
2. Change the data-fenner-target value to something unique (e.g., "newcategory")
3. Update the icon and text as needed
4. Create a secondary menu below with ID "fenner_mega_newcategory"
IMPORTANT: The data-fenner-target="conveying" connects this item to
the secondary menu with ID "fenner_mega_conveying"
-->
<div class="fenner_mega_primary_item" data-fenner-target="conveying">
<div class="fenner_mega_item_content">
<img class="fenner_mega_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Conveying Icon">
<span>Intelligent Conveying</span>
</div>
<!-- This chevron indicates a dropdown - keep it for dropdown items -->
<div class="fenner_mega_chevron"></div>
</div>
<!-- DROPDOWN MENU ITEM: Conveyor Belt -->
<div class="fenner_mega_primary_item" data-fenner-target="belt">
<div class="fenner_mega_item_content">
<img class="fenner_mega_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Belt Icon">
<span>Conveyor Belt</span>
</div>
<div class="fenner_mega_chevron"></div>
</div>
<!-- DROPDOWN MENU ITEM: Conveyor Components -->
<div class="fenner_mega_primary_item" data-fenner-target="components">
<div class="fenner_mega_item_content">
<img class="fenner_mega_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Components Icon">
<span>Conveyor Components</span>
</div>
<div class="fenner_mega_chevron"></div>
</div>
<!-- DROPDOWN MENU ITEM: Belt Handling Equipment -->
<div class="fenner_mega_primary_item" data-fenner-target="handling">
<div class="fenner_mega_item_content">
<img class="fenner_mega_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Handling Icon">
<span>Belt Handling Equipment</span>
</div>
<div class="fenner_mega_chevron"></div>
</div>
<!--
MENU ITEM WITHOUT DROPDOWN: Conveyor Engineering
Note: This item has no chevron, making it appear like a standard menu item.
However, it still needs an empty secondary menu to work correctly with the JS.
To create a menu item without dropdown:
1. Copy this entire block
2. Change the data-fenner-target value
3. Update the icon and text as needed
4. Make sure there is no chevron div (as shown here)
5. Create an empty secondary menu section below
To convert this to a direct link:
1. Change the <div> to an <a> element
2. Add an href attribute with your URL
3. Keep the data-fenner-target for JS functionality
-->
<div class="fenner_mega_primary_item" data-fenner-target="engineering">
<div class="fenner_mega_item_content">
<img class="fenner_mega_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Engineering Icon">
<span>Conveyor Engineering</span>
</div>
<!-- No chevron here - this indicates no dropdown -->
</div>
<!-- DROPDOWN MENU ITEM: Conveyor Systems -->
<div class="fenner_mega_primary_item" data-fenner-target="systems">
<div class="fenner_mega_item_content">
<img class="fenner_mega_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Systems Icon">
<span>Conveyor Systems</span>
</div>
<div class="fenner_mega_chevron"></div>
</div>
<!-- DROPDOWN MENU ITEM: Conveyor Services -->
<div class="fenner_mega_primary_item" data-fenner-target="services">
<div class="fenner_mega_item_content">
<img class="fenner_mega_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Services Icon">
<span>Conveyor Services</span>
</div>
<div class="fenner_mega_chevron"></div>
</div>
</div>
<!--
===== SECONDARY MENUS =====
Each secondary menu corresponds to a primary menu item
-->
<!--
SECONDARY MENU: Intelligent Conveying
This dropdown appears when "Intelligent Conveying" is clicked/hovered
To add items to this dropdown:
1. Copy one of the <a> elements below
2. Update the href attribute to the correct URL
3. Change the text between the tags
IMPORTANT: The ID "fenner_mega_conveying" must correspond to the
data-fenner-target value of the parent item ("conveying" in this case)
-->
<div class="fenner_mega_secondary" id="fenner_mega_conveying">
<a href="/what-we-do/intelligent-conveying/digitalhub" class="fenner_mega_secondary_item">DigitalHub</a>
<a href="/what-we-do/intelligent-conveying/beltgauge" class="fenner_mega_secondary_item">BeltGauge</a>
<a href="/what-we-do/intelligent-conveying/belttag" class="fenner_mega_secondary_item">BeltTag</a>
<a href="/what-we-do/intelligent-conveying/ripsaver" class="fenner_mega_secondary_item">RipSaver</a>
<a href="/what-we-do/intelligent-conveying/cordscan" class="fenner_mega_secondary_item">CordScan</a>
</div>
<!-- SECONDARY MENU: Conveyor Belt -->
<div class="fenner_mega_secondary" id="fenner_mega_belt">
<a href="/what-we-do/products/conveyor-belt/carcass-designs" class="fenner_mega_secondary_item">Carcass Designs</a>
<a href="/what-we-do/products/conveyor-belt/cover-compounds" class="fenner_mega_secondary_item">Cover Compounds</a>
<a href="/what-we-do/products/splice-kits" class="fenner_mega_secondary_item">Splice Kits</a>
<a href="/what-we-do/products/conveyor-belt/stock-belt" class="fenner_mega_secondary_item">Stock Belt</a>
<a href="/what-we-do/products/conveyor-belt/specialty-belting" class="fenner_mega_secondary_item">Specialty Belting</a>
</div>
<!-- SECONDARY MENU: Conveyor Components -->
<div class="fenner_mega_secondary" id="fenner_mega_components">
<a href="/what-we-do/products/conveyor-components/rollers" class="fenner_mega_secondary_item">Conveyor Rollers</a>
<a href="/what-we-do/products/conveyor-components/pulleys" class="fenner_mega_secondary_item">Conveyor Pulleys</a>
<a href="/what-we-do/products/conveyor-components/frames" class="fenner_mega_secondary_item">Conveyor Idler Frames</a>
<a href="/what-we-do/products/conveyor-components/structure" class="fenner_mega_secondary_item">Conveyor Structure</a>
</div>
<!-- SECONDARY MENU: Belt Handling Equipment -->
<div class="fenner_mega_secondary" id="fenner_mega_handling">
<a href="/what-we-do/products/belt-handling/winders" class="fenner_mega_secondary_item">Winders & Let Off Stands</a>
<a href="/what-we-do/products/belt-handling/turning-frames" class="fenner_mega_secondary_item">Turning Frames</a>
<a href="/what-we-do/products/belt-handling/flaking-stations" class="fenner_mega_secondary_item">Flaking Stations</a>
<a href="/what-we-do/products/belt-handling/pullers" class="fenner_mega_secondary_item">Belt Pullers & Pinch Drives</a>
<a href="/what-we-do/products/belt-handling/winches" class="fenner_mega_secondary_item">Winches</a>
<a href="/what-we-do/products/belt-handling/pony-drives" class="fenner_mega_secondary_item">Pony Drives</a>
<a href="/what-we-do/products/belt-handling/clamps" class="fenner_mega_secondary_item">Belt Clamps</a>
</div>
<!--
EMPTY SECONDARY MENU: Conveyor Engineering
This is an empty secondary menu for the "Conveyor Engineering" item
Even though this primary item doesn't show a dropdown,
it still needs a corresponding secondary menu for the JS to work
IMPORTANT: When creating a primary item without a dropdown,
you still need to create an empty secondary menu like this one
-->
<div class="fenner_mega_secondary" id="fenner_mega_engineering">
<!-- Empty secondary menu -->
</div>
<!-- SECONDARY MENU: Conveyor Systems -->
<div class="fenner_mega_secondary" id="fenner_mega_systems">
<a href="/what-we-do/systems/turnkey" class="fenner_mega_secondary_item">Turnkey Conveyor Solutions</a>
<a href="/what-we-do/systems/electrical" class="fenner_mega_secondary_item">Integrated Electrical Solutions</a>
<a href="/what-we-do/systems/substations" class="fenner_mega_secondary_item">Substations & Starters</a>
<a href="/what-we-do/systems/dewatering" class="fenner_mega_secondary_item">Dewatering Systems</a>
<a href="/what-we-do/systems/loop-take-up" class="fenner_mega_secondary_item">Loop Take Up</a>
<a href="/what-we-do/systems/transfers" class="fenner_mega_secondary_item">Transfers & Jibs</a>
<a href="/what-we-do/systems/impact-stations" class="fenner_mega_secondary_item">Impact Stations</a>
<a href="/what-we-do/systems/trippers" class="fenner_mega_secondary_item">Trippers</a>
<a href="/what-we-do/systems/drives" class="fenner_mega_secondary_item">Drives</a>
<a href="/what-we-do/systems/boot-ends" class="fenner_mega_secondary_item">Boot Ends</a>
<a href="/what-we-do/systems/winches" class="fenner_mega_secondary_item">Winches</a>
<a href="/what-we-do/systems/modulaveyors" class="fenner_mega_secondary_item">Modulaveyors</a>
<a href="/what-we-do/systems/mobile-conveyors" class="fenner_mega_secondary_item">Mobile Conveyors</a>
</div>
<!-- SECONDARY MENU: Conveyor Services -->
<div class="fenner_mega_secondary" id="fenner_mega_services">
<a href="/what-we-do/services/install" class="fenner_mega_secondary_item">Conveyor Installation</a>
<a href="/what-we-do/services/belt-maintenance" class="fenner_mega_secondary_item">Belt Maintenance</a>
<a href="/what-we-do/services/mechanical" class="fenner_mega_secondary_item">Mechanical Services</a>
<a href="/what-we-do/services/inspections" class="fenner_mega_secondary_item">Inspections & Audits</a>
<a href="/what-we-do/services/diagnostics" class="fenner_mega_secondary_item">Conveyor Diagnostics</a>
<a href="/what-we-do/services/overhaul" class="fenner_mega_secondary_item">Equipment Overhaul & Refurbishment</a>
<a href="/what-we-do/services/rubber-lining" class="fenner_mega_secondary_item">Rubber Lining</a>
<a href="/what-we-do/services/spot-press" class="fenner_mega_secondary_item">Spot Press Control Boxes</a>
</div>
</div>
</div>
<!--
================================================================
NEWS MENU - INSTRUCTIONS
================================================================
HOW TO MAINTAIN THIS MENU:
1. TO ADD A REGULAR MENU ITEM (DIRECT LINK WITH NO DROPDOWN):
- Copy the "Media" item block (the first item)
- Change the href attribute to the correct URL path
- Update the icon source if needed
- Change the text label inside the <span> tags
- Place within the <div class="fenner_news_primary"> element
2. TO ADD A DROPDOWN MENU ITEM (WITH SUBMENU):
- Copy the "Year In Review" block
- Create a new value for data-fenner-news-target (e.g., "newdropdown")
- Create a corresponding secondary menu with ID "fenner_news_newdropdown"
- Add secondary menu items within that new secondary menu
3. IMPORTANT CONNECTIONS:
- For dropdown items, the data-fenner-news-target value must match
the ID of the secondary menu (minus the "fenner_news_" prefix)
- Example: data-fenner-news-target="review" connects to id="fenner_news_review"
4. TO ADD ITEMS TO AN EXISTING DROPDOWN:
- Find the secondary menu with the matching ID
- Add new <a> elements with class="fenner_news_secondary_item"
================================================================
-->
<!-- HTML Structure - Media & Year In Review Menu -->
<div class="fenner_news_container" id="fennerNewsMenu">
<div class="fenner_news_wrapper">
<!--
===== PRIMARY MENU COLUMN =====
Contains all the main menu items
-->
<div class="fenner_news_primary">
<!--
REGULAR MENU ITEM: Media
This is a direct link with no dropdown
To add a new regular menu item:
1. Copy this entire block
2. Change the href attribute to your desired URL
3. Update the icon src and alt text
4. Change the text inside the <span> tags
-->
<a href="/news/media" class="fenner_news_primary_item">
<div class="fenner_news_item_content">
<img class="fenner_news_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Media Icon">
<span>Media</span>
</div>
</a>
<!--
DROPDOWN MENU ITEM: Year In Review
This item has a dropdown submenu
To add a new dropdown menu item:
1. Copy this entire block
2. Change the data-fenner-news-target value to something unique (e.g., "newcategory")
3. Create a corresponding secondary menu below with ID "fenner_news_newcategory"
4. Update the icon and text as needed
IMPORTANT: The data-fenner-news-target="review" connects this item to
the secondary menu with ID "fenner_news_review"
-->
<div class="fenner_news_primary_item" data-fenner-news-target="review">
<div class="fenner_news_item_content">
<img class="fenner_news_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Year In Review Icon">
<span>Year In Review</span>
</div>
<!-- This chevron indicates a dropdown - keep it for dropdown items -->
<div class="fenner_news_chevron"></div>
</div>
</div>
<!--
===== SECONDARY MENU FOR "YEAR IN REVIEW" =====
This is the dropdown that appears when "Year In Review" is clicked or hovered
To add items to this dropdown:
1. Copy one of the <a> elements below
2. Update the href attribute to the correct URL
3. Change the text between the tags
To create a new dropdown menu for another primary item:
1. Copy this entire <div> block
2. Change the ID to match your new data-fenner-news-target value
(prepend "fenner_news_" to that value)
3. Update all the <a> elements inside
IMPORTANT: The ID "fenner_news_review" must correspond to the
data-fenner-news-target value of the parent item ("review" in this case)
-->
<div class="fenner_news_secondary" id="fenner_news_review">
<a href="/news/year-in-review/2024" class="fenner_news_secondary_item">2024</a>
<a href="/news/year-in-review/past-publications" class="fenner_news_secondary_item">Past publications</a>
</div>
</div>
</div>
<!--
================================================================
CAREERS MENU - INSTRUCTIONS
================================================================
HOW TO MAINTAIN THIS MENU:
1. TO ADD A MENU ITEM:
- Copy one of the existing item blocks below
- Change the href attribute to the correct URL path
- Update the icon source if needed
- Change the text label inside the <span> tags
- Place within the <div class="fenner_careers_primary"> element
2. TO MODIFY AN EXISTING ITEM:
- Update the href attribute to change the link destination
- Change the icon by updating the src attribute in the <img> tag
- Edit the text between the <span> tags to change the label
3. TO REMOVE AN ITEM:
- Delete the entire <a> element block for that item
Note: This menu only has primary items with direct links (no dropdowns).
If you need to add dropdown functionality, refer to the other menu examples.
================================================================
-->
<!-- HTML Structure - Careers Menu with primary-only items -->
<div class="fenner_careers_container" id="fennerCareersMenu">
<div class="fenner_careers_wrapper">
<!--
===== PRIMARY MENU COLUMN =====
Contains all the menu items, all with direct links (no dropdowns)
-->
<div class="fenner_careers_primary">
<!--
MENU ITEM: Join our team
To add a new menu item:
1. Copy this entire block
2. Change the href attribute to your desired URL
3. Update the icon src and alt text
4. Change the text inside the <span> tags
-->
<a href="/careers/join-our-team" class="fenner_careers_primary_item">
<div class="fenner_careers_item_content">
<img class="fenner_careers_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Join Icon">
<span>Join our team</span>
</div>
</a>
<!-- MENU ITEM: Employee Perks -->
<a href="/careers/employee-perks" class="fenner_careers_primary_item">
<div class="fenner_careers_item_content">
<img class="fenner_careers_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Perks Icon">
<span>Employee Perks</span>
</div>
</a>
<!-- MENU ITEM: Life at Fenner -->
<a href="/careers/life-at-fenner" class="fenner_careers_primary_item">
<div class="fenner_careers_item_content">
<img class="fenner_careers_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Life Icon">
<span>Life at Fenner</span>
</div>
</a>
<!-- MENU ITEM: Training & Development -->
<a href="/careers/training-development" class="fenner_careers_primary_item">
<div class="fenner_careers_item_content">
<img class="fenner_careers_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Training & Development Icon">
<span>Training & Development</span>
</div>
</a>
</div>
</div>
</div>
<!--
================================================================
CONTACT MENU - INSTRUCTIONS
================================================================
HOW TO MAINTAIN THIS MENU:
1. TO ADD A MENU ITEM:
- Copy one of the existing item blocks below
- Change the href attribute to the correct URL path
- Update the icon source if needed
- Change the text label inside the <span> tags
- Place within the <div class="fenner_contact_primary"> element
2. TO MODIFY AN EXISTING ITEM:
- Update the href attribute to change the link destination
- Change the icon by updating the src attribute in the <img> tag
- Edit the text between the <span> tags to change the label
3. TO REMOVE AN ITEM:
- Delete the entire <a> element block for that item
Note: This menu only has primary items with direct links (no dropdowns).
If you need to add dropdown functionality, refer to the other menu examples.
================================================================
-->
<!-- HTML Structure - Contact Menu with primary-only items -->
<div class="fenner_contact_container" id="fennerContactMenu">
<div class="fenner_contact_wrapper">
<!--
===== PRIMARY MENU COLUMN =====
Contains all the menu items, all with direct links (no dropdowns)
-->
<div class="fenner_contact_primary">
<!--
MENU ITEM: Our locations
To add a new menu item:
1. Copy this entire block
2. Change the href attribute to your desired URL
3. Update the icon src and alt text
4. Change the text inside the <span> tags
-->
<a href="/contact-us/our-locations" class="fenner_contact_primary_item">
<div class="fenner_contact_item_content">
<img class="fenner_contact_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Locations Icon">
<span>Our locations</span>
</div>
</a>
<!-- MENU ITEM: Enquiry form -->
<a href="/contact-us/enquiry-form" class="fenner_contact_primary_item">
<div class="fenner_contact_item_content">
<img class="fenner_contact_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Enquiry Icon">
<span>Enquiry form</span>
</div>
</a>
<!-- MENU ITEM: Follow us -->
<a href="/contact-us/follow-us" class="fenner_contact_primary_item">
<div class="fenner_contact_item_content">
<img class="fenner_contact_icon" src="/images/icons/nav/icon_conveyor_maintenance.png" alt="Follow Icon">
<span>Follow us</span>
</div>
</a>
</div>
</div>
</div>