SHARE
TWEET

Untitled

a guest Jan 28th, 2020 83 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <title>Bootstrap Example</title>
  5.   <meta charset="utf-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1">
  7.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  8.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  9.   <link rel='stylesheet' id='thim-awesome-css'  href='https://kasperzi.com/wp-content/themes/kasperzi/framework/css/font-awesome.min.css?ver=5.3.2' type='text/css' media='all' />
  10.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  11.   <style>
  12.     .panel-heading,.panel-footer{
  13.         background: #0c1c27 !important;
  14.         color: white !important;
  15.         text-align: center;
  16.         font-size: 2.5rem;
  17.         font-weight: 800;
  18.         padding: 20px 0;
  19.     }
  20.    
  21.     .novac{
  22.         font-size: 5rem;
  23.         font-weight: 800;
  24.     }
  25.     .bam{
  26.         font-weight: 800;
  27.     }
  28.     .vrsta{
  29.         color: #ff9900;
  30.         font-weight: 800;
  31.         display: block;
  32.         margin-top: -10px;
  33.     }
  34.     .price{
  35.         text-align: center;
  36.     }
  37.     ul{
  38.     margin: 0;
  39.     padding: 0;
  40.     }
  41.     ul li{
  42.         font-weight: 600;
  43.         list-style: none;
  44.         margin: 0;
  45.         padding: 0;
  46.         text-transform: lowercase;
  47.     }
  48.     ul li:not(:last-child){
  49.         padding-bottom: 5px;
  50.         border-bottom: 1px solid #666;
  51.         margin-bottom: 10px;
  52.     }
  53.     .btn-primary{
  54.         background: #fff;
  55.         font-weight: 600;
  56.         color: #0c1c27;
  57.         text-transform: uppercase;
  58.         padding: 10px 50px;
  59.     }
  60.   </style>
  61. </head>
  62. <body>
  63.  
  64. <div class="container-fluid">
  65.   <div class="row">
  66.     <div class="col-sm-3">
  67.         <div class="panel panel-default">
  68.     <div class="panel-heading">SIMPLE</div>
  69.     <div class="panel-body">
  70.         <div class="price">
  71.             <span class="novac">300</span>
  72.             <span class="bam">KM</span>
  73.             <span class="vrsta">jednokratno</span>
  74.         </div>
  75.         <hr>
  76.         <ul>
  77.             <li>HOSTING</li>
  78.             <li>DOMENA</li>
  79.             <li>DO 5 STRANICA</li>
  80.             <li>OSNOVNA SEO OPTIMIZACIJA</li>
  81.             <li>INSTALACIJA I PODEŠAVANJE EMAIL-A</li>
  82.             <li>GALERIJA SLIKA</li>
  83.             <li>UNOS SADRŽAJA</li>
  84.             <li>DIZAJN ZA TABLETE I MOBITELE</li>
  85.             <li>INTEGRACIJA SA SOCIJALNIM MREŽAMA</li>
  86.             <li>ANALIZA POSJETA - GOOGLE ANALYTICS</li>
  87.             <li>OBUKA 3h - BESPLATNO</li>
  88.             <li>ONLINE PODRŠKA 30 dana - BESPLATNO</li>
  89.         </ul>
  90.     </div>
  91.     <div class="panel-footer">
  92.         <button class="btn btn-lg btn-primary">Naruči</button>
  93.     </div>
  94.   </div>
  95.     </div>
  96.     <div class="col-sm-3">
  97.     <div class="panel panel-default">
  98.     <div class="panel-heading">STANDARD</div>
  99.     <div class="panel-body">
  100.         <div class="price">
  101.             <span class="novac">400</span>
  102.             <span class="bam">KM</span>
  103.             <span class="vrsta">jednokratno</span>
  104.         </div>
  105.         <hr>
  106.         <ul>
  107.             <li>HOSTING</li>
  108.             <li>DOMENA</li>
  109.             <li>DO 5 STRANICA</li>
  110.             <li>OSNOVNA SEO OPTIMIZACIJA</li>
  111.             <li>INSTALACIJA I PODEŠAVANJE EMAIL-A</li>
  112.             <li>GALERIJA SLIKA</li>
  113.             <li>UNOS SADRŽAJA</li>
  114.             <li>DIZAJN ZA TABLETE I MOBITELE</li>
  115.             <li>INTEGRACIJA SA SOCIJALNIM MREŽAMA</li>
  116.             <li>ANALIZA POSJETA - GOOGLE ANALYTICS</li>
  117.             <li>OBUKA 3h - BESPLATNO</li>
  118.             <li>ONLINE PODRŠKA 30 dana - BESPLATNO</li>
  119.         </ul>
  120.     </div>
  121.     <div class="panel-footer">
  122.         <button class="btn btn-lg btn-primary">Naruči</button>
  123.     </div>
  124.   </div>
  125.     </div>
  126.     <div class="col-sm-3">
  127.     <div class="panel panel-default">
  128.     <div class="panel-heading">BUSINESS</div>
  129.     <div class="panel-body">
  130.         <div class="price">
  131.             <span class="novac">640</span>
  132.             <span class="bam">KM</span>
  133.             <span class="vrsta">jednokratno</span>
  134.         </div>
  135.         <hr>
  136.         <ul>
  137.             <li>HOSTING</li>
  138.             <li>DOMENA</li>
  139.             <li>DO 5 STRANICA</li>
  140.             <li>OSNOVNA SEO OPTIMIZACIJA</li>
  141.             <li>INSTALACIJA I PODEŠAVANJE EMAIL-A</li>
  142.             <li>GALERIJA SLIKA</li>
  143.             <li>UNOS SADRŽAJA</li>
  144.             <li>DIZAJN ZA TABLETE I MOBITELE</li>
  145.             <li>INTEGRACIJA SA SOCIJALNIM MREŽAMA</li>
  146.             <li>ANALIZA POSJETA - GOOGLE ANALYTICS</li>
  147.             <li>OBUKA 3h - BESPLATNO</li>
  148.             <li>ONLINE PODRŠKA 30 dana - BESPLATNO</li>
  149.         </ul>
  150.     </div>
  151.     <div class="panel-footer">
  152.         <button class="btn btn-lg btn-primary">Naruči</button>
  153.     </div>
  154.   </div>
  155.     </div>
  156.     <div class="col-sm-3">
  157.     <div class="panel panel-default">
  158.     <div class="panel-heading">ROYAL</div>
  159.     <div class="panel-body">
  160.         <div class="price">
  161.             <span class="novac">840</span>
  162.             <span class="bam">KM</span>
  163.             <span class="vrsta">jednokratno</span>
  164.         </div>
  165.         <hr>
  166.         <ul>
  167.             <li>HOSTING</li>
  168.             <li>DOMENA</li>
  169.             <li>DO 5 STRANICA</li>
  170.             <li>OSNOVNA SEO OPTIMIZACIJA</li>
  171.             <li>INSTALACIJA I PODEŠAVANJE EMAIL-A</li>
  172.             <li>GALERIJA SLIKA</li>
  173.             <li>UNOS SADRŽAJA</li>
  174.             <li>DIZAJN ZA TABLETE I MOBITELE</li>
  175.             <li>INTEGRACIJA SA SOCIJALNIM MREŽAMA</li>
  176.             <li>ANALIZA POSJETA - GOOGLE ANALYTICS</li>
  177.             <li>OBUKA 3h - BESPLATNO</li>
  178.             <li>ONLINE PODRŠKA 30 dana - BESPLATNO</li>
  179.         </ul>
  180.     </div>
  181.     <div class="panel-footer">
  182.         <button class="btn btn-lg btn-primary">Naruči</button>
  183.     </div>
  184.   </div>
  185.     </div>
  186.   </div>
  187. </div>
  188.  
  189. </body>
  190. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top