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

Starting off projects with a style guide that contains every base tag (e.g. h1, h2, paragraph, etc.) can be a great way to manage styles and maintain a clean style sheet. But building out a page with all these elements can be a hassle.

So we did it for you. Just open this project up and copy/paste everything to a new page in your project, then style those tags however you’d like.

HTML Tags

html-tags

View the tutorial here:
https://youtu.be/D0LbpJXT244

apple-16-macbook

An easy solution to render multi-images alts tags (edited in cms) into captions for the dynamic list of images.

Some instructions:

Go to the template page and copy the custom code (script) from the page settings. 

Two classes are needed:

The image class (e.g. "retro_img") and a class for the captions (e.g. "caption"). The captions will be automatically put under the image as a paragraph.

To control the look of the captions, create a paragraph element, add a class "captions", style it and then delete the paragraph (only the class must remain in the css). 

Done, the captions should appear under the image.

I'm sure you can bring this very basic example even further.

Script found in stackoverflow created by user "SuperDJ":
https://stackoverflow.com/questions/51964433/display-image-alt-text-using-vanilla-javascript

Happy cloning.

cms multi-images alt text

Alt Tags as Captions for CMS Multi-Images

👉 Here's a cloneable template for choosing how many LINES of text a paragraph should show.

This way your client can type in as much as they like, but what shows on the blog post will always be limited to the amount of lines you decided beforehand. And it'll show the intriguing ... ellipsis to motivate users to read on.

The cloneable here is just a simple setup but it gets the job done. 

-> See the custom HTML embed and adjust the code there

--

Stay tuned to more cloneables on https://twitter.com/EmilVillumsen or here on Webflow

--

Ellipsis

Ellipsis in text elements | Easy cap on amount of lines

Cool an easy to make navbar animation, Desktop only

Navbar Animation

Cool & Sharp Navbar animation

A lightweight 'Select text and share / tweet'

"Highlight & Share" with Sharect.js (like in Medium)

"Highlight & Share" with Sharect.js (Like in Medium)

A straightforward page to explain how easy it is to use Webflow literally was created in less than 30 minutes. Some HTML and CSS core concepts, like semantic tags, box model, flex, and grip, apply to looking at a professional and fully responsible page. I hope you can try this wonderful resource. For typography, I combined two google free fonts "ubuntu bold " for headings and "open sans "for paragraph sand texts to create a modern style,

Discover paragraph websites built by the Webflow community

Discover paragraph websites built by the Webflow community