https://www.uitgeverijcossee.nl/winkel/mand

1<!DOCTYPE html>
2<html lang="nl">
3  <head>
4  <meta charset="utf-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
7  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8  <meta name="description" content="" />
9  <meta name="author" content="" />
10
11  <link rel="canonical" href="" />
12
13  <title>CosseeSFP Shop - Home</title>
14
15  <!-- Twitter -->
16  <meta name="twitter:card" content="" />
17  <meta name="twitter:site" content="" />
18  <meta name="twitter:creator" content="" />
19  <meta name="twitter:title" content="" />
20  <meta name="twitter:description" content="" />
21  <meta name="twitter:image" content="" />
22
23  <!-- Facebook -->
24  <meta property="og:url" content="" />
25  <meta property="og:title" content="" />
26  <meta property="og:description" content="" />
27  <meta property="og:type" content="article" />
28  <meta property="og:image" content="" />
29  <meta property="og:image:type" content="image/png" />
30  <meta property="og:image:width" content="1000" />
31  <meta property="og:image:height" content="500" />
32
33
34
35  <meta name="csrf-param" content="authenticity_token" />
36<meta name="csrf-token" content="6aTdOKNq1KugnkgkMSc5vClwnhnkEcUZNv10deDs8epe4VfpftKbpCCMzzglFoqKEhbsKNAvMPAo561PXvl4Bw" />
37  
38  <link rel="apple-touch-icon" href="/assets/media/favicon/apple-touch-icon-45785032125bd263aba14291183b10b2e2129dac4576985dfe89c4a79823a25b.png" sizes="180x180" />
39<link rel="icon" href="/assets/media/favicon/favicon-32x32-e9cab4dd89123796e4377d10b41ed7056f2c6f899e9c5d0e45595197f0a22ceb.png" sizes="32x32" type="image/png" />
40<link rel="icon" href="/assets/media/favicon/favicon-16x16-2c9e0190abcc70a9471afb98a2b7c2bac85a2900ad08cb2d6c400e28e2cc6686.png" sizes="16x16" type="image/png" />
41<link rel="manifest" href="/assets/media/favicon/site-52ea250b687386a902ba7a6b77d2cc1f3ec70a912784ff5b490a7673923d9f45.webmanifest">
42<link rel="mask-icon" href="/assets/media/favicon/safari-pinned-tab-2a0b187f4918a8af05fa2c499c10b39fbe3985ad51081a79a1dc97e783ed7498.svg" color="#7952b3" />
43<meta name="msapplication-TileColor" content="#f0ebe0">
44<meta name="theme-color" content="#ffffff">
45
46
47  <link rel="stylesheet" href="/assets/application-c5695278b6ff7d6575f413ecab7efe57ec06c23e3cf93153abe5e5e097be9f96.css" data-turbo-track="reload" media="screen" />
48  

48<script src="/assets/application-751c4ce376e42c4bdad2856b44dd85b4fc0a7b87364b855dc8daa164fc94ff35.js" data-turbo-track="reload" defer="defer"></script>

48
49  
50    <!-- Google tag (gtag.js) -->
51    

51<script async src=https://www.googletagmanager.com/gtag/js?id=G-EZW2VFLHDC>
52    </script>

52
53    

53<script>
54      

54window.dataLayer = window.dataLayer || [];
55      function gtag(){dataLayer.push(arguments);}
56      gtag('js', new Date());
57      gtag('config', '

57G-EZW2VFLHDC

57');
58    

58</script>

58
59</head>
60
61  <body class="">
62    <!-- Header -->
63<header>
64  <div class="container-lg">
65    <div class="row align-items-center header-top">
66      <div class="col-6 col-lg-3">
67        <a class="logo" href="/"><img src="/assets/media/images/logo-cosseesfpshop-8056e78c8690c846fb583beab01bbb33822f3a46688b5d89154d5609d90be076.svg" class="img-fluid" alt="Logo Uitgeverij Cossee"></a>
68      </div>
69      <div class="col-lg-6 d-flex search-container">
70        <form class="w-100" action="/zoeken" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
71          <div class="input-group">
72            <input type="search" class="form-control" id="q" name="q" placeholder="Zoeken…" value="">
73            <button class="btn" type="submit" id="submit"><i class="bi bi-search"></i></button>
74          </div>
75</form>      </div>
76      <div class="col-6 col-lg-3 d-flex justify-content-end">
77  <nav>
78    <ul class="nav-secondary no-style">
79        <li>
80          <a href="/gebruikers/inloggen" title="Inloggen/registreren">
81            <i class="bi bi-person-fill fs-6"></i>
82          </a>
83        </li>
84      <li>
85        <a href="/winkel/mand" title="Uw winkelmand">
86          <i class="bi bi-bag-fill"></i>
87          <div id="cart-icon-items-count">
88            
89          </div>
90        </a>
91      </li>
92      <li class="d-block d-lg-none">
93        <!--button class="search-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#site-search" aria-expanded="false" aria-controls="site-search"><i class="bi bi-search"></i></button-->
94        <button class="search-toggler" type="button"><i class="bi bi-search"></i></button>
95      </li>
96      <li class="d-block d-lg-none">
97        <button class="nav-toggler"><i class="bi bi-list"></i></button>
98      </li>
99    </ul>
100  </nav>
101</div>
102
103    </div>
104    <div class="row">
105      <div class="col-12">
106        <nav class="nav-container">
107  <div class="nav-location-bar">
108    <div class="col-3 nav-back-link"><a href="javascript:;"><i class="bi bi-chevron-left"></i>Terug</a></div>
109    <div class="col nav-title"></div>
110    <div class="col-3">&nbsp;</div>
111  </div>
112  <ul class="nav-main no-style">
113    <li>
114      <a class="nav-main-link " aria-current="page" href="/boeken">Boeken</a>
115    </li>
116    <li>
117      <a class="nav-main-link " aria-current="page" href="/auteurs">Auteurs</a>
118    </li>
119    <li>
120      <a class="nav-main-link " aria-current="page" href="/brochures">Brochures</a>
121    </li>
122    <li>
123      <a class="nav-main-link " href="/agenda">Agenda</a>
124    </li>
125    <li>
126      <a class="nav-main-link " aria-current="page" href="/nieuws">Nieuws</a>
127    </li>
128    <li class="has-sub">
129      <a
130        class="nav-main-link "
131        href="#">Foreign rights</a>
132      <div class="nav-list-container">
133        <ul class="nav-list no-style">
134          <li class="nav-list-item"><a class="nav-list-link" href="/foreign_rights">Home</a></li>
135          <li class="nav-list-item"><a class="nav-list-link" href="/foreign_rights/catalogues">Catalogues</a></li>
136          <li class="nav-list-item"><a class="nav-list-link" href="/foreign_rights/authors">Authors</a></li>
137          <li class="nav-list-item"><a class="nav-list-link" href="/foreign_rights/contact">Contact</a></li>
138        </ul>
139      </div>
140    </li>
141  </ul>
142</nav>
143
144      </div>
145    </div>
146  </div>
147</header>
148
149    <section>
150  <div class="container">
151    <div class="row mb-4">
152      <div class="col-12 col-lg-4 d-flex align-items-center">
153  <h1 class="h4">Uw winkelmand</h1>
154</div>
155<div class="col-12 col-lg-8 d-flex align-items-center justify-content-lg-end">
156  <nav aria-label="breadcrumb">
157  <ol class="breadcrumb">
158        <li class="breadcrumb-item" aria-current="page">Uw winkelmand</li>
159        <li class="breadcrumb-item opacity-75">Bestellen</li>
160        <li class="breadcrumb-item opacity-75">Afrekenen</li>
161        <li class="breadcrumb-item opacity-75">Bedankt</li>
162  </ol>
163</nav>
164
165</div>
166
167
168    </div>
169    <div class="row">
170      <div class="col-12 col-lg-8">
171          <div>Uw winkelmand is leeg</div>
172
173      </div>
174      <div class="col-12 col-lg-3 offset-lg-1 my-8 my-lg-0">
175        <!-- Kassabon -->
176<turbo-frame id="kassabon">
177  <table class="w-100">
178    <thead class="border-bottom">
179      <tr>
180        <th class="fs-lg pb-2">

180Overzicht</th>
181        <th></th>
182      </tr>
183    </thead>
184    <tbody>
185      <tr>
186        <td class="fs-xs py-1">Kosten</td>
187        <td class="fs-xs py-1 text-end">€0,00</td>
188      </tr>
189      <tr class="border-bottom"><th colspan="2"></th></tr>
190      <tr>
191        <td class="fs-xs py-1">Totaal</td>
192        <td class="fs-xs py-1 text-end">€0,00</td>
193      </tr>
194    </tbody>
195  </table>
196</turbo-frame>
197        <!-- Kassabon navigatie -->
198<div class="mt-4 d-block d-md-none d-lg-block">
199  <a href="/" class="btn btn-muted w-100">Verder winkelen</a>
200</div>
201
202      </div>
203    </div>
204    <!-- navigatie-->
205<div class="row mt-8 d-none d-md-flex">
206  <div class="col-6 col-lg-4"><a href="/" class="btn btn-muted">Verder winkelen</a></div>
207</div>
208
209  </div>
210</section>
211
212    <!-- Footer -->
213<footer id="footer">
214  <div class="container">
215    <div class="row">
216      <div class="col-12 col-lg-7 col-xl-5 mb-sm-6 mb-lg-0">
217        <h4 class="text-white mb-4">Aanmelden voor onze nieuwsbrief</h4>
218<p class="text-gray-300">Wil je op de hoogte blijven van onze nieuwe boeken? Meld je dan aan voor onze maandelijkse nieuwsbrief.</p>
219<form class="d-block mt-4 me-lg-6" data-turbo="true" data-turbo-method="post" action="/schrijf_in_voor_nieuwsbrief" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" /><input type="hidden" name="authenticity_token" value="hXno8-wNDPVaMBOAxAPiETv_OZ_VCaHtNadF2TnfoMYyPGIiMbVD-toilJzQMlEnAJlLruE3VAQrvZzjh8opKw" autocomplete="off" />

219
220  <script src="https://www.recaptcha.net/recaptcha/api.js?render=

2206LdLpl0qAAAAAFKl5jKpqIRs4LCZdvZFax8hNaXH

220"   ></script>
221        

221<script>
222          // Define function so that we can call it again later if we need to reset it
223          // This executes reCAPTCHA and then calls our callback.
224          function executeRecaptchaForNieuwsbrief() {
225            grecaptcha.ready(function() {
226              grecaptcha.execute('6LdLpl0qAAAAAFKl5jKpqIRs4LCZdvZFax8hNaXH', {action: 'nieuwsbrief'}).then(function(token) {
227                setInputWithRecaptchaResponseTokenForNieuwsbrief('g-recaptcha-response-data-nieuwsbrief', token)
228              });
229            });
230          };
231          // Invoke immediately
232          executeRecaptchaForNieuwsbrief()
233
234          // Async variant so you can await this function from another async function (no need for
235          // an explicit callback function then!)
236          // Returns a Promise that resolves with the response token.
237          async function executeRecaptchaForNieuwsbriefAsync() {
238            return new Promise((resolve, reject) => {
239             grecaptcha.ready(async function() {
240                resolve(await grecaptcha.execute('6LdLpl0qAAAAAFKl5jKpqIRs4LCZdvZFax8hNaXH', {action: 'nieuwsbrief'}))
241              });
242            })
243          };
244
245                  var setInputWithRecaptchaResponseTokenForNieuwsbrief = function(id, token) {
246          var element = document.getElementById(id);
247          if (element !== null) element.value = token;
248        }
249
250        </script>

250
251<input type="hidden" name="g-recaptcha-response-data[nieuwsbrief]" id="g-recaptcha-response-data-nieuwsbrief" data-sitekey="6LdLpl0qAAAAAFKl5jKpqIRs4LCZdvZFax8hNaXH" class="g-recaptcha g-recaptcha-response "/>
252
253  <div class="input-group me-10">
254    <input type="email" class="form-control" id="email_newsletter" name="email" placeholder="Uw e-mailadres">
255    <input type="submit" class="btn" value="Aanmelden">
256  </div>
257  <!-- ERROR <span class="form-text d-block mt-2 text-danger"><i class="bi bi-exclamation-triangle-fill me-1"></i>Graag een geldig e-mailadres invullen.</span> -->
258  <span id="nieuwsbrief_email_melding"></span>
259</form><span class="form-text fs-xs d-block mt-4 text-gray-600"><i class="bi bi-lock me-1"></i>Uw gegevens worden veilig verstuurd en met niemand gedeeld.</span>
260<br>
261
262
263
264      </div>
265      <div class="col-12 col-sm-6 col-md-2 offset-xl-2 col-xl-2">
266      </div>
267      <div class="col-12 col-sm-6 col-lg-3">
268        <span class="text-white">Hulp & contact</span>
269        <nav class="my-3">
270          <ul class="no-style lh-lg fs-sm mt-1">
271            <li><a href="/gebruikers/inloggen">Account & gegevens</a></li>
272            <li><a href="/hulp_en_contact">Veelgestelde vragen</a></li>
273            <li><a class="" href="/contact">Contact</a></li>
274          </ul>
275        </nav>
276      </div>
277    </div>
278    <div class="row">
279      <div class="col-12 pt-2 pt-sm-6 pt-lg-12 d-sm-flex align-items-center">
280        <span class="d-block d-sm-inline-block mb-2 mb-sm-0 me-sm-6"><img src="/assets/media/images/logo-cossee-wit-09ceeab6da2f6352f0a1eb21d3a18237f09f387cb84ffea03f68dfd7e3e59262.svg" width="200" alt="Logo Uitgeverij Cossee"></span>
281        <span class="fs-sm text-gray-600">Alle rechten voorbehouden © 2022 - 2026<br>Uitgeverij Cossee Amsterdam</span>
282      </div>
283    </div>
284  </div>
285</footer>
286
287    <turbo-frame id="cookie_banner">
288    <div class="py-3 py-md-6 cookie-wrapper show">
289      <div class="container">
290        <div class="row">
291          <div class="col-12 col-md-8">
292            <p>
293            Om u zo goed mogelijk van dienst te zijn, maakt deze applicatie  gebruik van
294            functionele cookies, analytische cookies en soortgelijke technieken.
295            Wij gebruiken deze gegevens om onze website te verbeteren, het
296            verzamelen en analyseren van statistieken en om onze
297            marketingactiviteiten te verbeteren. We vragen je hiervoor één keer
298            toestemming.
299            <a href="#" class="has-arrow">Meer informatie</a>
300            </p>
301          </div>
302          <div class="col-12 col-md-4 d-flex align-items-end justify-content-end">
303            <a data-controller="cookies" data-action="click-&gt;cookies#accepteer_cookies" class="btn m-0 cookie__close" href="/accepteer_cookies">Akkoord</a>
304            <a data-controller="cookies" data-action="click-&gt;cookies#wijs_cookies_af" class="btn btn--secondary ms-1 cookie__close" href="/wijs_cookies_af">Afwijzen</a>
305          </div>
306        </div>
307      </div>
308    </div>
309</turbo-frame>
310
311    <turbo-frame id="flash_messages" target="_top">
312</turbo-frame>
313    <!-- Modal notificatie -->
314<div class="modal fade" id="logoutModal" tabindex="-1" aria-labelledby="notifyModalLabel" aria-hidden="true">
315  <div class="modal-dialog modal-sm modal-dialog-centered">
316    <div class="modal-content shadow-lg fs-sm">
317      <div class="modal-header justify-content-center"><h6 class="modal-title" id="notifyModalLabel">Let op</h6></div>
318      <div class="modal-body text-center"><p>U wordt uitgelogd.</p></div>
319      <div class="modal-footer justify-content-center">
320        <form class="button_to" method="post" action="/gebruikers/uitloggen"><input type="hidden" name="_method" value="delete" autocomplete="off" /><input class="btn bg-terra-l w-100" type="submit" value="Log uit" /><input type="hidden" name="authenticity_token" value="BU4jSB3Hu4Vy0xOUJyrEdqSmgNdUjGGMIuIqDY13ZwiyC6mZwH_0ivLBlIgzG3dAn8Dy5mCylGU8-PM3M2Lu5Q" autocomplete="off" /></form>
321        <button type="button" class="btn w-100" data-bs-dismiss="modal">Annuleren</button>
322      </div>
323    </div>
324  </div>
325</div>
326
327    <div class="overlay is-hidden"></div>
328    <turbo-frame id="modal"></turbo-frame>
329    <turbo-frame id="redirect"></turbo-frame>
330  </body>
331</html>