HTML5 // Grid

<!doctype html>
<html lang="en" class="no-js">
<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">
    <link rel="canonical" href="https://html5-templates.com/" />
    <title>Masonry - Simple HTML Template</title>
    <meta name="description" content="A brief page description">
    <link rel="stylesheet" href="46687376ea6eaf4e681db46b9b1590346235da2e48c59554ff483e7696ab56b0_0">
	<script src="f03cdad20a0fe399bbe306fef2178350eccc1dc5dbcb1278dc92b2ebff642588_0" type="text/javascript"></script>
    <script src="70445432b6ba8e86398f0655281d355df1caf3696005b0881b9519fa57f307d1_0"></script>
</head>

<body>
	<div class="grid">
		<div class="grid-item">1</div>
		<div class="grid-item">2</div>
		<div class="grid-item">3</div>
		<div class="grid-item">4</div>
		<div class="grid-item">5</div>
		<div class="grid-item">6</div>
		<div class="grid-item">7</div>
		<div class="grid-item">8</div>
		<div class="grid-item">9</div>
		<div class="grid-item">10</div>
		<div class="grid-item grid-item-double">11</div>
		<div class="grid-item">12</div>
		<div class="grid-item">13</div>
		<div class="grid-item grid-item-double">14</div>
		<div class="grid-item">15</div>
		<div class="grid-item grid-item-double">16</div>
		<div class="grid-item">17</div>
		<div class="grid-item">18</div>
		<div class="grid-item grid-item-double">19</div>
		<div class="grid-item grid-item-double">20</div>
	</div>
	<p style="padding: 20px; text-align: right;">&copy; You can modify and publish this template without limitations but please leave a link to our website: <a href="https://bsv20.io" target="_blank" rel="nofollow">HTML5-Templates.com and Bitcoin Ordinals</a></p>

<script>
$('.grid').masonry({
  // options
  itemSelector: '.grid-item',
  columnWidth: 200
});
</script>
</body>

</html>