Новости Колледжа
- Подробности
Heading Text
h1. Heading Secondary text
h2. Heading Secondary text
h3. Heading Secondary text
h4. Heading Secondary text
h5. Heading Secondary text
h6. Heading Secondary text
TIPS: Create lighter, secondary text in any heading with a generic <small> tag or the .small class.
Example body text
This is a lead paragraph.
Make a paragraph stand out by adding .lead.
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
The following snippet of text is rendered as bold text.
The following snippet of text is rendered as italicized text.
An abbreviation of the word attribute is attr.
Address
Company Name795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890Full Name
P: (123) 456-7890
Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.
Emphasis classes
This is a .mute paragraph.
This is a .text-primary paragraph.
This is a .text-warning paragraph.
This is a .text-danger paragraph.
This is a .text-success paragraph.
This is a .text-info paragraph.
Alignment classes
This is a left aligned text .text-left
This is a center aligned text .text-center
This is a right aligned text .text-right
This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.
Blockquotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Quote's author in Source Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Quote's author in Source Title
Tags
Color Swatches
Brand Colors
- #e55a55
- Brand Primary
- #428bca
- Brand Secondary
- #f0ad4e
- Brand Warning
- #d9534f
- Brand Danger
- #5bc0de
- Brand Info
- #5cb85c
- Brand Success
Grayscale Levels
- #222222
- Gray Darker
- #333333
- Gray Dark
- #555555
- Gray
- #999999
- Gray Light
- #eeeeee
- Gray Lighter
- #f7f7f7
- Gray Lightest
Buttons
Navigations
Inputs
Indicators
Alerts and Notifications
error message title
Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.
sussess message title
Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.
info message title
Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.
warning message title
Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.
Badges
Labels
Misc
List groups
- 14 Cras justo odio
- 2 Dapibus ac facilisis in
- Morbi leo risus
- 1 Morbi leo risus
- 2 Dapibus ac facilisis in
List group item heading
Donec id elit non mi porta gravida at eget metus risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus.
List group item heading
Donec id elit non mi porta gravida at eget metus.
Panels
Panel heading
Panel primary
Panel success
Panel warning
Panel danger
Panel info
Wells
- Подробности
Lorem ipsum dolor sit amet consectetuer hendrerit habitasse metus morbi massa. Cum curabitur vitae sed nulla nunc vestibulum nulla eget phasellus. ipsum et vivamus condimentum pede quisque sed turpis mi vestibulum faucibus. tortor augue tortor sit turpis pretium pellentesque eros volutpat maecenas cursus. Dolor magnis interdum porttitor cursus suspendisse cras eget turpis a vivamus. Dui sed pretium turpis interdum hendrerit ac.
Justo elit dolor congue ligula nibh habitasse dui nullam felis Maecenas. Tincidunt dapibus sed mauris nibh nulla ullamcorper pellentesque morbi pede at. wisi dui pharetra tellus augue aenean at sit porta at fringilla. At porttitor ac eget justo volutpat sem enim tellus morbi porttitor. A dui tortor pellentesque duis et tellus ut tempor adipiscing nam. Vestibulum at cum accumsan.
- Подробности
Mattis quis senectus lobortis adipiscing felis vel commodo integer elit vel. Ut quis at nibh quisque urna urna habitant nam morbi turpis. Vivamus tempor massa sit scelerisque parturient nibh id wisi semper elit. Justo velit malesuada ut Mauris lorem pretium tincidunt enim odio elit. Elit mauris justo magna vel consequat sit vestibulum vel nunc velit
Sample heading 2
Vestibulum vel gravida nunc wisi ligula porttitor pellentesque donec suspendisse lorem. Lacinia turpis semper lobortis mollis tempus nulla at tincidunt justo id. Nibh ipsum lacus aenean curabitur ornare lobortis nunc tristique tempor in. Nam id urna magna laoreet eget maecenas orci interdum proin interdum. Magna vestibulum elit dictum sagittis nam congue vivamus sagittis neque amet. Cursus et auctor sem mattis lacus egestas nibh enim elit congue.
Sample heading 3
Laoreet tempus vestibulum in tortor tortor aenean fames id wisi enim. Quis id consequat nulla tempus maecenas est lorem parturient ante pretium. Lacinia faucibus consectetuer vestibulum elit quisque at et ultrices sed libero. Ut nam eu nunc enim curabitur non metus eu turpis eget. Aenean laoreet vitae morbi vestibulum vestibulum sociis tellus interdum cras.
- Laoreet tempus vestibulum in tortor tortor aenean fames.
- Tempor natoque pulvinar lacinia semper.
- Sed nam cursus velit pede.
- Tempor natoque pulvinar lacinia semper in auctor.
Tempor natoque pulvinar lacinia semper in auctor quam fringilla tortor id. Ut ut lacus arcu justo quis vitae congue dui lorem nam. Convallis turpis convallis nec lorem magna orci euismod velit pellentesque orci. Ornare nulla proin adipiscing.
Sample heading 4
Sed nam cursus velit pede ut sit vitae In proin porttitor. Volutpat ac sem adipiscing phasellus nibh pellentesque nibh enim arcu lorem. Tempor natoque pulvinar lacinia semper in auctor quam fringilla tortor id. Ut ut lacus arcu justo quis vitae.
