Skip to content

Commit 29772e3

Browse files
13
1 parent f69b168 commit 29772e3

8 files changed

Lines changed: 112 additions & 126 deletions

File tree

components/badge/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -177,9 +177,9 @@ <h2 class="display-flex mb-10">
177177
<div class="content">
178178
<div class="badge">0</div>
179179
<div class="primary badge">25</div>
180-
<div class="success badge">336</div>
181-
<div class="warning badge">4596</div>
182-
<div class="error badge">558</div>
180+
<div class="success badge">Online</div>
181+
<div class="warning badge">2025</div>
182+
<div class="error badge">Offline</div>
183183
<div class="dark badge">39</div>
184184
</div>
185185
<div class="content">

components/breadcrumb/index.html

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -178,15 +178,15 @@ <h2 class="display-flex mb-10">
178178
<div class="breadcrumb">
179179
<a href="javascript:" class="item">Punica</a>
180180
<a href="javascript:" class="item">Components</a>
181-
<a href="javascript:" class="item active">Breadcrumb</a>
181+
<a href="javascript:" class="active item">Breadcrumb</a>
182182
</div>
183183
</div>
184184
<div class="content">
185185
<script type="text/plain" class="language-markup">
186186
<div class="breadcrumb">
187187
<a href="" class="item"></a>
188188
<a href="" class="item"></a>
189-
<a href="" class="item active"></a>
189+
<a href="" class="active item"></a>
190190
</div>
191191
</script>
192192
</div>
@@ -204,31 +204,29 @@ <h2 class="display-flex mb-10">
204204
<a href="javascript:" class="item">Home</a>
205205
<a href="javascript:" class="item">Services</a>
206206
<a href="javascript:" class="item">Web Development</a>
207-
<a href="javascript:" class="item active">SPA</a>
207+
<a href="javascript:" class="active item">SPA</a>
208208
</div>
209209
</div>
210210
<div class="content pb-0 pt-0">
211211
<div class="breadcrumb">
212212
<a href="javascript:" class="item">Home</a>
213213
<a href="javascript:" class="item">Services</a>
214214
<a href="javascript:" class="item">Web Development</a>
215-
<a href="javascript:" class="item active">SPA</a>
215+
<a href="javascript:" class="active item">SPA</a>
216216
</div>
217217
</div>
218218
<div class="content pb-0 pt-0">
219219
<div class="breadcrumb large">
220220
<a href="javascript:" class="item">Home</a>
221221
<a href="javascript:" class="item">Services</a>
222222
<a href="javascript:" class="item">Web Development</a>
223-
<a href="javascript:" class="item active">SPA</a>
223+
<a href="javascript:" class="active item">SPA</a>
224224
</div>
225225
</div>
226226
<div class="content">
227227
<script type="text/plain" class="language-markup">
228228
<div class="small breadcrumb">
229-
<a href="" class="item"></a>
230-
<a href="" class="item"></a>
231-
<a href="" class="item active"></a>
229+
...
232230
</div>
233231
</script>
234232
</div>

components/card/index.html

Lines changed: 15 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -204,8 +204,8 @@ <h2 class="display-flex mb-10">
204204
<img src="">
205205
</div>
206206
<div class="title">
207-
<div class="h5">Title</div>
208-
<div class="subtitle">Subtitle</div>
207+
<div class="h5"></div>
208+
<div class="subtitle"></div>
209209
</div>
210210
<div class="description">
211211
...
@@ -231,54 +231,39 @@ <h2 class="display-flex mb-10">
231231
<div class="three cards mt-20">
232232
<div class="card">
233233
<div class="title">
234-
<div class="h6">Card Title</div>
234+
<div class="h6">First Card</div>
235235
<div class="subtitle">Card Subtitle</div>
236236
</div>
237237
<div class="description">
238238
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos eos odio vero saepe assumenda,
239239
impedit veniam unde dolorem.
240240
</div>
241-
<div class="media">
242-
<img src="https://codeforms.github.io/Punica-CSS-Framework/assets/images/01.jpg">
243-
</div>
244241
</div>
245242
<div class="card">
246243
<div class="title">
247-
<div class="h6">Card Title</div>
244+
<div class="h6">Second Card</div>
248245
<div class="subtitle">Card Subtitle</div>
249246
</div>
250-
<div class="media">
251-
<img src="https://codeforms.github.io/Punica-CSS-Framework/assets/images/02.jpg">
252-
</div>
253247
<div class="description">
254-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos eos odio vero saepe assumenda,
255-
impedit veniam unde dolorem.
248+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, repudiandae neque obcaecati quae temporibus autem.
256249
</div>
257250
</div>
258251
<div class="card">
259-
<div class="media">
260-
<img src="https://codeforms.github.io/Punica-CSS-Framework/assets/images/03.jpg">
261-
</div>
262252
<div class="title">
263-
<div class="h6">Card Title</div>
253+
<div class="h6">Third Card</div>
264254
<div class="subtitle">Card Subtitle</div>
265255
</div>
266256
<div class="description">
267-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos eos odio vero saepe assumenda,
268-
impedit veniam unde dolorem.
257+
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
269258
</div>
270259
</div>
271260
<div class="card">
272-
<div class="media">
273-
<img src="https://codeforms.github.io/Punica-CSS-Framework/assets/images/04.jpg">
274-
</div>
275261
<div class="title">
276-
<div class="h6">Card Title</div>
277-
<div class="subtitle">Card Subtitle</div>
262+
<div class="h6">Fourth Card</div>
263+
<div class="subtitle">Yep, i'm in the second row</div>
278264
</div>
279265
<div class="description">
280-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos eos odio vero saepe assumenda,
281-
impedit veniam unde dolorem.
266+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos eos odio vero.
282267
</div>
283268
</div>
284269
</div>
@@ -287,19 +272,13 @@ <h2 class="display-flex mb-10">
287272
<script type="text/plain" class="language-markup">
288273
<div class="three cards">
289274
<div class="card">
290-
<div class="media">
291-
<img src="">
292-
</div>
293275
<div class="title">
294-
<div class="h5">Title</div>
295-
<div class="subtitle">Subtitle</div>
296-
</div>
297-
<div class="description">
298-
...
276+
<div class="h5"></div>
277+
<div class="subtitle"></div>
299278
</div>
279+
<div class="description"></div>
300280
</div>
301281
....
302-
....
303282
</div>
304283
</script>
305284
</div>
@@ -408,8 +387,8 @@ <h2 class="display-flex mb-10">
408387
<img src="">
409388
</div>
410389
<div class="title">
411-
<div class="h5">Title</div>
412-
<div class="subtitle">Subtitle</div>
390+
<div class="h5"></div>
391+
<div class="subtitle"></div>
413392
</div>
414393
<div class="description">
415394
...

components/list/index.html

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -174,8 +174,8 @@ <h2 class="display-flex mb-10">
174174
</div>
175175
</main> <div class="container">
176176
<div class="pure panel reset">
177-
<div class="content">
178-
<div class="row">
177+
<div class="content mb-50">
178+
<div class="row mt-50">
179179
<div class="col-xs-16 col-lg-5">
180180
<div class="h5">
181181
Unordered List
@@ -228,12 +228,12 @@ <h2 class="display-flex mb-10">
228228
</div>
229229
<div class="content">
230230
<script type="text/plain" class="language-markup">
231-
<ul class="list">
232-
<li class="active item">..</li>
233-
<li class="item">..</li>
234-
<li class="item">..</li>
235-
</ul>
236-
</script>
231+
<ul class="list">
232+
<li class="active item">..</li>
233+
<li class="item">..</li>
234+
<li class="item">..</li>
235+
</ul>
236+
</script>
237237
</div>
238238
<div class="header mt-50">
239239
<div class="title">Striped, Divided, and Hovered List</div>
@@ -243,9 +243,9 @@ <h2 class="display-flex mb-10">
243243
You can add the zebra-striping to a list by adding the <code>.striped</code> class and add the
244244
<code>.hovered</code> class to display a hover state on list items.
245245
</p>
246-
<div class="equal row mt-50">
246+
<div class="equal row mt-60">
247247
<div class="col-xs-16 col-lg-5">
248-
<div class="striped list">
248+
<div class="striped list mb-70">
249249
<div class="h6">
250250
Striped List
251251
</div>
@@ -265,14 +265,14 @@ <h2 class="display-flex mb-10">
265265
</div>
266266
</div>
267267
</div>
268-
<script type="text/plain" class="language-markup mt-50">
268+
<script type="text/plain" class="language-markup">
269269
<div class="striped list">
270270
...
271271
</div>
272272
</script>
273273
</div>
274274
<div class="col-xs-16 col-lg-5">
275-
<div class="hovered list">
275+
<div class="hovered list mb-70">
276276
<div class="h6">
277277
Hovered List
278278
</div>
@@ -292,14 +292,14 @@ <h2 class="display-flex mb-10">
292292
</div>
293293
</div>
294294
</div>
295-
<script type="text/plain" class="language-markup mt-50">
295+
<script type="text/plain" class="language-markup">
296296
<div class="hovered list">
297297
...
298298
</div>
299299
</script>
300300
</div>
301301
<div class="col-xs-16 col-lg-5">
302-
<div class="divided list">
302+
<div class="divided list mb-70">
303303
<div class="h6">
304304
Divided List
305305
</div>
@@ -320,7 +320,7 @@ <h2 class="display-flex mb-10">
320320
</div>
321321
</div>
322322

323-
<script type="text/plain" class="language-markup mt-50">
323+
<script type="text/plain" class="language-markup">
324324
<div class="divided list">
325325
...
326326
</div>

components/navbar/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -599,7 +599,7 @@ <h2 class="display-flex mb-10">
599599
</header>
600600
</div>
601601
<div class="content">
602-
<header class="gradient-rtl navbar primary small shadowed">
602+
<header class="gradient-rtl navbar dark small shadowed">
603603
<div class="container">
604604
<section class="brand mr-50">
605605
<a href="javascript:">

0 commit comments

Comments
 (0)