Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>Bootstrap Example</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <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' />
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
- <style>
- .panel-heading,.panel-footer{
- background: #0c1c27 !important;
- color: white !important;
- text-align: center;
- font-size: 2.5rem;
- font-weight: 800;
- padding: 20px 0;
- }
- .novac{
- font-size: 5rem;
- font-weight: 800;
- }
- .bam{
- font-weight: 800;
- }
- .vrsta{
- color: #ff9900;
- font-weight: 800;
- display: block;
- margin-top: -10px;
- }
- .price{
- text-align: center;
- }
- ul{
- margin: 0;
- padding: 0;
- }
- ul li{
- font-weight: 600;
- list-style: none;
- margin: 0;
- padding: 0;
- text-transform: lowercase;
- }
- ul li:not(:last-child){
- padding-bottom: 5px;
- border-bottom: 1px solid #666;
- margin-bottom: 10px;
- }
- .btn-primary{
- background: #fff;
- font-weight: 600;
- color: #0c1c27;
- text-transform: uppercase;
- padding: 10px 50px;
- }
- </style>
- </head>
- <body>
- <div class="container-fluid">
- <div class="row">
- <div class="col-sm-3">
- <div class="panel panel-default">
- <div class="panel-heading">SIMPLE</div>
- <div class="panel-body">
- <div class="price">
- <span class="novac">300</span>
- <span class="bam">KM</span>
- <span class="vrsta">jednokratno</span>
- </div>
- <hr>
- <ul>
- <li>HOSTING</li>
- <li>DOMENA</li>
- <li>DO 5 STRANICA</li>
- <li>OSNOVNA SEO OPTIMIZACIJA</li>
- <li>INSTALACIJA I PODEŠAVANJE EMAIL-A</li>
- <li>GALERIJA SLIKA</li>
- <li>UNOS SADRŽAJA</li>
- <li>DIZAJN ZA TABLETE I MOBITELE</li>
- <li>INTEGRACIJA SA SOCIJALNIM MREŽAMA</li>
- <li>ANALIZA POSJETA - GOOGLE ANALYTICS</li>
- <li>OBUKA 3h - BESPLATNO</li>
- <li>ONLINE PODRŠKA 30 dana - BESPLATNO</li>
- </ul>
- </div>
- <div class="panel-footer">
- <button class="btn btn-lg btn-primary">Naruči</button>
- </div>
- </div>
- </div>
- <div class="col-sm-3">
- <div class="panel panel-default">
- <div class="panel-heading">STANDARD</div>
- <div class="panel-body">
- <div class="price">
- <span class="novac">400</span>
- <span class="bam">KM</span>
- <span class="vrsta">jednokratno</span>
- </div>
- <hr>
- <ul>
- <li>HOSTING</li>
- <li>DOMENA</li>
- <li>DO 5 STRANICA</li>
- <li>OSNOVNA SEO OPTIMIZACIJA</li>
- <li>INSTALACIJA I PODEŠAVANJE EMAIL-A</li>
- <li>GALERIJA SLIKA</li>
- <li>UNOS SADRŽAJA</li>
- <li>DIZAJN ZA TABLETE I MOBITELE</li>
- <li>INTEGRACIJA SA SOCIJALNIM MREŽAMA</li>
- <li>ANALIZA POSJETA - GOOGLE ANALYTICS</li>
- <li>OBUKA 3h - BESPLATNO</li>
- <li>ONLINE PODRŠKA 30 dana - BESPLATNO</li>
- </ul>
- </div>
- <div class="panel-footer">
- <button class="btn btn-lg btn-primary">Naruči</button>
- </div>
- </div>
- </div>
- <div class="col-sm-3">
- <div class="panel panel-default">
- <div class="panel-heading">BUSINESS</div>
- <div class="panel-body">
- <div class="price">
- <span class="novac">640</span>
- <span class="bam">KM</span>
- <span class="vrsta">jednokratno</span>
- </div>
- <hr>
- <ul>
- <li>HOSTING</li>
- <li>DOMENA</li>
- <li>DO 5 STRANICA</li>
- <li>OSNOVNA SEO OPTIMIZACIJA</li>
- <li>INSTALACIJA I PODEŠAVANJE EMAIL-A</li>
- <li>GALERIJA SLIKA</li>
- <li>UNOS SADRŽAJA</li>
- <li>DIZAJN ZA TABLETE I MOBITELE</li>
- <li>INTEGRACIJA SA SOCIJALNIM MREŽAMA</li>
- <li>ANALIZA POSJETA - GOOGLE ANALYTICS</li>
- <li>OBUKA 3h - BESPLATNO</li>
- <li>ONLINE PODRŠKA 30 dana - BESPLATNO</li>
- </ul>
- </div>
- <div class="panel-footer">
- <button class="btn btn-lg btn-primary">Naruči</button>
- </div>
- </div>
- </div>
- <div class="col-sm-3">
- <div class="panel panel-default">
- <div class="panel-heading">ROYAL</div>
- <div class="panel-body">
- <div class="price">
- <span class="novac">840</span>
- <span class="bam">KM</span>
- <span class="vrsta">jednokratno</span>
- </div>
- <hr>
- <ul>
- <li>HOSTING</li>
- <li>DOMENA</li>
- <li>DO 5 STRANICA</li>
- <li>OSNOVNA SEO OPTIMIZACIJA</li>
- <li>INSTALACIJA I PODEŠAVANJE EMAIL-A</li>
- <li>GALERIJA SLIKA</li>
- <li>UNOS SADRŽAJA</li>
- <li>DIZAJN ZA TABLETE I MOBITELE</li>
- <li>INTEGRACIJA SA SOCIJALNIM MREŽAMA</li>
- <li>ANALIZA POSJETA - GOOGLE ANALYTICS</li>
- <li>OBUKA 3h - BESPLATNO</li>
- <li>ONLINE PODRŠKA 30 dana - BESPLATNO</li>
- </ul>
- </div>
- <div class="panel-footer">
- <button class="btn btn-lg btn-primary">Naruči</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement