Petrain Services
Petra contacted me looking for a local designer as her current designer was taking too long, and she didn’t like what they had done so far. With a colourful logo ready to go Petra wanted a website to advertise her 17 safety training courses and let customers book appointments online. This was a fun project as I was able use Squarespace’s new Text Highlights feature available only to Circle members.
Visit Website See Project Details Back To Portfolio
Project Details
Squarespace Version
Classic Editor 7.1
Website Size
13 Pages • 18 Portfolio Sub-pages
Graphic Design
Roller Banner • QR Code • Stickers on a Sheet • Double Sided A5 Flyers • Resize images • Browser icon (from logo)
Print Services
Roller Banner • 144 x Stickers on a Sheet • 500 x Double Sided A5 Flyers
Custom CSS
Back To Top Button (premium script) • Custom Cookie Banner (premium script) • Removing spacing between bullet points columns on mobile on 18 pages - block specific code • Reduce spacing between sections on 17 pages on desktop only • Change colour of header social media icons and add hover effect • Change the colour of social links in the mobile menu • Reducing the spacing above social links block on contact page • Change the colour of social links and add hover effect • Remove active underline from primary navigation and mobile navigation • Reduce dropdown folder width • Change dropdown folder background colour and text colour • Add hover effect to primary navigation • Fix folder links alignment issue on mobile • Style the popup form block title • Style the popup form block field titles • Style the popup form block button and add hover effect • Change the colour of links on home page - section specific • Add hover effect to links on three specific pages • Add hover effect to footer links • Reduce footer image size and position left on mobile • Disable automatic header hyphenation • Add custom border to contact form block field (temporarily removed as doesn’t work on checkboxes) • Hide input outline when field is selected
Other
Squarespace Scheduling setup • Add hover effect to links on portfolio pages HTML • Search Engine Optimisation • Google My Business • Domain connection • Anchor link • Zoom training session
