<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&amp;subset=latin-ext" rel="stylesheet"> <style type="text/css"> @charset "utf-8"; a, abbr, acronym, address, article, aside, blockquote, body, button, caption, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, input, label, legend, li, menu, nav, object, ol, p, pre, q, section, span, table, tbody, td, tfoot, th, thead, tr, ul { border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time { display: block } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: '' } legend { display: table; white-space: normal } .box p .label, .box p .value, h1 { display: block } textarea { overflow: auto; vertical-align: top } pre { white-space: -moz-pre-wrap; white-space: pre-wrap; word-wrap: break-word } html { font-size: 10px; height: 100%; -webkit-tap-highlight-color: transparent } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility } h1 { line-height: 1; font-weight: 600; padding: 15px } @media (min-width:300px) { h1 { padding: 20px } } .in { padding: 19px } .box { padding: 25px; margin-bottom: 10px } .box p { margin-bottom: 15px } .box p:last-child { margin-bottom: 0 } .note { font-style: italic; font-weight: 300; margin-bottom: 25px } .btn { text-transform: uppercase; text-decoration: none; padding: 11px 18px; display: inline-block; cursor: pointer } .custom-color { color: #000 } .custom-background { background: #fff } .custom-font { font-family: 'Open Sans', sans-serif } .custom-font-size { font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; font-weight: 400 } .custom-content-border { border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000 } .custom-box-border { border: 1px solid #000 } .custom-highlight-border { border: 1px solid #c03 } .custom-h1-font-size { font-size: 20px; font-size: 2rem } @media (min-width:300px) { .custom-h1-font-size { font-size: 25px; font-size: 2.5rem } } .custom-p-font-size { font-size: 13px; font-size: 1.3rem } .custom-note-font-size { font-size: 12px; font-size: 1.2rem } .custom-value-font-size { font-size: 15px; font-size: 1.5rem } .custom-btn-font-size { font-size: 15px; font-size: 1.5rem; line-height: 22px; line-height: 2.2rem } .custom-highlight-color-set { color: #fff; background-color: #c03 } .custom-highlight-color-set-hover:hover { color: #c03; background-color: transparent } .custom-transition { -webkit-transition: background-color .2s ease, color .2s ease, border .2s ease; transition: background-color .2s ease, color .2s ease, border .2s ease } </style> </head> <body> <div class="custom-color custom-background custom-font custom-default-font-size main custom-widget-border"> <h1 class="custom-h1-font-size custom-highlight-color-set">Transparentn et</h1> <div class="in custom-content-border"> <div class="box custom-border-radius custom-box-border"> <p class="custom-p-font-size custom-p-color"> <span class="label custom-label-font-size custom-label-color">Nzev transparentnho tu:</span> <strong class="value custom-value-font-size custom-value-color">NEDOKLUBKO</strong> </p> <p class="custom-p-font-size custom-p-color"> <span class="label custom-label-font-size custom-label-color"> slo tu:</span> <strong class="value custom-value-font-size custom-value-color">1171717/0100</strong> </p> <p class="custom-p-font-size custom-p-color"> <span class="label custom-label-font-size custom-label-color">Zostatek k datu aktualizace:</span> <strong class="value custom-value-font-size custom-value-color">97277,14 CZK</strong> </p> </div> <p class="note custom-note-font-size custom-note-color">Naposledy aktualizovno 19. 8. 2018 12:35</p> <p class="btn-container"> <a class="btn btn-default custom-border-radius custom-transition custom-btn-font-size custom-highlight-color-set custom-highlight-color-set-hover custom-highlight-border" href="/Transparentni-ucty/NEDOKLUBKO-NEDOKLUBKO-CZK" target="_blank">Zobrazit detail tu</a> </p> </div> </div> </body> </html>