Custom grid
Our mobile-first flexbox grid.
Grid options
|
All
|
sm
≥480px
|
md
≥768px
|
lg
≥1024px
|
xl
≥1200px
|
Container |
max-width: 1800px |
# of columns |
12 |
Class prefix |
.col- |
.col-sm- |
.col-lg- |
.col-lg- |
.col-xl- |
Gutter width |
2rem (1rem on left and right) |
Grid
.col-lg-1_2.offset-lg-1_2
.col-lg-2_3.offset-lg-1_3
.col-lg-1_3.offset-lg-2_3
.col-lg-3_4.offset-lg-1_4
.col-lg-2_4.offset-lg-2_4
.col-lg-1_4.offset-lg-3_4
Columns
Use flexbox alignment utilities to vertically and horizontally align columns.
Vertical alignment
Horizontal alignment
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find
exactly what he/she is looking for. With advanced features of activating account and new login widgets,
you will definitely have a great experience of using our web page.
HTML Text Elements
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
This line width Link
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Integer posuere erat a ante.
Ordered & Unordered Lists
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Perspiciatis deleniti deserunt tempora
- Lorem ipsum dolor sit amet
- PathSoft offers a high caliber of resources skilled in Microsoft Azure.NET, mobile and Quality
Assurance. They became our true business partners over the past three years.
- Ethics
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Perspiciatis deleniti deserunt tempora
- Lorem ipsum dolor sit amet
- PathSoft offers a high caliber of resources skilled in Microsoft Azure.NET, mobile and Quality
Assurance. They became our true business partners over the past three years.
- Ethics