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:
Equinox Page Builder
GENERATES SEO-OPTIMIZED CLEAN CODE
Hero 1
Beautiful hero section, where you can add your text and replace the background image + accent color. Animated.
Navigation Bar
Your standard Weebly navigation bar. It is automatically added to your layout, but you can remove it.
Hero 2
Beautiful hero section, where you can add your text and replace the background image + accent color. Animated.
Hero 3
Beautiful circle-based hero section, where you can add your text and replace the background image. Animated.
Services White Icons
A series of service icons that add a white background to every icon you upload.
Services Colorful Icons
Service boxes with a place to upload your own icons, and with multicolored backgrounds.
Text Left Images Right
Feature section with text on the left (subtitle, title, paragraph) and two floating images on the right. Great for emphasizing a feature.
Image Left Text Right
Feature section with an image and icon section on the left and text (subtitle, title, paragraph) on the right. Great for emphasizing a feature.
Feature Boxes
White background feature boxes with preconfigured area for an icon, title, and paragraph.
Feature boxes curved
Feature boxes with nice curved bottom image backgrounds.
Testimonial
Styled testimonial section
Step By Step Section
Grid of text with an upper icon section where you can add numbers. Great for step-by-step descriptions.
Pricing
Gorgeous pricing section
Call to Action
Call to action section, great for increasing conversions and putting visual focus on actionable items.
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.
Blog Reference Section
A section that shows your four latest blog posts.
The footer will be automatically generated and added to your page.