Linktree ✨

This is a free (and easy to use) alternative to linktree

Demo

https://linktree-template.algofam.tech/

Where to host your website?

Netlify: https://netlify.app

Github Pages: https://pages.github.com

Analytics

I personally recommend using Google Tag Manager and connect it to Microsoft Clarity

Google Tag Menrger: https://tagmanager.google.com/

Microsoft Clarity: https://clarity.microsoft.com/

Netlify Analytics (9$ per month): https://docs.netlify.com/monitor-sites/analytics/

Google Analytics: https://analytics.google.com

Social Media Icons

Here you can choose your wanted icons for each link:

https://fontawesome.com/search?o=r&m=free

Before using:

* Make sure that you choose only from the "free" section.

* Copy the code for HTML/CSS.

How to use (Example)

Let's say you want to use book icon instead of the Twitter icon

The line under your wanted link contains this line: "fab fa-twitter"

Then, after founding the icon that you want and its code,

paste the code in the same place where was your previous one

The final code shoud look like this: "fa-solid fa-book"

How to customize the template (which lines you should change)

index.html file

1. line 7 - website title

2. line 10 - website icon image

3. line 15 - profile image

4. line 19 - user name

5. line 23 - description

6. lines 27-55 - your social media links

style.css file

1. line 4 - text color

2. line 12 - your backround image

Backround image

You can change backround to color instead of using an image.

You can find your wanted color code here: https://www.color-hex.com

Backround Color

background-color: #7E65F5;

Gradient Backround Color

background-image: linear-gradient(#E8E0FF,#7E65F5);

Free linktree alternative