qrcards.github.io/cards.html at main · qrcards/qrcards.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>QRCards</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
  <link href="style.css" rel="stylesheet" type="text/css">
  <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1976d2">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">
</head>
<body>
  <div class="logo"><img src = "qrcards_logo.svg" alt="QRCards"></div>
  <h1>Scan, share, spread</h1>
  <p>These are the front and back of a QRCard (as of 24-01-2023).<br>Click each to download it.</p>
  <a href="/front.png" download><img src="/front.png" class="onet" style="width: 200px; height: auto;" alt="The front of the card"></a>
  <a href="/back.png" download><img src="/back.png" class="twot" style="width: 200px; height: auto;" alt="The back of the card"></a>
  <span style="position: fixed; bottom: 0%; left: 33%; transform: translateX(-33%)"><a href="https://youtube.com/@qwergle" class="mbm">made by qwergle</a></span><span><a style="position: fixed; bottom: 0%; left: 66%; transform: translateX(-66%);" class="mbm" href="/index.html">Home</a></span>
</body>