Skip to content

Instantly share code, notes, and snippets.

@philipp-r

philipp-r/linktree.html

Created August 29, 2020 16:46
Show Gist options
  • Save philipp-r/2d681f1a0fc0528d82b88fcf768576c1 to your computer and use it in GitHub Desktop.
Save philipp-r/2d681f1a0fc0528d82b88fcf768576c1 to your computer and use it in GitHub Desktop.
Download ZIP
Simple template for landing page to link stuff from Instagram - as alternative to linktr.ee / taplink.at
Raw
linktree.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<title>Hello, world!</title>
</head>
<body class="bg-dark">
<div class="container">
<h1 class="display-3 text-center text-white bg-dark">Display 2</h1>
<hr />
<a href="#" role="button" class="btn btn-outline-primary btn-lg btn-block">
Block level button
</a>
<a href="#" role="button" class="btn btn-outline-secondary btn-lg btn-block">
Block level button
</a>
<a href="#" role="button" class="btn btn-outline-success btn-lg btn-block">
Block level button
</a>
<a href="#" role="button" class="btn btn-outline-danger btn-lg btn-block">
Block level button
</a>
<a href="#" role="button" class="btn btn-outline-light btn-lg btn-block">
Block level button
</a>
</div>
<!-- Icons:
simpleicons.org
<img height="32" width="32" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/[ICON NAME].svg" />
<img height="32" width="32" src="https://unpkg.com/simple-icons@v3/icons/[ICON NAME].svg" />
ionicons.com
<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
<ion-icon name="heart"></ion-icon>
heroicons.dev
-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment