Discover the best cities websites created by professional designers. Get inspired and start planning your perfect cities web design today!

An automatic timezone clock for cities around the world 🌍

Show the current local time for your city. It keeps itself up to date every 60 seconds. I've used CSS to add a blinking effect.

How it works:
It uses data attributes to define the timezone. I've written code to calculate and display the local time of your city. There are separate colours for "Open", "Evening", and "Closed" office hours. These can be styled through their respective classes.

How to use:
1) Find your timezone: https://timezonedb.com/time-zones

2) The "Location Row" element contains a single data-timezone attribute. Change the value to your timezone. Everything else will auto-update :)

You can change the opening/ closing hours & messages in custom code. The design was inspired by https://practice.inc

Time in City

Local Timezones [Utility]

In July of 2019, I left Google after working in-house full time for 2years. The Remix team was my first client when I decided to go independent full time. This was the perfect partnership, because they had an internal design team who took care of all of the branding, ui, and asset creation. 

While I'm usually the one to do end-to-end design and development, it's refreshing to be able to have a design partner that can help with that side of a project. This demo link is the outcome of what we were able to put together. I took care of all of the development, both front-end and back-end in Webflow. The one area that I wish I spent more time on would be the micro-animations. 

Cheers!

Remix

remix-demo

Aggregator city profile website helping potential expats explore the possibilities to move to another city. FYI, this was my first time ever using Webflow. Amazing tool.

Discover cities websites built by the Webflow community

Discover cities websites built by the Webflow community