HTML and CSS codes in this repository are cloned from Linktree dark theme. The purpose of this repository is to collect links from social media or other websites in a single profile. Those who want to use it can clone the repository and add and edit their own links.
Click here to see the demo.
Example social media icon code, change the link address and SVG codes.
<a href="https://open.spotify.com/user/eqbobu1fy4yudngtxn3klzcis" target="_blank" rel="external noopener nofollow" class="sc-eCssSg gsOJfM saVRV">
<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" class="sc-gKsewC fzSGPN">
<title data-testid="svgTitle" id="title_0.7150907606221844">Arda Acar Spotify SVG Logo</title>
<path d="M18,10.561a.494.494,0,0,1-.245-.065,15.2,15.2,0,0,0-10.95-1.55.5.5,0,0,1-.232-.973A16.2,16.2,0,0,1,18.25,9.626a.5.5,0,0,1-.247.935Z"></path>
<path d="M16.646,13.632a.5.5,0,0,1-.249-.066,12.459,12.459,0,0,0-9.121-1.292.5.5,0,1,1-.237-.971A13.458,13.458,0,0,1,16.9,12.7a.5.5,0,0,1-.25.933Z"></path>
<path d="M15.312,16.583a.5.5,0,0,1-.251-.068,9.777,9.777,0,0,0-7.295-1.033.5.5,0,0,1-.245-.97,10.768,10.768,0,0,1,8.043,1.139.5.5,0,0,1-.252.932Z"></path>
<path d="M12,23A11,11,0,1,1,23,12,11.013,11.013,0,0,1,12,23ZM12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Z"></path>
</svg>
</a>Example box link code, change the link address and and text.
<div class="sc-bdfBwQ pkAuV">
<div class="sc-bdfBwQ hBNyQA eaMbDs">
<a href="https://github.com/ardacar" target="_blank" rel="external noopener nofollow" height="auto" class="sc-pFZIQ ldGKnQ imjgnX">
<p class="sc-hKgILt CczVW rsIfq">Github</p>
</a>
</div>
</div>You can make the theme design as you want by changing the codes in the style.css file under the subfolder. Also don't forget to change SEO related stuff from Meta tags.