H5TS is free and lightweight HTML5 template !
It was born using boring framework who crashes flies with tanks and many others stuffs who transforms the web in a great lake of shit [troll].
It was designed to be very fast without too many dependances1.
To use it, we must keep in mind that an octet is an octet and that HTML5 and modern javascript helps you to make a great website without boring user-stories.
A framework will always be deprecated faster than a native code…
Code:
H5TS is free and lightweight HTML5 template !
It was born using boring framework who crashes flies with tanks and many others stuffs who transforms the web in a great lake of shit [troll].
It was designed to be very fast without too many dependances1.
To use it, we must keep in mind that an octet is an octet and that HTML5 and modern javascript helps you to make a great website without boring user-stories.
A framework will always be deprecated faster than a native code…
Page structure
Code:
<html lang="fr">
<head>
H5TS - The simple and flat template
</head>
<body>
H5TS
Main content
</body>
</html>
Titles
h1 title
h2 title
h3 title
h4 title
h5 title
Code:
h1 title
h2 title
h3 title
h4 title
h5 title
Texts
Classic text
Classic text
Code:
Classic text
Focused text
Focused text
Code:
Focused text
Paragraph
Paragraph text 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.
Code:
Paragraph text 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.
Alerts
Error
This is an error !
Code:
This is an error !
Warning
This is a warning !
Code:
This is a warning !
Info
This is an information !
Code:
This is an information !
Success
This is a success !
Code:
This is a success !
Badges
This a text with a default badge Awesome badge
Code:
Awesome badge
This a text some customized badges :
Error badgeWarning badgeInfo badgeSuccess badge
Code:
Error badgeWarning badgeInfo badgeSuccess badge
Buttons
Code:
Code:
Code:
Code:
Code:
Actions buttons
Code:
Cards
Soon…
Code:
Carousel
Soon…
Code:
Modals
Classic modal
My modal
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.
Code:
My modal
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.
