Introduction
Welcome! Get started with Concrete and build web pages in no time. Concrete provides the pre made components to speed up your process. You just need to add concrete stylesheet to you HTML page and copy-paste the HTML code given and customize your content.
Copy-paste the stylesheet link into your
head element before all other stylesheets to load our CSS.
Components
Avatar
An avatar component can be used for the profile picture of the users
Alert
An alert added before the message of alert to visually convey the message.
Badge
Badge can be used to show the status information of the user or some count information such as notification numbers.
3
Button
Buttons are call to action.
Card
Cards can be used to show brief information about particular thing.
This helmet is made from High Impact ABS Material Shell with texture finish
Responsive Images
Responsive images are images that never becomes wider than their parent container.
Round Image
Input
Input component can be used to style your input feilds
Input Textbox
Valid Input
Invalid Input
Text Utilities
Text Utilities component can be used for better typography
Headings
This is h1 Heading
This is h2 Heading
This is h3 Heading
This is a small text
This is a grey text
This is a centered Text
List
List component can be used for better styled Lists
Spaced (Normal Lists)
- Helmet
- Riding Jacket
- Riding Boots
- Riding Pants
-
Charley Boorman
added a new video.
-
Valentino Rossi
added a new video.
Navigation
Navigation component can be used for better styled Navigation
Desktop Simple
Modal
A modal can be used to pop up a new element hiding all the web-page content
Modal Heading
Modal text
Ratings
Rating component can be used to give ratings by the user.
Snackbar
Snackbar component can be used to inform users of a process that an app has performed or will perform.