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

Had a lot of fun creating this hero section concept for Drake.
Feel free to clone this project.

Pages built: Home

__


You can thank me by:
• Hiring us to help you rebrand in 1 month 👉 oracleadvertising.com

• Following me on Behance 👉 https://www.behance.net/oracleadvertising

DRAKE - Hero Section

Drake Hero Section

Create a static background effect using only an image and an animation. This was made based on CJHersh example. 

Sign up if you want the lesson: https://www.webflowtips.com/b/how-to-create-a-static-effect



P.S 🙂  🙌  - Like or follow if this was useful for you. 

2 of 50

Webflowtips - Static background effect

How to create a static effect?

Cinnamon Host Crunch

My very first simple and single-page NFT website.

Rebel-Society -NFT

rebel-society

👌  Ce projet clonable est issu de la formation webflow INIT.
Il accompagne un module théorique expliquant les différences entre les multiples valeurs de positionnement.

🔗  https://www.init-web.fr/

Structure - Position

INIT Chap.2 - Le Positionnement

Raluca Mitarca

A client project for an investment company. You can find the official website here: https://www.mozaikinvestments.com/

Mozaik Investments website

mozaik-investments-showcase

Potok is a croudlending platform that allows business owners take loans from investors. We took a metaphor of a flow which translates to "Potok" in Russian. We've made this landing page in 5 days.

Potok copy

Potok for clients

Basic two-page (home, contact) static website using the client-first system.  This website is designed to be quick and easy to set up while still providing you with a few different components and complete style guide to fully customize to your needs.

superbasic

superbasic template

I have created a script that automates the process of generating a ToC for your Webflow website. It dynamically creates a list of links based on the headings in your content and adds scroll-to functionality. It works with both CMS and static content.
1. Create the empty container where you want to display the ToC and use with the ID "toc". 
2. Make sure to structure your content using the appropriate heading tags (e.g., h2, h3, h4). These headings will be utilized to generate the ToC. Ensure that your content is inside an div with the ID "single-article." The tags to be used for the Table of Contents are defined inside the JavaScript code, which you can modify if needed.
3 Cop&paste the CSS and JavaScript code provided in the tutorial. You can find the code in the page settings under the sections 'inside <head>' and 'before </body>'.
4 Publish.
For a detailed tutorial  visit this link https://www.pinkdot.design/post/create-a-table-of-contents-toc-in-webflow-in-5-minutes.

Easy Table of content (TOC) on Webflow.  

Easy Method of Creating Table of Contents on Webflow

Simple new page announcement 
Set of two components

13/01/21  a small update fixing some layout issues and missing links

Page announcement - Client First

Page announcement

New page announcement wide image version

Set of 4 components