This is usmvno.keepcalling.net
typography page. We tried to cover every element we used to build the store
Buttons
.btn-blue
btn-xs btn-sm btn normal btn-lg with tooltip
.btn-blue_border
btn-xs btn-sm btn normal btn-lg with tooltip
.btn-green
btn-xs btn-sm btn normal btn-lg with tooltip
.btn-green_border
btn-xs btn-sm btn normal btn-lg
.btn-orange
btn-xs btn-sm btn normal btn-lg
.btn-orange_border
btn-xs btn-sm btn normal btn-lg
.btn-purple
btn-xs btn-sm btn normal btn-lg
.btn-purple_border
btn-xs btn-sm btn normal btn-lg
.btn-green
btn-xs btn-sm btn normal btn-lg
.btn-blue
btn-xs btn-sm btn normal btn-lg
.btn-link
btn-xs btn-sm btn normal btn-lg
.btn-link .btn-inline-link
btn-xs btn-sm btn normal btn-lg
.btn-default
btn-xs btn-sm btn normal btn-lg
.btn-primary
btn-xs btn-sm btn normal btn-lg
.btn-success
btn-xs btn-sm btn normal btn-lg
.btn-info
btn-xs btn-sm btn normal btn-lg
.btn-warning
btn-xs btn-sm btn normal btn-lg
.btn-danger
Input types
Input groups
Dropdowns
Backgrounds
.bg-grey

.bg-grey_light

.bg-grey_dark

.bg-blue

.bg-green

.bg-white

.bg-purple

.bg-orange

.bg-yellow

Switches
Progress elements
Typography
h1
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h2
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h4
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h5
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h6
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h1
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h2
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h4
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h5
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h6
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h1
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h2
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h4
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h5
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
h6
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Cards
Lorem Ipsum
# GB
FREE
- Unlimited calls & texts
-
4G LTE speed for:
# GB + # GB FREE
64 kbps unlimited usage
Lorem Ipsum
# GB
FREE
- Unlimited calls & texts
-
4G LTE speed for:
# GB + # GB FREE
64 kbps unlimited usage
Alerts
.alert-success
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor consectetur aspernatur maiores, nulla non, aliquid eum culpa. Numquam voluptatibus architecto eaque perferendis provident, eos qui labore quasi non nobis iste!
.alert-danger
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam incidunt, nulla est perferendis excepturi rerum nostrum laboriosam explicabo, mollitia, quia tempore error magnam quae veniam, placeat. Quis pariatur expedita reiciendis!
.alert-info
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam incidunt, nulla est perferendis excepturi rerum nostrum laboriosam explicabo, mollitia, quia tempore error magnam quae veniam, placeat. Quis pariatur expedita reiciendis!
.alert-default
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam incidunt, nulla est perferendis excepturi rerum nostrum laboriosam explicabo, mollitia, quia tempore error magnam quae veniam, placeat. Quis pariatur expedita reiciendis!
.alert-purple
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam incidunt, nulla est perferendis excepturi rerum nostrum laboriosam explicabo, mollitia, quia tempore error magnam quae veniam, placeat. Quis pariatur expedita reiciendis!
.alert
plain, general textLorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam incidunt, nulla est perferendis excepturi rerum nostrum laboriosam explicabo, mollitia, quia tempore error magnam quae veniam, placeat. Quis pariatur expedita reiciendis!
SVG Included using use tag
SVG Included using image tag
SVG Included using use tag
Interacting with SVG
CAUTION!
SVG's used as image or image background can be only partially modified by CSS, have no interactive SVG animation and no posibility to be manipulated by JS
Styling using inline CSS
Styling using CSS 3 Classes (class svg_red)
CSS3 Transform
Color change on click
SVG Animate (Not working in IE8)
SVG Animate Multiple Paths (Not working in IE8)
CSS3 Animation Blink
Reusing SVG (If we don't clone the svg it will be affected by all changes CLICK THE WORKER ABOVE)*
Reusing SVG Cloned (Notice this is not affected by other changes)
*The onclick changes are affecting both workers beacause they are both pointing to the same SVG element. When we clone another work using the JS cloneSVG function we are creating another svg node that can be stiled or handled on it's own