Hi%2C%20I%27m%20Matthew.%20I%20like%20to%20build%20websites%20with%20engaging%20interactions.%20Follow%20me%20to%20see%20my%20new%20projects%20%26%20free%20cloneables.
matthewjohn has 13 followers on Webflow.
Skip%20Blocks
Every%20page%20should%20include%20hidden%20links%20that%20by%20clicking%20on%20them%20%28either%20using%20keyboard%20navigation%20or%20a%20screen-reader%29%2C%20the%20user%20will%20%22skip%22%20certain%20blocks%20directly%20to%20main%20landmarks%20such%20as%20main%20content%2C%20menu%2C%20or%20footer.%0A%0AI%20was%20trying%20to%20fulfill%20this%20requirement%20on%20my%20projects%20and%20noticed%20that%20the%20focus%20didn%27t%20shift%20to%20the%20target%20section%20when%20using%20keyboard%20navigation.%20So%20I%20added%20some%20JavaScript%20before%20the%20/body%20tag%2C%20and%20it%20was%20a%20success%21%20%0A%0AFeel%20free%20to%20clone%20the%20skip%20elements%20and%20copy%20the%20code%20to%20your%20projects%20to%20better%20comply%20with%20the%20WCAG%202.1%20guideline.
Tags:
- accessibility
- cloneable
- components
- buttons
- tutorial
Visit Site
AeroGroup%20Website
I%27m%20working%20on%20a%20design%20and%20build%20for%20a%20concept%20project%20%u2013%20an%20aerospace%20manufacturing%20company.%20I%20wrote%20the%20website%20copy%20and%20designed%20the%20pages%20then%20built%20a%20responsive%20web%20page%20using%20Webflow.
Tags:
- concept
- space
- writing
- uxwriting
- copywriting
- design
- sticky
- neomorphism
- dark
Visit Site
Sunlight%20Standard%20-%20Free%20Solar%20Template
This%20is%20a%20free%20landing%20page%20template%20for%20residential%20solar%20installation.%20Feel%20free%20to%20clone%20and%20use%20it%20for%20your%20projects%21%0A%0AWas%20this%20helpful%3F%20Here%20are%20ways%20to%20thank%20me%3A%0A%u2764%uFE0F%20Give%20a%20heart%20by%20liking.%0A%uD83D%uDCAC%20Leave%20a%20comment.%0A%u2795%20Follow%20me%20for%20more%20clonable%20templates.
Tags:
- template
- landing%20page
- free
- solar
- solar%20panel
Visit Site
Ice%20Cream%20Shop
I%20wanted%20to%20create%20an%20animation%20of%20ice%20cream%20moving%20toward%20us%20as%20it%20slides%20off%20the%20screen%20on%20scroll.%20%0A%0A-----%0AWas%20this%20helpful%3F%20Here%27s%20how%20you%20can%20thank%20me%3A%0A%u2764%uFE0F%20Give%20a%20heart%20by%20liking.%0A%uD83D%uDCAC%20Leave%20a%20comment.%0A%u2795%20Follow%20me%20for%20more%20clonable%20templates.
Tags:
- icecream
- cloneable
- animation
Visit Site
GTMfund
This%20is%20the%20original%20website%20design%20and%20build%20for%20GTMfund%20LLC%20%u2013%20an%20investment%20firm%20that%20provides%20funding%20and%20resources%20to%20startups.%20I%20designed%20the%20website%20first%20then%20built%20a%20responsive%20web%20page%20using%20Webflow.
Tags:
- webflow
- clientwork
- design
- development
Visit Site
Fresh%20-%20Free%20Restaurant%20Template
This%20a%20one-pager%2C%20Restaurant-themed%20template.%20Covid-related%20shutdowns%20have%20caused%20small%20restaurants%20to%20close%20their%20doors.%20This%20template%20is%20designed%20to%20help%20restaurants%20provide%20an%20online%20menu%20that%20helps%20their%20customers%20order%20take-out%20or%20delivery%20from%20the%20comfort%20%26%20safety%20of%20their%20homes.%20%0A%0AI%20made%20it%20just%201%20page%20with%20no%20CMS%20items%20so%20that%20it%20can%20be%20used%20on%20a%20free%20Webflow%20plan%20with%20staged%20hosting.%20The%20colors%20can%20be%20changed%20by%20altering%20the%20preset%20color%20swatches%20in%20the%20designer.%20All%20content%20changes%20%28images%20%26%20text%29%20can%20be%20made%20in%20the%20editor.%0A%0AIf%20you%20know%20someone%20that%20could%20benefit%20from%20this%2C%20please%20share%20it%20with%20them.%0A%0AYou%27re%20welcome%20to%20clone%20this%20project%20and%20use%20it%20as%20you%20like.%20If%20you%20need%20any%20help%20setting%20it%20up%20or%20making%20changes%2C%20you%20can%20email%20me%20at%20hello@matthewjohn.design%0A%0A-----%0AWas%20this%20helpful%3F%20Here%27s%20how%20you%20can%20thank%20me%3A%0A%u2764%uFE0F%20Give%20a%20heart%20by%20liking.%0A%uD83D%uDCAC%20Leave%20a%20comment.%0A%u2795%20Follow%20me%20for%20more%20clonable%20templates.
Tags:
- onepager
- template
- website
- cloneable
- restaurante
- restaurant
- lottie
Visit Site
Cucina%20Lite%20-%20Free%20Italian%20Restaurant%20Template
This%20a%20one-pager%2C%20Italian%20Restaurant-themed%20template.%20Covid-related%20shutdowns%20have%20caused%20small%20restaurants%20to%20close%20their%20doors.%20This%20template%20is%20designed%20to%20help%20restaurants%20provide%20an%20online%20menu%20that%20helps%20their%20customers%20order%20take-out%20or%20delivery%20from%20the%20comfort%20%26%20safety%20of%20their%20homes.%20%0A%0AI%20made%20it%20just%201%20page%20with%20no%20CMS%20items%20so%20that%20it%20can%20be%20used%20on%20a%20free%20Webflow%20plan%20with%20staged%20hosting.%20The%20colors%20can%20easily%20be%20changed%20by%20altering%20the%20preset%20color%20swatches%20in%20the%20designer.%20All%20content%20changes%20%28images%20%26%20text%29%20can%20be%20made%20in%20the%20editor.%0A%0AIf%20you%20know%20someone%20that%20could%20benefit%20from%20this%2C%20please%20share%20it%20with%20them.%0A%0AYou%27re%20welcome%20to%20clone%20this%20project%20and%20use%20it%20as%20you%20like.%20If%20you%20need%20any%20help%20setting%20it%20up%20or%20making%20changes%2C%20you%20can%20email%20me%20at%20hello@matthewjohn.design%0A%0A-----%0AWas%20this%20helpful%3F%20Here%27s%20how%20you%20can%20thank%20me%3A%0A%u2764%uFE0F%20Give%20a%20heart%20by%20liking.%0A%uD83D%uDCAC%20Leave%20a%20comment.%0A%u2795%20Follow%20me%20for%20more%20clonable%20templates.
Tags:
- restaurant
- italian
- onepager
- covid
- website
- landing%20page
- template
Visit Site
Cozinha%20-%20Free%20Restaurant%20Template
This%20a%20one-pager%2C%20restaurant-themed%20template.%20Covid-related%20shutdowns%20have%20caused%20small%20restaurants%20to%20close%20their%20doors.%20This%20template%20is%20designed%20to%20help%20restaurants%20provide%20an%20online%20menu%20that%20helps%20their%20customers%20order%20take-out%20or%20delivery%20from%20the%20comfort%20%26%20safety%20of%20their%20homes.%20%0A%0AI%20made%20it%20just%201%20page%20with%20no%20CMS%20items%20so%20that%20it%20can%20be%20used%20on%20a%20free%20Webflow%20plan%20with%20staged%20hosting.%20The%20colors%20can%20easily%20be%20changed%20by%20altering%20the%20preset%20color%20swatches%20in%20the%20designer.%20All%20content%20changes%20%28images%20%26%20text%29%20can%20be%20made%20in%20the%20editor.%0A%0AIf%20you%20know%20someone%20that%20could%20benefit%20from%20this%2C%20please%20share%20it%20with%20them.%0A%0AYou%27re%20welcome%20to%20clone%20this%20project%20and%20use%20it%20as%20you%20like.%20If%20you%20need%20any%20help%20setting%20it%20up%20or%20making%20changes%2C%20you%20can%20email%20me%20at%20hello@matthewjohn.design%0A%0A-----%0AWas%20this%20helpful%3F%20Here%27s%20how%20you%20can%20thank%20me%3A%0A%u2764%uFE0F%20Give%20a%20heart%20by%20liking.%0A%uD83D%uDCAC%20Leave%20a%20comment.%0A%u2795%20Follow%20me%20for%20more%20clonable%20templates.
Tags:
- onepager
- restaurant
- template
- website
- covid
Visit Site
Sunset%20Vouchers%3A%20Giveaway%20Vacation%20%26%20Dining%20Incentives
This%20project%20allowed%20me%20to%20practice%20absolute%20positioning%20and%20clipping%20backgrounds%20to%20text.%20It%27s%20based%20on%20a%20sales%20incentive%20program%20that%20helps%20service%20providers%20sweeten%20their%20offering%20by%20throwing%20in%20a%20free%20hotel%20stay%20or%20restaurant%20voucher.
Tags:
- onepager
- travel
- absolute
- clipping
- incentive
- sales
- vacation
- voucher
Visit Site
Pearly%20Dental%3A%20Website%20Template
This%20a%20one-pager%2C%20dental-themed%20template.%20I%20wanted%20to%20practice%20using%20negative%20margins%20and%20absolute%20positioning%20with%20overlaying%20content%20and%20decorative%20dots.%20%0A%0AYou%27re%20welcome%20to%20clone%20this%20project%20and%20use%20it%20as%20you%20like.%20%3A%29%0A-----%0AWas%20this%20helpful%3F%20Here%20are%20ways%20to%20thank%20me%3A%0A%u2764%uFE0F%20Give%20a%20heart%20by%20liking.%0A%uD83D%uDCAC%20Leave%20a%20comment.%0A%u2795%20Follow%20me%20for%20more%20clonable%20templates.
Tags:
- template
- onepager
- onepage
- dental
- dentist
- dentistry
Visit Site
chatmed
This%20was%20a%20concept%20project%20I%20built%20for%20one%20of%20the%20courses%20I%20took%20about%20Webflow%20development.
Tags:
Visit Site