-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 372f9d8
Showing
3 changed files
with
45 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| # html-link-page 🔗 | ||
|
|
||
| A simple page to put your links (think "link in bio", "linktree" etc...) made with Bootstrap for quick deployment and easy customisation. | ||
|
|
||
| ## How to use | ||
|
|
||
| 1. Fork this repo. | ||
|
|
||
| 2. Replace **images/avatar.png** with your own picture. | ||
|
|
||
| 3. Edit the **index.html** file to update your name and links. | ||
|
|
||
| 4. Follow [these steps](https://docs.github.com/en/pages/quickstart) if you want to host it for free with GitHub Pages (you can even use a custom domain or subdomain like **links.yourname.com** or **socials.yourname.com**). | ||
|
|
||
| ## Demo | ||
|
|
||
| https://robsd.github.io/html-link-page |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"> | ||
| <title>Your Name</title> | ||
| </head> | ||
| <body> | ||
| <div class="container text-center my-5"> | ||
| <img class="img-fluid rounded-circle mb-5" src="images/avatar.png" width="150" alt="Your Name"> | ||
| <h1 class="mb-5">Your Name</h1> | ||
| <div class="col-md-6 mx-auto d-grid gap-2 mb-5"> | ||
| <a class="btn btn-primary" href="https://facebook.com/yourname"><i class="fab fa-facebook"></i> Facebook</a> | ||
| <a class="btn btn-primary" href="https://twitter.com/yourname"><i class="fab fa-twitter"></i> Twitter</a> | ||
| <a class="btn btn-primary" href="https://instagram.com/yourname"><i class="fab fa-facebook"></i> Instagram</a> | ||
| <a class="btn btn-primary" href="https://linkedin.com/in/yourname"><i class="fab fa-linkedin"></i> LinkedIn</a> | ||
| <a class="btn btn-primary" href="https://snapchat.com/add/yourname"><i class="fab fa-snapchat"></i> Snapchat</a> | ||
| <a class="btn btn-primary" href="https://wa.me/441234567890"><i class="fab fa-whatsapp"></i> WhatsApp</a> | ||
| <a class="btn btn-primary" href="mailto:[email protected]"><i class="fas fa-envelope"></i> Email</a> | ||
| <a class="btn btn-primary" href="tel:01234567890"><i class="fas fa-phone"></i> Phone</a> | ||
| <a class="btn btn-primary" href="https://example.com"><i class="fas fa-globe"></i> Website</a> | ||
| </div> | ||
| <p>Developed by <a href="https://robertd.co.uk">Robert Dixon</a></p> | ||
| </div> | ||
| </body> | ||
| </html> |