Siteglide Studio - Layout Library - v1.2.0

sg-masthead-01a

sg-masthead-02a

sg-hero-01a

Congue pellentesque quam

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Volutpat Leo

sg-hero-02a

A magna diam

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tristique diam Tortor vel
Image 1

sg-hero-03a

Purus posuere

sg-hero-04a

Imperdiet tincidunt.

Diam nisl pulvinar commodo tortor. Vitae in quis mi, odio platea vel tortor diam ante. Bibendum id consequat nulla elit iaculis dolor scelerisque gravida. Mauris a id sapien nisl nibh. A egestas id amet lorem pharetra non, euismod convallis adipiscing. Euismod odio amet aliquet ut nec. Fringilla eu lacinia id lorem. Et nulla sem eu, sed. Sed blandit id enim quam egestas sed in volutpat. Risus.

sg-hero-05

Rock Climber

Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis

sg-hero-06

sg-content-01a

Nunc amet etiam

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt.

sg-content-02a

Pellentesque auctor facilisi

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Image 1

sg-content-03a

Image 1

Ullamcorper at molestie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Default

sg-content-04a

Cursus pharetra in

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, ac nisi.

Lorem ipsum

Enim consequat odio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Lorem ipsum

Image 1

sg-feature-01a

Image 1

Lorem ipsum

Dolor sed sapien

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Default

sg-feature-02a

Pharetra, tempor bibendum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Feugiat massa id

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Image 1

sg-feature-03a

Volutpat volutpat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Lorem ipsum

Quam interdum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Lorem ipsum

Pulvinar varius

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Lorem ipsum

sg-feature-04a

Image 1

Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit maecenas.

Image 2

Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit maecenas.

Image 3

Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit maecenas.

sg-feature-05a

Hendrerit dolor, semper quis adipiscing blandit.

Commodo cras facilisi facilisi nulla amet sed.

Morbi etiam imperdiet

Vitae luctus bibendum

Felis libero fermentum

sg-feature-06

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

  • Non consectetur at is posuere id

  • Nisl at dictum at

  • Magnis tempus mauris

  • Amet orci purus libero

feature-06

sg-feature-07

feature-07

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit

sg-feature-08

LOREM IPSUM

Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

'
Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

sg-feature-09

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringillavenenatis, tempus ac nisi

sg-feature-full-01

sg-feature-full-width-01

LOREM IPSUM

Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

sg-feature-full-02

sg-feature-full-width-02

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ornare arcu dui

Lorem ipsum dolor sit amet, consectetur adipiscing elit

sg-feature-full-03

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

  • Non consectetur at is posuere id

  • Nisl at dictum at

  • Magnis tempus mauris

  • Amet orci purus libero

sg-feature-full-width-03

sg-feature-full-04

LOREM IPSUM

Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi

sg-feature-full-width-04

sg-team-01a

Eget nunc mi

Image 1

Diam nec.

Egestas etiam quam etiam ac. Amet.

Auctor nibh fermentum, cras tortor nunc, sapien at varius. Justo blandit a accumsan, facilisis. Eget justo.

Image 2

Diam nec.

Egestas etiam quam etiam ac. Amet.

Auctor nibh fermentum, cras tortor nunc, sapien at varius. Justo blandit a accumsan, facilisis. Eget justo.

Image 3

Diam nec.

Egestas etiam quam etiam ac. Amet.

Auctor nibh fermentum, cras tortor nunc, sapien at varius. Justo blandit a accumsan, facilisis. Eget justo.

Image 4

Diam nec.

Egestas etiam quam etiam ac. Amet.

Auctor nibh fermentum, cras tortor nunc, sapien at varius. Justo blandit a accumsan, facilisis. Eget justo.

Image 5

Diam nec.

Egestas etiam quam etiam ac. Amet.

Auctor nibh fermentum, cras tortor nunc, sapien at varius. Justo blandit a accumsan, facilisis. Eget justo.

Image 6

Diam nec.

Egestas etiam quam etiam ac. Amet.

Auctor nibh fermentum, cras tortor nunc, sapien at varius. Justo blandit a accumsan, facilisis. Eget justo.

sg-team-02a

Eu risus bibendum

Image 1

Diam.

Amet malesuada varius.
Image 2

Diam.

Amet malesuada varius.
Image 3

Diam.

Amet malesuada varius.
Image 4

Diam.

Amet malesuada varius.
Image 5

Diam.

Amet malesuada varius.
Image 6

Diam.

Amet malesuada varius.
Image 7

Diam.

Amet malesuada varius.
Image 8

Diam.

Amet malesuada varius.

sg-team-09

Nunc magna praesent.

Vitae sit adipiscing non etiam egestas at. Elit tellus est arcu et id sollicitudin turpis sed massa. Eu lectus nullam massa arcu faucibus elementum, lacus. In tellus convallis mauris integer natoque amet a. Vestibulum, elementum scelerisque tellus orci arcu ultrices. Pulvinar duis lectus enim amet amet porta quis. Enim aliquam purus eget nunc in lacinia.

sg-team-09

sg-pricing-01a

Viverra bibendum neque sed

Sed sit laoreet.

£9.90

Amet laoreet.

Aenean congue quis amet pharetra ante interdum dignissim neque lacus. Ullamcorper massa amet.

Amet.

Sed sit laoreet.

£9.90

Amet laoreet.

Aenean congue quis amet pharetra ante interdum dignissim neque lacus. Ullamcorper massa amet.

Amet.

Sed sit laoreet.

£9.90

Amet laoreet.

Aenean congue quis amet pharetra ante interdum dignissim neque lacus. Ullamcorper massa amet.

Amet.

sg-pricing-02a

Viverra ante eget vestibulum

Nibh.

£99

Nibh.

£99

Nibh.

£99

Nibh.

£99

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum

sg-contact-01a

Bibendum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt. Etiam non convallis diam, non fringilla neque.

NibhUllamcorper

Etiam+44 123 123 1232

sg-contact-02a

Ut dictumst tortor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.

Volutpat

sg-contact-03

Neque turpis.

Aliquet cras amet nulla ac sed mauris. Et malesuada.

29 Heron Street Toronto, Ontario

+1 416 234 5375

hello@katy.com

sg-blog-01a

Lorum Ipsum

Image 1

Lorum Ipsum

Lorem ipsum dolor sit amet, coetur adipiscing elit.

Elit viverra nunc.

01/12/2017

Lorem, ipsum dolor, sit

Image 2

Lorum Ipsum

Lorem ipsum dolor sit amet, coetur adipiscing elit.

Elit viverra nunc.

01/12/2017

Lorem, ipsum dolor, sit

Image 3

Lorum Ipsum

Lorem ipsum dolor sit amet, coetur adipiscing elit.

Elit viverra nunc.

01/12/2017

Lorem, ipsum dolor, sit

sg-blog-02a

Image 1

Lorum ipsum sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis.

Nec aliquet sed.

01/12/2017

Lorem, ipsum

Image 2

Lorum ipsum sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis.

Nec aliquet sed.

01/12/2017

Lorem, ipsum

Image 3

Lorum ipsum sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis.

Nec aliquet sed.

01/12/2017

Lorem, ipsum

sg-blog-04

Sit tincidunt eu sed volutpat fermentum.

Risus at ut risus cursus eu commodo scelerisque neque, mauris. Vitae tristique accumsan, id ipsum in nunc fermentum congue arcu. Vivamus mauris sed odio sit.

Commodo feugiat egestas vel in et.

Sodales volutpat, id cursus accumsan, feugiat. Lectus varius cursus sit nulla bibendum proin. Vitae amet tortor sed et elit, mauris molestie. Velit sit faucibus.

Morbi elementum eu odio leo nunc ut id.

Convallis iaculis at in a. Amet laoreet mauris, placerat tellus ac tortor, sed ac sit. Sed libero, quam viverra et senectus sed urna. Sapien commodo vestibulum integer id.

sg-blog-05

blog-05

Nunc eu magna

Nunc eu magna congue adipiscing.

Diam tortor eu, et metus dignissim massa. Elementum euismod odio imperdiet lacus. Massa a eu, risus, enim mattis ullamcorper orci. Eget ac elit, consectetur senectus. Quis nulla in laoreet at tellus tellus non ullamcorper. Pellentesque cras sed non porta. Ipsum, luctus risus quis urna.

300

30

sg-faq-01a

Eu ullamcorper accumsan

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt. Etiam non convallis diam, non fringilla neque. Nam pellentesque lectus eu mauris pellentesque varius. Suspendisse a tortor non est ornare consectetur sit amet ut lectus. Sed hendrerit felis vitae aliquam luctus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt. Etiam non convallis diam, non fringilla neque. Nam pellentesque lectus eu mauris pellentesque varius. Suspendisse a tortor non est ornare consectetur sit amet ut lectus. Sed hendrerit felis vitae aliquam luctus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi. Suspendisse ac odio vitae velit porta tincidunt. Etiam vulputate interdum tellus vitae tincidunt. Etiam non convallis diam, non fringilla neque. Nam pellentesque lectus eu mauris pellentesque varius. Suspendisse a tortor non est ornare consectetur sit amet ut lectus. Sed hendrerit felis vitae aliquam luctus

sg-testimonial-01a

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi.”
Ola Snyder - Editor at Company
Image 1

sg-testimonial-02a

Lorum ipsum dolor sit:

Image 1

Lorem ipsum dolor.

“Id nibh auctor non fames aliquet nunc. Pulvinar quisque amet.”
- Sarah Witaker - Senior Digital Marketer

sg-testimonial-03

" Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi Suspendisse ac odio vitae velit porta tincidunt Etiam vulputate interdum tellus vitae tincidunt "

Adison Torff

CEO, Fabucis

" Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi Suspendisse ac odio vitae velit porta tincidunt Etiam vulputate interdum tellus vitae tincidunt "

Adison Torff

CEO, Fabucis

sg-testimonial-04

Gretchen Geidt

" Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi Suspendisse ac odio vitae velit porta tincidunt Etiam vulputate interdum tellus vitae tincidunt "

Gretchen Geidt

CEO, Fabucis

Gretchen Geidt

" Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi Suspendisse ac odio vitae velit porta tincidunt Etiam vulputate interdum tellus vitae tincidunt "

Gretchen Geidt

CEO, Fabucis

sg-testimonial-05

" Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi Suspendisse ac odio vitae velit porta tincidunt Etiam vulputate interdum tellus vitae tincidunt "

Adison Torff

CEO, Fabucis

sg-testimonial-06

Justin Bator

Justin Bator

CEO, Fabucis

" Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi Suspendisse ac odio vitae velit porta tincidunt "

Justin Bator

Justin Bator

CEO, Fabucis

" Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi Suspendisse ac odio vitae velit porta tincidunt "

Justin Bator

Justin Bator

CEO, Fabucis

" Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi Suspendisse ac odio vitae velit porta tincidunt "

sg-testimonial-07

" Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas lorem elit, ornare id fringilla venenatis, tempus ac nisi Suspendisse ac odio vitae velit porta tincidunt Etiam vulputate interdum tellus vitae tincidunt "

Adison Torff

CEO, Fabucis

sg-form-01

Vitae amet, enim congue justo

sg-form-02

Skier

Ultrices eget

Vivamus vitae aliquet pellentesque gravida sem convallis lacus Quisque tristique convallis

Auctor sit nisl

In non nibh laoreet

sg-form-03

Ultrices eget

Vivamus vitae aliquet pellentesque gravida sem convallis lacus Quisque tristique convallis

In non nibh laoreet

Snow boarder

Vel in tristique sit arcu.

Tellus id pharetra viverra vel aliquet fermentum quam lectus non. Etiam risus nibh enim ipsum dictum felis purus mattis amet.

sg-landing-01a

Rapidly Design & Build Dynamic Websites.

Studio offers a best practice, Bootstrap 4 based, design and development process to rapidly build far more than just websites.

Use Studio's Visual Page Builder to customise layouts and then integrate them with the full Siteglide Digital Experience Platform featureset.

Get Started Visual Page Builder Demo
Studio by Siteglide

Build Websites. Faster.

Don't reinvent the wheel when building sites.

Runs on Bootstrap 5

Structured global styling

Fast, secure and scalable

Take Control

Take control without hitting limitations.

You have total control over the design and development process. Customise Studio in Figma or go straight to Visual Page Builder and design as you develop.

Then export your code or use directly in Siteglide and benefit from a powerful DXP without limitations.

Visual Page Builder Demo

A growing Layout Library baked in.

Completely free access to our ever growing library of Bootstrap 4 based layouts that are fully baked into Studio and Siteglide.

From Wireframes to High Fidelity blocks right through to stunning Page Templates. Our Dynamic Layouts (coming soon!) are a game changer allowing you to build feature rich sites in no time!

Layout Library
Layout Library
Build experiences

Build experiences, not websites.

Don’t just design great looking responsive websites, offer incredible User Experiences by integrating with Siteglide modules and features such as Blog, Events, eCommerce and Custom Databases.

Deliver lightening fast websites, customer portals, marketplaces, bespoke applications and more.

Get started

Revolutionise your design & development process to ship better projects faster.

Studio provides the best practice building blocks to design and build the best digital experience for your users in the quickest time possible.️️

Better products

Completely FREE to use or combine with Siteglide.

Join us and see why our users love us️

Save time

Design faster and better

Ensure quality

Best practice layouts

Take control

Export code or use Siteglide

4.9/5.0 rating

Check us out on G2.com

Transform your design process today with Studio.

It's completely free to sign up and access Siteglide, Studio, our Visual Page Builder and Layout Library so get started today!

Static layout

This is a static layout. This means there are no other coding languages included but HTML and can therefore be used anywhere in your build.

Dynamic layout

This is a dynamic layout. This means there are other coding languages, besides HTML, used and therefore needs to be copied in to certain areas of your build to work with our modules and other features. Please follow the instructions above each snippet of code to know where to copy to and how to sync it all together.

Main

Instructions

Code

Wrapper

Instructions

Code


Items

Instructions

Code

Form

Instructions

Code

Author

Wrapper

Instructions

Item

Instructions