Loading...
Updating...
Click to add page content
Or insert basic nodes, tags and elements
Select any HTML sample (snippet) below to insert and add to the webpage.
These snippets use w3.css
styling and will therefore include a <style>
tag, with changes affecting the entire webpage.
An accordion expands and pushes content other content to display an item. It is different from a drop-down since a drop-down overlays/floats over other content.
An accordion expands and pushes content other content to display an item. It is different from a drop-down since a drop-down overlays/floats over other content.
A circular button with the color blue (by use of 'w3-blue' css class). On hover (mouse-over) it changes to a color of indigo ('w3-indigo' css class). Feel free to customize it by using both CSS and class attributes using the HTML Editor.
A button with the color blue (by use of 'w3-blue' css class). On hover (mouse-over) it changes to a color of indigo ('w3-indigo' css class). 'w3-round' class attribute is added to make it have rounded corners. Feel free to customize it by using both CSS and class attributes using the HTML Editor.
A button with the color blue (by use of 'w3-blue' css class). On hover (mouse-over) it changes to a color of indigo ('w3-indigo' css class). 'w3-round' class attribute is added to make it have rounded corners. Feel free to customize it by using both CSS and class attributes using the HTML Editor.
A button with the color blue (by use of 'w3-blue' css class). On hover (mouse-over) it changes to a color of indigo ('w3-indigo' css class). 'w3-round' class attribute is added to make it have rounded corners. Feel free to customize it by using both CSS and class attributes using the HTML Editor.
A simple button with the color blue (by use of 'w3-blue' css class). On hover (mouse-over) it changes to a color of indigo ('w3-indigo' css class). Feel free to customize it by using both CSS and class attributes using the HTML Editor.
Display a drop-down menu on (mouse-over) hover. The menu will retain color blue on hover
Navigation bar that can be placed at the top of a page. This one contains three (3) link spaces suitable for three (3) category navigations
Navigation bar that can be placed at the top of a page. This one contains three (3) link spaces suitable for three (3) category navigations
Navigation bar that can be placed at the top of a page. This one contains three (3) link spaces suitable for three (3) category navigations
Navigation bar that can be placed at the top of a page. This nav-bar includes an accordion (drop-down like) menu making it suitable for various screen-sizes (responsive) especially with mobile devices.
Navigation bar that can be placed at the top of a page. This nav-bar includes an accordion (drop-down like) menu making it suitable for various screen-sizes (responsive) especially with mobile devices.
Navigation bar that can be placed at the top of a page. This nav-bar includes an accordion (drop-down like) menu making it suitable for various screen-sizes (responsive) especially with mobile devices.
Navigation bar that can be placed at the top of a page
Navigation bar that can be placed at the top of a page
Navigation bar that can be placed at the top of a page
A basic side-bar menu that expands from the left side of the page. For proper use, this item will require the entire HTML page's layout to be arranged in a left-right manner. Ensure that the expanded side-bar is not mixed with the actual page content.
This tab corresponds to the button 1 in the tabs
This tab corresponds to the button 2 in the tabs
This tab corresponds to the button 3 in the tabs
Tabbed content with usable tabs. For example, Tab-1 will target Div-1. This will require you have an equal number of tab buttons and tab divs respectively.
This tab corresponds to the button 1 in the tabs
This tab corresponds to the button 2 in the tabs
This tab corresponds to the button 3 in the tabs
Tabbed content with usable tabs. For example, Tab-1 will target Div-1. This will require you have an equal number of tab buttons and tab divs respectively.
Loading custom templates...
Or get started with a new custom HTML project online.
Click below to view a simple tutorial on how to upload and edit HTML templates.
Create html page
index.html
, blog/title.html
Select page to duplicate
Select page to rename
Select page to delete
Provided below is a web link to view the saved project
https://www.pagesection.com/Select file to upload
Copy and share the link below to view this project
https://view.pagesection.com/0-_tailwind-navbars-1-6
Access & edit using the same web link : https://www.pagesection.com/editor/0-_tailwind-navbars-1-6
Use the toggle setting above to enable or disable public access to this editor project (web url link)
Private projects cannot be accessed by other users, the owner must be required to log-in to get access
Public projects can be accessed, edited and or copied by other users of the editor using the same web url link
Project editor access is private by default. You can enable public access to allow other users edit this (editor) project using the same url web link. Users can access, edit and share this project without login when public. Otherwise users cannot make public changes to a project (that they do not own) unless they save a personal clone/copy which they can also make private or public. You have the option to enable/disable public access to this project at any time, as long as you are signed-in and authenticated as the owner of the project.
An invalid URL link was detected. The missing content may affect the entire page.
Please check and confirm if the linked file(s) or folder(s) exist in your uploaded project.
Avoid using root-relative links, e.g. href="/example"
or href="../example"
, starting with slash symbols.
Try editing the html code and remove slash (/) symbols from url links, e.g. use href="example"
without slashes.
Try loading html
Upload and edit custom html website projects. Get the necessary html
, css
, js
files to upload
Create zip file
Put the website (project) files in a single zipped (.zip) file, include an index.html
at the "top" and not within another folder
Upload zip file
Upload the zip file using our service to create a project and receive a link. Later you can edit or delete the project
Receive web link
After any successful project upload, you will receive a web URL link which can be used to visit or share the website
Edit webpage content
Save, print or download
Link, view or share online
The basic (browser) quality provides limited options for available text and images.
To get higher quality, please save changes to include (css) styles, designs and other options.
Select any of the quick menu options below or toggle and view the editor (side-bar) menu.
Save changes to create web preview links or share this project online.
Would you like to save and update changes?
Get premium account access for unlimited custom editing, online saving, and much more.
Please log in to premium account, or use download and export code (free) option for offline editing.
Get premium account access for unlimited custom editing, online saving, downloads and much more.
Or click here to log in and get user account access.