The code for your layout has been generated. The next step is to copy and paste this code into your Weebly
website. Please see the instructions below.
STEP 1: Copy all the code on the left
Double click inside the code on the left to select it all, and press CTRL + C (Or Command + C on Mac)
to copy the code to your clipboard.
STEP 2: Go to the Weebly HTML/CSS Editor
Open up your Weebly website builder.
Click on Theme.
Click on the Edit HTML/CSS button in the lower lefthand corner.
You should be taken to the code editor.
STEP 3: Create a new header type
In the left hand column, you'll see a section called Header Type.
Click on the small + ("plus") sign next to it.
In the dropdown, click on New Header Type.
Name it whatever you want, this is what your layout will be called.
STEP 4: Paste your code
After you name your new header type, make sure its selected.
In the code editor on the right, there will be a few lines of auto generated code. Delete all of it.
Then, once the code editor for your header type is empty, Paste the code you previously copied in there.
Press CTRL + V if you're on Windows, or COMMAND + V if you're on Mac to
paste all the code. Finally, SAVE your changes by clicking on the blue save button in the upper right of the editor.
×
Some text in the Modal..
You added a PureSlider Header. How Many Slides Would You Like in the Slideshow?
You added a Carousel block. How Many Slides Would You Like in the Carousel? Don't worry, you can always add or remove Carousel slides without losing your existing Carousel content.
×
Import Layout
Please enter your layout code below:
×
Cascade Page Builder
AUTOMATICALLY GENERATES SEO-OPTIMIZED CLEAN CODE
Prebuilt Header 1
Prebuilt Header 2
Prebuilt Header 3
Prebuilt Header 4
Prebuilt Header 5
50/50 Image on Left Content on Right
50/50 Image on Right Content on Left
50/50 Blurred Box
image-boxes-2
image-boxes-3
image-boxes-4
image-boxes-5
image-boxes-6
image-boxes-7
image-boxes-8
service-boxes-2
service-boxes-3-1
work-boxes-1
work-boxes-2
work-boxes-3
work-boxes-4
work-boxes-5
work-boxes-6
Prebuilt Footer
PureSlider (fixed height)
A gorgeous slider with the ability to have background images and elements superimposed on top of the background image.
Carousel Free (Empty Carousel Items)
Drag 'n drop carousel where you can drag and drop any Weebly element into each carousel item.
Carousel Fixed Content
Carousel with pre-placed image, text, and paragraph elements for each carousel item. If you would like a drag 'n drop carousel please use the Carousel Free element.
Default Weebly Header
Default Weebly Header. Supports image, video, and color backgrounds.
Weebly Sections Drag 'n Drop Area
A Drag 'N Drop area where you can add both Weebly elements and Weebly Sections. Weebly only permits one of these sections per page.
ScrolliPage Anchor
Put this block in the area where you want to have a ScrolliPage Vertical Navigation link scroll to.
Weebly Drag 'n Drop Area (Elements Only)
A Weebly Drag 'N Drop area where you can drag and drop Weebly elements (not Section blocks, for that you'll need the Weebly Sections Drag 'n Drop Area)
TrueDepth 3D Parallax Section
A dynamic parallax section with background images. You can add content into this section via drag 'n drop in the Weebly editor.
The footer will be automatically generated and added to your page.