Simplex-UI

Themes :

Sidebar :
Left Right
Sticky Header:
On Off

Free HTML Starter Kit

If you want to start your site with a starter kit, this is the right place. I propose you a kit to be able to start in the web world. This kit does not pretend to be turnkey, you will subsequently create a site to your image. The use of the kit has been made as easy as possible.

Article header h1

Text header : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.

Features :

Navigation Bar

See top-page. You can change color using menu on left. Possibility to have fixed-top navbar, just add top-nav to <div class="page"> like <div class="page top-nav">, with this way Navbar will be fixed on top when you scroll down, you can activate "sticky-header" with left demo menu.

Buttons :

Small format
Small Small Small Small Small
Default format
Default Default Default Default Default
Big format
Big one Big one Big one Big one Big one
Specials buttons
button-dsbl button-ico
Block button
Buttons-group

Labels

Lorem Lorem Lorem Lorem Lorem

Code :

Lorem ipsum dolor cd /home sed do eiusmod tempor incididunt, wget "https://github.com/Chikoumi/Ioncube-Autoinstall/archive/master.zip" && unzip master.zip" && cd Ioncube-Autoinstall && chmod +x fr_ioncube.sh && ./fr_ioncube.sh consectetur adipiscing elit.

Bash console

Bash console

root@chk:/# ls
bin dev home lib64 media opt reboot run selinux sys usr
boot etc lib lost+found mnt proc root sbin srv tmp var
root@chk:/# uptime
03:40:48 up 11 days, 4:44, 0 users, load average: 0.00, 0.00, 0.00
root@chk:/# service teamspeak start
root@chk:/# TeamSpeak 3 server started, for details please view the log file
root@chk:/#

Message

Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Card message

Exceptur sint occaecat

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Exceptur sint occaecat

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Exceptur sint occaecat

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Exceptur sint occaecat

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Exceptur sint occaecat

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Progress Bar

One line progress bar

Highlight paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Blockquote

Delenda cartago est,
Il faut détruire Carthage. Caton
Delenda cartago est,
Il faut détruire Carthage. Caton

Hint on hover

Hover-me Hint message

Hover-me Hint Tips

Tables

Blue
ID First Name Last Name Email
#1121 Bob Sponge spongebob@mail.com-
#7120 Jacob Matador j-mat@mail.eu
#9981 Ben Scott b.scott@mail.uk
Red
ID First Name Last Name Email
#1121 Bob Sponge spongebob@mail.com-
#7120 Jacob Matador j-mat@mail.eu
#9981 Ben Scott b.scott@mail.uk
Green
ID First Name Last Name Email
#1121 Bob Sponge spongebob@mail.com-
#7120 Jacob Matador j-mat@mail.eu
#9981 Ben Scott b.scott@mail.uk
Yellow
ID First Name Last Name Email
#1121 Bob Sponge spongebob@mail.com-
#7120 Jacob Matador j-mat@mail.eu
#9981 Ben Scott b.scott@mail.uk
Default
ID First Name Last Name Email
#1121 Bob Sponge spongebob@mail.com-
#7120 Jacob Matador j-mat@mail.eu
#9981 Ben Scott b.scott@mail.uk

Scrabble

Lorem

Pop-up

Clic me Clic me Clic me Clic me Clic me

Price-List

$100
Article
  • Nice features
  • Nice features
  • Nice features
J'achète
$150
Best Offer
  • Nice features
  • Nice features
  • Nice features
J'achète
$9000
Another article
  • Nice features
  • Nice features
  • Nice features
J'achète
$100
Article
  • Nice features
  • Nice features
  • Nice features
J'achète
$150
Another Article
  • Nice features
  • Nice features
  • Nice features
J'achète
$9000
Best Offer
  • Nice features
  • Nice features
  • Nice features
J'achète

Status icon

  • Server status:
  • Server status:

Grid-System

3 Collums

Col_1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero.
Col_1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero.
Col_1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero.

2 Collums

Col_2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero.
Col_1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante.

3 Collums with img

Col_1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero.
Col_1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero.
Col_1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero.

article h2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.