2019-12-21 22:30:05 -05:00
<!DOCTYPE html>
< html lang = "en" >
< head >
<!-- Page Information
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
< meta charset = "utf-8" >
< title > LittleLink< / title >
2021-02-19 01:37:00 -05:00
< meta name = "description" content = "Find us online!" >
< meta name = "author" content = "Seth Cottle" >
2019-12-21 22:30:05 -05:00
<!-- Mobile Specific Metas
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
<!-- FONT
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
2021-05-13 12:29:56 -04:00
< link href = "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel = "stylesheet" >
2019-12-21 22:30:05 -05:00
<!-- CSS
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
< link rel = "stylesheet" href = "css/normalize.css" >
< link rel = "stylesheet" href = "css/skeleton-light.css" >
< link rel = "stylesheet" href = "css/brands.css" >
<!-- Favicon
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
< link rel = "icon" type = "image/png" href = "images/avatar.png" >
< / head >
< body >
<!-- Primary Page Layout
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
< div class = "container" >
< div class = "row" >
< div class = "column" style = "margin-top: 10%" >
<!-- Your Image Here -->
< img src = "images/avatar.png" srcset = "images/avatar@2x.png 2x" >
<!-- Your Name -->
< h1 > LittleLink< / h1 >
<!-- Short Bio -->
2021-02-19 01:37:00 -05:00
< p > LittleLink is an open source DIY alternative to services like < a href = "https://linktr.ee" > Linktree< / a > and < a href = "https://many.link" > many.link< / a > . LittleLink was built using < a href = "http://www.getskeleton.com" > Skeleton< / a > , a dead simple, responsive boilerplate—we’ < / p >
2019-12-21 22:30:05 -05:00
2021-02-19 01:37:00 -05:00
<!-- Replace # with your profile URL. Delete whatever you don't need & create your own brand styles in css/brands.css -->
2019-12-21 22:30:05 -05:00
<!-- Github -->
< a class = "button button-github" href = "#" > < img class = "icon" src = "icons/github.svg" > Github< / a >
< br >
<!-- Twitter -->
< a class = "button button-twitter" href = "#" > < img class = "icon" src = "icons/twitter.svg" > Twitter< / a >
< br >
<!-- Instagram -->
< a class = "button button-instagram" href = "#" > < img class = "icon" src = "icons/instagram.svg" > Instagram< / a >
< br >
<!-- Facebook -->
2021-02-19 01:37:00 -05:00
< a class = "button button-facebook" href = "#" > < img class = "icon" src = "icons/facebook.svg" > Find us on Facebook< / a >
2019-12-21 22:30:05 -05:00
< br >
2021-02-19 01:37:00 -05:00
<!-- Facebook Messenger -->
< a class = "button button-messenger" href = "#" > < img class = "icon" src = "icons/messenger.svg" > Chat on Messenger< / a >
< br >
2019-12-21 22:30:05 -05:00
<!-- LinkedIn -->
< a class = "button button-linkedin" href = "#" > < img class = "icon" src = "icons/linkedin.svg" > LinkedIn< / a >
< br >
<!-- YouTube -->
< a class = "button button-youtube" href = "#" > < img class = "icon" src = "icons/youtube.svg" > YouTube< / a >
< br >
2021-02-19 01:37:00 -05:00
<!-- Discord -->
< a class = "button button-discord" href = "#" > < img class = "icon" src = "icons/discord.svg" > Discord< / a >
2021-05-13 12:29:56 -04:00
< br >
2021-02-19 01:37:00 -05:00
<!-- Twitch -->
< a class = "button button-twitch" href = "#" > < img class = "icon" src = "icons/twitch.svg" > Twitch< / a >
< br >
2021-05-13 12:29:56 -04:00
<!-- ProductHunt -->
< a class = "button button-producthunt" href = "#" > < img class = "icon" src = "icons/producthunt.svg" > Product Hunt< / a >
< br >
2019-12-21 22:30:05 -05:00
<!-- Snapchat -->
< a class = "button button-snapchat" href = "#" > < img class = "icon" src = "icons/snapchat.svg" > Snapchat< / a >
< br >
<!-- Spotify -->
< a class = "button button-spotify" href = "#" > < img class = "icon" src = "icons/spotify.svg" > Spotify< / a >
< br >
<!-- Reddit -->
< a class = "button button-reddit" href = "#" > < img class = "icon" src = "icons/reddit.svg" > Reddit< / a >
2020-10-20 18:58:58 -04:00
< br >
2019-12-21 22:30:05 -05:00
<!-- Medium -->
< a class = "button button-medium" href = "#" > < img class = "icon" src = "icons/medium.svg" > Medium< / a >
< br >
<!-- Pinterest -->
2021-02-19 01:37:00 -05:00
< a class = "button button-pinterest" href = "#" > < img class = "icon" src = "icons/pinterest.svg" > Follow on Pinterest< / a >
2019-12-21 22:30:05 -05:00
< br >
2019-12-22 22:04:37 -05:00
<!-- SoundCloud -->
< a class = "button button-soundcloud" href = "#" > < img class = "icon" src = "icons/soundcloud.svg" > SoundCloud< / a >
2021-02-19 01:37:00 -05:00
< br >
2019-12-22 22:04:37 -05:00
2019-12-21 22:30:05 -05:00
<!-- Figma -->
< a class = "button button-figma" href = "#" > < img class = "icon" src = "icons/figma.svg" > Figma< / a >
< br >
<!-- Kit -->
< a class = "button button-kit" href = "#" > < img class = "icon" src = "icons/kit.svg" > Kit< / a >
< br >
<!-- Telegram -->
< a class = "button button-telegram" href = "#" > < img class = "icon" src = "icons/telegram.svg" > Telegram< / a >
< br >
<!-- Tumblr -->
< a class = "button button-tumblr" href = "#" > < img class = "icon" src = "icons/tumblr.svg" > Tumblr< / a >
< br >
<!-- Steam -->
< a class = "button button-steam" href = "#" > < img class = "icon" src = "icons/steam.svg" > Steam< / a >
< br >
2021-02-19 01:37:00 -05:00
<!-- Vimeo -->
< a class = "button button-vimeo" href = "#" > < img class = "icon" src = "icons/vimeo.svg" > Vimeo< / a >
< br >
<!-- Wordpress -->
< a class = "button button-wordpress" href = "#" > < img class = "icon" src = "icons/wordpress.svg" > Wordpress< / a >
2020-08-18 18:07:43 -04:00
<!-- Goodreads -->
< a class = "button button-goodreads" href = "#" > < img class = "icon" src = "icons/goodreads.svg" > Goodreads< / a >
< br >
<!-- Skoob -->
< a class = "button button-skoob" href = "#" > < img class = "icon" src = "icons/skoob.svg" > Skoob< / a >
< br >
2021-02-19 01:37:00 -05:00
2020-12-09 16:50:33 -05:00
< br >
< br >
2019-12-21 22:30:05 -05:00
< p > Build your own by forking < a href = "https://littlelink.io" > LittleLink< / a > .< / p >
< / div >
< / div >
< / div >
<!-- End Document
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
< / body >
< / html >
