-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
37 lines (37 loc) · 2.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
<head>
<title>Mimicry Framework</title>
<link rel="stylesheet" href="stylesheets/mimicry.css">
<link rel="stylesheet" href="stylesheets/mimicry-futuristic.css">
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<link rel="stylesheet" href="fonts/font-awesome-extension.min.css">
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="bg-success col-lg-24 col-md-24 col-xs-24 col-sm-24 col-xs-24">
<h1>Mimicry will use two font icons as default Font awesome and font awesome extension this must give all icons needed to any project.</h1>
</div>
</div>
<div class="row">
<div class="col-lg-24 col-md-24 col-xs-24 col-sm-24 col-xs-24">
This Column always use all the horiontal space class= "col-lg-24 col-md-24 col-xs-24 col-sm-24 col-xs-24"
</div>
<div class="col-lg-18 col-lg-offset-6 col-md-20 col-md-offset-4 col-sm-16 col-sm-offset-8 col-xs-12 col-xs-offset-12 col-nd-24">
This column will always have a blank space in front of this text less nano devices. I've used this classes col-lg-18 col-lg-offset-6 col-md-20 col-md-offset-4 col-sm-16 col-sm-offset-8 col-xs-12 col-xs-offset-12 col-nd-24
<br>
<a href="#" class="btn btn-danger btn-block"> <span class="fa fae-tooth"></span> Test danger</a>
<a href="#" class="btn btn-warning btn-block"> Test warning</a>
<a href="#" class="btn btn-alert btn-block"> Test alert</a>
<a href="#" class="btn btn-success btn-block"> Test success</a>
<a href="#" class="btn btn-safe btn-block"> Test safe</a>
<a href="#" class="btn btn-info btn-block"> Test info</a>
<a href="#" class="btn btn-primary btn-block"> Test primary</a>
<a href="#" class="btn btn-life btn-block"> Test life</a>
<a href="#" class="btn btn-default btn-block"> Test default</a>
<a href="#" class="btn btn-inverted btn-block"> Test inverted</a>
</div>
</div>
</div>
</body>
</html>