File: /var/www/dinamo-shop/wp-content/themes/dinamo-shop/assets/img/Checkout 2 – dinamo_webshop.htm
<!DOCTYPE html>
<!-- saved from url=(0043)http://localhost/dinamo-webshop/checkout-2/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Checkout 2 – dinamo_webshop</title>
<link rel="dns-prefetch" href="http://s.w.org/">
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/localhost\/dinamo-webshop\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.2.4"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script><script src="./Checkout 2 – dinamo_webshop_files/wp-emoji-release.min.js" type="text/javascript" defer=""></script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="wp-block-library-css" href="./Checkout 2 – dinamo_webshop_files/style.min.css" type="text/css" media="all">
<link rel="stylesheet" id="main-style-css" href="./Checkout 2 – dinamo_webshop_files/styles.css" type="text/css" media="all">
<link rel="https://api.w.org/" href="http://localhost/dinamo-webshop/wp-json/">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/dinamo-webshop/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/dinamo-webshop/wp-includes/wlwmanifest.xml">
<meta name="generator" content="WordPress 5.2.4">
<link rel="canonical" href="http://localhost/dinamo-webshop/checkout-2/">
<link rel="shortlink" href="http://localhost/dinamo-webshop/?p=34">
<link rel="alternate" type="application/json+oembed" href="http://localhost/dinamo-webshop/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%2Fdinamo-webshop%2Fcheckout-2%2F">
<link rel="alternate" type="text/xml+oembed" href="http://localhost/dinamo-webshop/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%2Fdinamo-webshop%2Fcheckout-2%2F&format=xml">
</head><body class="page-template page-template-page-templates page-template-checkout2 page-template-page-templatescheckout2-php page page-id-34" id="34">
<header>
<section class="bg50-50 hide-mobile">
<div class="container">
<div class="navbar navbar-belt">
<div class="bg-primary d-flex justify-content-between flex-fill">
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Službena stranica</a></li>
<li class="nav-item">
<div class="dropdown">
<a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">
Jezik
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="http://localhost/dinamo-webshop/checkout-2/#">hrvatski</a>
<a class="dropdown-item" href="http://localhost/dinamo-webshop/checkout-2/#">engleski</a>
</div>
</div>
</li>
</ul>
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Prijava</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Registacija</a></li>
</ul>
</div>
<div class="bg-secondary pl-15">
<a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">
<svg class="icon-cart"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-cart"></use></svg>
Košarica (<span>2</span>) <span class="ml-5">252,00 HRK</span>
</a>
</div>
</div>
</div></section>
<section class="p-relative hide-mobile">
<div class="container">
<div class="navbar navbar-search">
<h4 class="mb-0"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/">GNK Dinamo Zagreb - službena web trgovina</a></h4>
<div class="form-group ml-30">
<div class="search-block">
<input type="text" autocomplete="off" class="form-control search" name="search" id="main-search" placeholder="Pretraži po nazivu">
<div class="js-search-dropdown search-block__dropdown"></div>
</div>
</div>
</div>
<a class="navbar navbar-brand" href="http://localhost/dinamo-webshop/checkout-2/">
<img src="./Checkout 2 – dinamo_webshop_files/main-logo.png" alt="Dinamo Logo">
</a>
</div>
<div class="divider"></div>
<div class="container">
<div class="navbar navbar-main">
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dresovi</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Majice</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Trenirke i jakne</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dječji asortiman</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dodaci</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Akcije</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Kupuj po igraču</a></li>
</ul>
</div>
<!-- <div class="navbar-main-dropdown">-->
<!-- <div class="row h-100">-->
<!-- <div class="col-3 left">-->
<!-- <div class="mb-15">-->
<!-- <h3>Dodaci</h3>-->
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis dui eu nibh.</p>-->
<!-- </div>-->
<!-- <a href="#" class="link">Pogledaj sve vrste dodataka</a>-->
<!-- </div>-->
<!-- <div class="col-3 right">-->
<!-- <ul class="">-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Lorem ipsum</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Aliquam erat volutpat</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="col-3 right">-->
<!-- <ul class="">-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Lorem ipsum</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Aliquam erat volutpat</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="col-3 right">-->
<!-- <ul class="">-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Lorem ipsum</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Aliquam erat volutpat</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</section>
<div class="mobile-bar">
<a class="navbar navbar-brand" href="http://localhost/dinamo-webshop/checkout-2/">
<img src="./Checkout 2 – dinamo_webshop_files/main-logo.png" alt="Dinamo Logo">
</a>
<div class="mobile-bar-belt">
<div class="mobile-bar-belt-left">
<h4 class="mb-0"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/">GNK Dinamo Zagreb</a></h4>
</div>
<div class="mobile-bar-belt-right">
<a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">
<svg class="icon-cart"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-cart"></use></svg>
Košarica (<span>2</span>) <span class="ml-5">252,00 HRK</span>
</a>
</div>
</div>
<div class="mobile-bar-main">
<button class="menu-btn">
<div class="menu-icon"></div>
</button>
</div>
<div class="mobile-bar-search">
<input type="text" autocomplete="off" class="form-control search" name="search" id="main-search" placeholder="Pretraži po nazivu">
</div>
</div>
<div class="mobile-menu">
<div class="accordion">
<button class="accordion-header">
Dresovi
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
<button class="accordion-header">
Majice
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
<button class="accordion-header">
Trenirke i jakne
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
<button class="accordion-header">
Dječji asortiman
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
<button class="accordion-header">
Dodaci
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
<button class="accordion-header">Akcije</button>
<button class="accordion-header">Kupuj po igraču</button>
<button class="accordion-header alt">
Languages
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
</button>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Hrvatski</a></li>
<li><a href="http://localhost/dinamo-webshop/checkout-2/#" class="accordion-panel-item">Njemački</a></li>
</ul>
</div>
</div>
</div>
</header>
<div class="checkout mb-135">
<section class="section bg-gray">
<div class="container">
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="http://localhost/dinamo-webshop/checkout-2/#">Naslovna</a></li>
<li class="breadcrumb-item active" aria-current="page">Checkout</li>
</ol>
</nav>
</div>
</section>
<section class="section">
<div class="container">
<div class="row">
<div class="col pt-30">
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis eros vel quam ultrices imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper nibh nibh, et consequat libero ultricies posuere. Donec facilisis lectus ac ipsum sagittis</p>-->
<!---->
<!-- <div class="row mt-40">-->
<!-- <div class="col-4">-->
<!-- <h3>Izradite novi korisnički račun</h3>-->
<!-- <a href="#" class="btn btn-primary mt-70">Registriraj se</a>-->
<!-- </div>-->
<!-- <div class="col-auto">-->
<!-- <div class="or">-->
<!-- <span>ili</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col">-->
<!---->
<!-- <h3>Prijavite se</h3>-->
<!-- <form>-->
<!-- <div class="form-group">-->
<!-- <label class="form-label">Email adresa</label>-->
<!-- <input type="text" class="form-control" name="email" placeholder="Unesite email adresu"/>-->
<!-- </div>-->
<!-- <div class="form-group">-->
<!-- <label class="form-label">Lozinka</label>-->
<!-- <input type="password" class="form-control" name="password" placeholder="Unesite lozinku"/>-->
<!-- </div>-->
<!-- <a href="#" class="btn btn-primary">Prijavi se</a>-->
<!-- <br/>-->
<!-- <a href="#" class="btn btn-ghost">Zaboravili ste lozinku?</a>-->
<!-- </form>-->
<!---->
<!-- <h3>Izgubljena lozinka</h3>-->
<!-- <p>Molimo vas da unesete email adresu vezanu uz vaš korisnički računa i poslati ćemo vam upute za reset lozinke.</p>-->
<!-- <form>-->
<!-- <div class="form-group">-->
<!-- <label class="form-label">Izgubljena lozinka</label>-->
<!-- <input type="password" class="form-control" name="password" placeholder="Unesite lozinku"/>-->
<!-- </div>-->
<!-- <a href="#" class="btn btn-primary">Pošalji</a>-->
<!-- <br/>-->
<!-- <a href="#" class="btn btn-ghost">Nazad na prijavu</a>-->
<!-- </form>-->
<!---->
<!-- </div>-->
<!-- </div>-->
<!-- <h2>Prijava u korisnički račun</h2>-->
<!-- <form>-->
<!-- <div class="row">-->
<!-- <div class="col">-->
<!-- <div class="form-group">-->
<!-- <label class="form-label">Email adresa</label>-->
<!-- <input type="text" class="form-control full-width" name="email" placeholder="Unesite email adresu"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col">-->
<!-- <div class="form-group">-->
<!-- <label class="form-label">Izgubljena lozinka</label>-->
<!-- <input type="password" class="form-control full-width" name="password" placeholder="Unesite lozinku"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!---->
<!-- <div class="text-center">-->
<!-- <a href="#" class="btn btn-primary">Prijavi se</a><br/>-->
<!-- <a href="#" class="btn btn-ghost">Zaboravili ste lozinku?</a><br/>-->
<!-- <a href="#" class="btn btn-ghost">Želite napraviti novi korisnički račun?</a>-->
<!-- </div>-->
<!-- </form>-->
<!-- <h2>Izradite novi korisnički račun</h2>-->
<!-- <form>-->
<!-- <div class="row">-->
<!-- <div class="col-6">-->
<!-- <div class="form-group">-->
<!-- <label class="form-label">Email adresa</label>-->
<!-- <input type="text" class="form-control full-width" name="email" placeholder="Unesite email adresu"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-6">-->
<!-- <div class="form-group">-->
<!-- <label class="form-label">Ponovite email adresu</label>-->
<!-- <input type="text" class="form-control full-width" name="repeatedEmail" placeholder="Unesite email adresu"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-6">-->
<!-- <div class="form-group">-->
<!-- <label class="form-label">Lozinka</label>-->
<!-- <input type="text" class="form-control full-width" name="password" placeholder="Unesite lozinku"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-6">-->
<!-- <div class="form-group">-->
<!-- <label class="form-label">Ponovite lozinku</label>-->
<!-- <input type="password" class="form-control full-width" name="repeatedPassword" placeholder="Unesite lozinku"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- -->
<!---->
<!-- <div class="text-center my-30">-->
<!-- <div class="form-group">-->
<!-- <label class="checkbox">-->
<!-- Pročitao sam i slažem se s <a href="#" class="link">Uvjetima korištenja</a>-->
<!-- <input type="checkbox" name="termsOfUse">-->
<!-- <span class="checkmark"></span>-->
<!-- </label>-->
<!-- </div>-->
<!-- <div class="form-group">-->
<!-- <label class="checkbox">-->
<!-- Pročitao sam i slažem se s <a href="#" class="link">Pravilima privatnosti</a>-->
<!-- <input type="checkbox" name="privacyRules">-->
<!-- <span class="checkmark"></span>-->
<!-- </label>-->
<!-- </div>-->
<!-- </div>-->
<!---->
<!-- <div class="text-center">-->
<!-- <a href="#" class="btn btn-primary">Registriraj se</a><br/>-->
<!-- <a href="#" class="btn btn-ghost">Već imam korisnički račun</a><br/>-->
<!-- </div>-->
<!-- </form>-->
<h2>Podaci za naplatu</h2>
<form>
<div class="row">
<div class="col-6">
<div class="form-group">
<label class="form-label">Ime</label>
<input type="text" class="form-control full-width" name="firstName" placeholder="Unesite ime">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Prezime</label>
<input type="text" class="form-control full-width" name="lastName" placeholder="Unesite prezime">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Ime poduzeća (opcionalno)</label>
<input type="text" class="form-control full-width" name="companyName" placeholder="Unesite ime poduzeća">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Kontakt email</label>
<input type="text" class="form-control full-width" name="email" placeholder="Unesite email adresu">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Kontakt telefon</label>
<input type="number" class="form-control full-width" name="tel" placeholder="Unesite kontakt telefon">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Država</label>
<div class="select">
<input type="text" class="form-control full-width" name="state" autocomplete="off" readonly="" placeholder="Odaberite državu">
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
<ul class="options">
<li class="option">Hrvatska</li>
<li class="option">Njemačka</li>
<li class="option">Švicarska</li>
</ul>
</div>
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Grad</label>
<input type="text" class="form-control full-width" name="city" placeholder="Unesite grad">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Poštanski broj</label>
<input type="number" class="form-control full-width" name="postalCode" placeholder="Unesite poštanski broj">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="checkbox" id="useDataForDelivery">
Koristi ove podatke za dostavu
<input type="checkbox" name="useDataForDelivery">
<span class="checkmark"></span>
</label>
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Napomena uz narudžbu</label>
<textarea rows="2" class="form-control full-width" name="note" placeholder="Unesite grad"></textarea>
</div>
</div>
</div>
<div id="delivery" style="">
<h3 class="mt-25 mb-0">Podaci za dostavu</h3>
<div class="row">
<div class="col-6">
<div class="form-group">
<label class="form-label">Ime</label>
<input type="text" class="form-control full-width" name="deliveryFirstName" placeholder="Unesite ime">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Prezime</label>
<input type="text" class="form-control full-width" name="deliveryLastName" placeholder="Unesite prezime">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Ime poduzeća (opcionalno)</label>
<input type="text" class="form-control full-width" name="deliveryCompanyName" placeholder="Unesite ime poduzeća">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Kontakt email</label>
<input type="text" class="form-control full-width" name="deliveryEmail" placeholder="Unesite email adresu">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Kontakt telefon</label>
<input type="number" class="form-control full-width" name="deliveryTel" placeholder="Unesite kontakt telefon">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Država</label>
<div class="select">
<input type="text" class="form-control full-width" name="deliveryState" autocomplete="off" readonly="" placeholder="Odaberite državu">
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
<ul class="options">
<li class="option">Hrvatska</li>
<li class="option">Njemačka</li>
<li class="option">Švicarska</li>
</ul>
</div>
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Grad</label>
<input type="text" class="form-control full-width" name="deliveryCity" placeholder="Unesite grad">
</div>
</div>
<div class="col-6">
<div class="form-group">
<label class="form-label">Poštanski broj</label>
<input type="number" class="form-control full-width" name="deliveryPostalCode" placeholder="Unesite poštanski broj">
</div>
</div>
</div>
</div>
<div class="text-center">
<a href="http://localhost/dinamo-webshop/checkout-2/#" class="btn btn-primary">Dalje</a><br>
</div>
</form>
</div>
<div class="col-auto">
<div class="order-details alt">
<h3>Pregled narudžbe</h3>
<ul class="order-details-list">
<li class="order-details-list-item">
<div class="d-flex">
<div class="order-details-list-img">
<img class="img-fluid" src="./Checkout 2 – dinamo_webshop_files/kosarica.png" alt="">
</div>
<div class="order-details-list-desc">
<h4>DRES AWAY 19/20</h4>
<div class="d-flex">
<label>Veličina S</label>
<label>Bez tiska</label>
</div>
<div class="d-flex align-items-center mt-15">
<div class="form-group">
<span class="minus">-</span>
<input type="number" class="form-control text-center quantity" name="quantity">
<span class="plus">+</span>
</div>
<span class="total">1 x 698,00 kn</span>
</div>
</div>
</div>
</li>
<li class="order-details-list-item">
<div class="d-flex">
<div class="order-details-list-img">
<img class="img-fluid" src="./Checkout 2 – dinamo_webshop_files/kosarica.png" alt="">
</div>
<div class="order-details-list-desc">
<h4>DRES AWAY 19/20</h4>
<div class="d-flex">
<label>Veličina S</label>
<label>Bez tiska</label>
</div>
<div class="d-flex align-items-center mt-15">
<div class="form-group">
<span class="minus">-</span>
<input type="number" class="form-control text-center quantity" name="quantity">
<span class="plus">+</span>
</div>
<span class="total">1 x 698,00 kn</span>
</div>
</div>
</div>
</li>
<li class="order-details-list-item">
<div class="d-flex">
<div class="order-details-list-img">
<img class="img-fluid" src="./Checkout 2 – dinamo_webshop_files/kosarica.png" alt="">
</div>
<div class="order-details-list-desc">
<h4>DRES AWAY 19/20</h4>
<div class="d-flex">
<label>Veličina S</label>
<label>Bez tiska</label>
</div>
<div class="d-flex align-items-center mt-15">
<div class="form-group">
<span class="minus">-</span>
<input type="number" class="form-control text-center quantity" name="quantity">
<span class="plus">+</span>
</div>
<span class="total">1 x 698,00 kn</span>
</div>
</div>
</div>
</li>
</ul>
<div class="box">
<div class="item">
<div class="form-group">
<label class="form-label uppercase">Dostava</label>
<div class="select">
<input type="text" class="form-control" id="sort" name="sort" autocomplete="off" readonly="" placeholder="Odaberite igrača">
<svg class="icon-arrow"><use xlink:href="http://localhost/dinamo-webshop/wp-content/themes/dinamo-shop/assets/icons/icons.svg#icon-arrow"></use></svg>
<ul class="options">
<li class="option">Hrvatska</li>
<li class="option">Njemačka</li>
<li class="option">Austrija</li>
<li class="option">Švicarska</li>
</ul>
</div>
</div>
<span class="price align-self-end">150,00 kn</span>
</div>
</div>
<div class="box">
<div class="item">
<label class="uppercase">Osnovica</label>
<span class="price">2479,00 kn</span>
</div>
<div class="item">
<label class="uppercase">PDV</label>
<span class="price">823,00 kn</span>
</div>
</div>
<div class="box">
<div class="item">
<label class="uppercase">Ukupno</label>
<span class="total">3650,00 kn</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="section bg-primary">
<div class="footer">
<div class="container footer-content">
<div class="row">
<div class="col-3">
<h3>Kako vam možemo pomoći</h3>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Kontaktirajte nas</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Načini plaćanja</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Uvjeti dostave</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Povrati i reklamacije</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Reklamacije</a></li>
</ul>
</div>
<div class="col-3">
<h3>Najpopularnije</h3>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dres home away 1</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dres home away 2</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dinamo budilica</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Karte za belot</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dres home</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dres away</a></li>
</ul>
</div>
<div class="col-3">
<h3>Načini plaćanja</h3>
<div class="bank-cards">
<a href="http://localhost/dinamo-webshop/checkout-2/#"><img class="mr-10" src="./Checkout 2 – dinamo_webshop_files/visa1.png" target="_blank" alt="Visa"></a>
<a href="http://localhost/dinamo-webshop/checkout-2/#"><img class="mr-10" src="./Checkout 2 – dinamo_webshop_files/visa2.png" target="_blank" alt="Visa eletronic"></a>
<a href="http://localhost/dinamo-webshop/checkout-2/#"><img class="mr-10" src="./Checkout 2 – dinamo_webshop_files/mastercard.png" target="_blank" alt="Mastercard"></a>
<a href="http://localhost/dinamo-webshop/checkout-2/#"><img class="mr-10" src="./Checkout 2 – dinamo_webshop_files/maestro.png" target="_blank" alt="Maestro"></a>
<a href="http://localhost/dinamo-webshop/checkout-2/#"><img class="mr-10" src="./Checkout 2 – dinamo_webshop_files/americanexpress.png" target="_blank" alt="American Express"></a>
<a href="http://localhost/dinamo-webshop/checkout-2/#"><img class="mr-10" src="./Checkout 2 – dinamo_webshop_files/paypal.png" target="_blank" alt="PayPal"></a>
</div>
</div>
<div class="col-3">
<h3>Dinamo na webu</h3>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dinamo službena stranica</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dinamo nogometna škola</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Fairplay na tribinama</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Ženski nogometni klub dinamo</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost/dinamo-webshop/checkout-2/#">Dinamo 1967</a></li>
</ul>
</div>
</div>
<div class="social">
<a href="http://localhost/dinamo-webshop/checkout-2/#"><img class="mr-10" src="./Checkout 2 – dinamo_webshop_files/face.png" alt="Facebook"></a>
<a href="http://localhost/dinamo-webshop/checkout-2/#"><img class="mr-10" src="./Checkout 2 – dinamo_webshop_files/twitter.png" alt="Twitter"></a>
<a href="http://localhost/dinamo-webshop/checkout-2/#"><img class="mr-10" src="./Checkout 2 – dinamo_webshop_files/instagram.png" alt="Instagram"></a>
</div>
</div>
<div class="divider"></div>
<div class="container footer-belt">
<a class="footer-brand" href="http://localhost/dinamo-webshop/checkout-2/#">
<img src="./Checkout 2 – dinamo_webshop_files/main-logo.png" alt="Dinamo Logo">
</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis feugiat cursus leo nec aliquet. Quisque feugiat ac felis vitae consectetur. Pellentesque et ullamcorper ligula. Curabitur at ex ut dui porta malesuada sit amet a dolor.</p>
</div>
</div>
</section>
<script type="text/javascript" src="./Checkout 2 – dinamo_webshop_files/utility.bundle.js"></script>
<script type="text/javascript" src="./Checkout 2 – dinamo_webshop_files/vendor.bundle.js"></script>
<script type="text/javascript" src="./Checkout 2 – dinamo_webshop_files/core.bundle.js"></script>
<script type="text/javascript" src="./Checkout 2 – dinamo_webshop_files/wp-embed.min.js"></script>
</body></html>