46 lines
1.3 KiB
HTML
46 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='en'>
|
|
|
|
<head>
|
|
<meta charset='UTF-8'>
|
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
|
<title>Funko Pops</title>
|
|
<link href='https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css' rel='stylesheet'
|
|
integrity='sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3'
|
|
crossorigin='anonymous'>
|
|
</head>
|
|
|
|
<body>
|
|
<div class='container py-3'>
|
|
<h1>Funkos</h1>
|
|
|
|
<div class="row row-cols-2 row-cols-md-3 row-cols-md-4 gy-5" id='funkos'>
|
|
</div>
|
|
|
|
<template id='funkoTemplate'>
|
|
<div class='col'>
|
|
<div class="card text-center">
|
|
<img class='card-img-top funko__img' width="150" />
|
|
<div class="card-header">
|
|
<p class='funko__title'></p>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="card-text">
|
|
<p>Price: £<span class='funko__price'></span></p>
|
|
<p>Rank: <span class="funko__rank"></span></p>
|
|
<p class='funko__description'></p>
|
|
</div>
|
|
|
|
<a class="btn btn-primary stretched-link funko__readmore">Read more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
|
|
<script src='funkos.js'></script>
|
|
<script src='script.js'></script>
|
|
</body>
|
|
|
|
</html> |