Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
<div class="row">
2 
    <div class="col-md-6">
3 
        <!-- BEGIN PORTLET-->
4 
        <div class="portlet light bordered">
5 
            <div class="portlet-title">
6 
                <div class="caption">
7 
                    <i class="icon-edit font-dark"></i>
8 
                    <span class="caption-subject font-dark bold uppercase">Notes</span>
9 
                </div>
10 
                <div class="actions">
11 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
12 
                        <i class="icon-cloud-upload"></i>
13 
                    </a>
14 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
15 
                        <i class="icon-wrench"></i>
16 
                    </a>
17 
                    <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;"> </a>
18 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
19 
                        <i class="icon-trash"></i>
20 
                    </a>
21 
                </div>
22 
            </div>
23 
            <div class="portlet-body">
24 
                <div class="note note-success">
25 
                    <h4 class="block">Success! Some Header Goes Here</h4>
26 
                    <p> Duis mollis, est non commodo luctus, nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p>
27 
                </div>
28 
                <div class="note note-info">
29 
                    <h4 class="block">Info! Some Header Goes Here</h4>
30 
                    <p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, mattis consectetur purus sit amet eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p>
31 
                </div>
32 
                <div class="note note-danger">
33 
                    <h4 class="block">Danger! Some Header Goes Here</h4>
34 
                    <p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit mattis consectetur purus sit amet.\ Cras mattis consectetur purus sit amet fermentum. </p>
35 
                </div>
36 
                <div class="note note-warning">
37 
                    <h4 class="block">Warning! Some Header Goes Here</h4>
38 
                    <p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit mattis consectetur purus sit amet. Cras mattis consectetur purus sit amet fermentum. </p>
39 
                </div>
40 
            </div>
41 
        </div>
42 
        <!-- END PORTLET-->
43 
    </div>
44 
    <div class="col-md-6">
45 
        <!-- BEGIN PROGRESS BARS PORTLET-->
46 
        <div class="portlet light bordered">
47 
            <div class="portlet-title">
48 
                <div class="caption">
49 
                    <i class="icon-share font-red-sunglo"></i>
50 
                    <span class="caption-subject font-red-sunglo bold uppercase">Progress Bars</span>
51 
                </div>
52 
                <div class="actions">
53 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
54 
                        <i class="icon-cloud-upload"></i>
55 
                    </a>
56 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
57 
                        <i class="icon-wrench"></i>
58 
                    </a>
59 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
60 
                        <i class="icon-trash"></i>
61 
                    </a>
62 
                </div>
63 
            </div>
64 
            <div class="portlet-body">
65 
                <div class="note note-warning">
66 
                    <h4 class="block">Cross-browser compatibility</h4>
67 
                    <p> Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations. </p>
68 
                </div>
69 
                <h3>Basic</h3>
70 
                <div class="progress">
71 
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
72 
                        <span class="sr-only"> 40% Complete (success) </span>
73 
                    </div>
74 
                </div>
75 
                <div class="progress">
76 
                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
77 
                        <span class="sr-only"> 20% Complete </span>
78 
                    </div>
79 
                </div>
80 
                <div class="progress">
81 
                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
82 
                        <span class="sr-only"> 60% Complete (warning) </span>
83 
                    </div>
84 
                </div>
85 
                <div class="progress">
86 
                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
87 
                        <span class="sr-only"> 80% Complete </span>
88 
                    </div>
89 
                </div>
90 
                <h3>Striped</h3>
91 
                <div class="progress progress-striped">
92 
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
93 
                        <span class="sr-only"> 40% Complete (success) </span>
94 
                    </div>
95 
                </div>
96 
                <div class="progress progress-striped">
97 
                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
98 
                        <span class="sr-only"> 20% Complete </span>
99 
                    </div>
100 
                </div>
101 
                <div class="progress progress-striped">
102 
                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
103 
                        <span class="sr-only"> 60% Complete (warning) </span>
104 
                    </div>
105 
                </div>
106 
                <div class="progress progress-striped">
107 
                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
108 
                        <span class="sr-only"> 80% Complete (danger) </span>
109 
                    </div>
110 
                </div>
111 
                <h3>Animated</h3>
112 
                <div class="progress progress-striped active">
113 
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
114 
                        <span class="sr-only"> 40% Complete (success) </span>
115 
                    </div>
116 
                </div>
117 
                <div class="progress progress-striped active">
118 
                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
119 
                        <span class="sr-only"> 20% Complete </span>
120 
                    </div>
121 
                </div>
122 
                <div class="progress progress-striped active">
123 
                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
124 
                        <span class="sr-only"> 60% Complete (warning) </span>
125 
                    </div>
126 
                </div>
127 
                <div class="progress progress-striped active">
128 
                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
129 
                        <span class="sr-only"> 80% Complete (danger) </span>
130 
                    </div>
131 
                </div>
132 
                <h3>Stacked</h3>
133 
                <div class="progress">
134 
                    <div class="progress-bar progress-bar-success" style="width: 35%">
135 
                        <span class="sr-only"> 35% Complete (success) </span>
136 
                    </div>
137 
                    <div class="progress-bar progress-bar-warning" style="width: 20%">
138 
                        <span class="sr-only"> 20% Complete (warning) </span>
139 
                    </div>
140 
                    <div class="progress-bar progress-bar-danger" style="width: 10%">
141 
                        <span class="sr-only"> 10% Complete (danger) </span>
142 
                    </div>
143 
                </div>
144 
            </div>
145 
        </div>
146 
        <!-- END PROGRESS BARS PORTLET-->
147 
    </div>
148 
</div>