SD UI demo

This is an example of a landing page that you can build in minutes using SD UI template.

Buy now Shortcodes

SD UI landing pages

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Call to action section

This is an elegant and user-friendly way to increase conversions on your website. It has different styles and layouts.

Countdown timer

8
Days
10
hours
17
minutes
7
seconds

If you have a sale, this is a cool way to tell your clients about it.

Button


Icon styles

You can describe your product or service features in a really beautiful way.


Buttons

Button Button Button Button



Pricing tables

Simple and efficient way to convey a product or service cost.

Plan 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

  • Includes this
  • Includes this
$10

Plan 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

  • Includes this
  • Includes this
  • And this
$100

Plan 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

  • Includes this
  • Includes this
  • And this
  • And even that
$1000

This is a gradient background section

It only takes a few seconds to create a content section like this.
SD UI template has a lot of prebuilt styles for sections, buttons, lists, etc.

Tables

Simple and beautiful. Right?

Title Title Title Title
Text Text Text Text
Text Text Text Text
Text Text Text Text

Reviews

Muhammad Ali
Steve Jobs
Jonathan Ive
Confucius

Typography styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ve`niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Paragraph "secondary": Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ve`niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Regular list

  • List item
  • List item
  • List item
  • List item

Bullet list

  • List item
  • List item
  • List item
  • List item

Square bullets

  • List item
  • List item
  • List item
  • List item

Ordered list

  1. List item
  2. List item
  3. List item
  4. List item

Inline list

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Checklist

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Steve Jobs

Definition list

Definition title
Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.
Definition title
Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.
Definition title
Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.
Definition title
Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.

Form elements


Modal windows


Modal window title

You can include on your page as many modal windows as you want.

This is a dark background section

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ve`niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.