Skip to content

Instantly share code, notes, and snippets.

@louisefindlay23

louisefindlay23/Hair By Julie Carousel.gif

Last active June 24, 2019 12:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save louisefindlay23/9789ef894a0837ba0dff728177d41043 to your computer and use it in GitHub Desktop.
Save louisefindlay23/9789ef894a0837ba0dff728177d41043 to your computer and use it in GitHub Desktop.
Download ZIP
Hair by Julie Carousel
Raw
Project Highlights.md

When I started the planning stage of the Hair by Julie website, I knew I wanted to create a testimonial section. They had so many loyal customers but no way to show this online. I also wanted to provide a short bio on the employees so new customers would know who to expect when they walked in the door.

In my previous project, BBC iPlayer, I used Flickity to create a swipe-enabled carousel of landscape TV images. I was curious to find out if the knowledge I had gained from that experience would enable me to create a similar feature but with just plain HTML, CSS, JavaScript and jQuery.

I was then inspired to create a testimonial section with slides that contained image and text divs that had multiple navigational options. Users can wait for the slides to automatically advance, click one of the page dots to go to a specific slide or swipe left and right on a touchscreen.

To see the full website in action: hairbyjuliehairdressers.co.uk

Or to find out more about the project: Hair By Julie Github Repo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment