Update index.html
This commit is contained in:
pai
GitHub
parent
55b5528537
commit
784081ddea
1 changed files with 97 additions and 108 deletions
201
index.html
201
index.html
|
|
@ -1,11 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<!-- Page Information
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta charset="utf-8">
|
||||
<title>LittleLink</title>
|
||||
<title>Pai</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
|
|
@ -20,14 +21,15 @@
|
|||
<!-- CSS
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/skeleton-light.css">
|
||||
<link rel="stylesheet" href="css/skeleton-dark.css">
|
||||
<link rel="stylesheet" href="css/brands.css">
|
||||
|
||||
<!-- Favicon
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="icon" type="image/png" href="images/avatar.png">
|
||||
<link rel="icon" type="image/png" href="">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Primary Page Layout
|
||||
|
|
@ -36,124 +38,111 @@
|
|||
<div class="row">
|
||||
<div class="column" style="margin-top: 10%">
|
||||
<!-- Your Image Here -->
|
||||
<img src="images/avatar.png" srcset="images/avatar@2x.png 2x">
|
||||
<style>
|
||||
img.avatar {
|
||||
border: 2px solid white;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
a.small {
|
||||
background: #1DA1F2;
|
||||
border-radius: 50px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
height: 48px;
|
||||
padding: 0 16px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
width: 300px;
|
||||
font-weight: 600;
|
||||
line-height: 48px;
|
||||
letter-spacing: 0.5px;
|
||||
background-color: transparent;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.acuity-embed-button-local {
|
||||
background: #3177ca;
|
||||
padding: 8px 12px;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
height: 48px;
|
||||
padding: 0 16px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
width: 300px;
|
||||
font-weight: 600;
|
||||
line-height: 48px;
|
||||
letter-spacing: 0.5px;
|
||||
white-space: nowrap;
|
||||
background-color: transparent;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
color: #FFFFFF;
|
||||
background-color: #0A66C2
|
||||
}
|
||||
|
||||
.acuity-embed-button-local:hover,
|
||||
.acuity-embed-button-local:focus {
|
||||
filter: brightness(90%);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 3px;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
<img src="https://media.discordapp.net/attachments/786752885982625862/804048871809613917/pfp.gif"class="avatar">
|
||||
|
||||
|
||||
<!-- Your Name -->
|
||||
<h1>LittleLink</h1>
|
||||
<h1>Pai Jose</h1>
|
||||
|
||||
<!-- Short Bio -->
|
||||
<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’ve just created some branded buttons and stripped out the things you won't need. 😊</p>
|
||||
<p>Hi! this is a page with my profiles.</p>
|
||||
|
||||
<!-- Replace # with your profile URL. Delete whatever you don't need & create your own brand styles in css/brands.css -->
|
||||
<div>
|
||||
<a class="small button-twitter" href="https://twitter.com/JosLuisMejia10"><img class="icon"
|
||||
src="icons/twitter.svg"></a>
|
||||
|
||||
|
||||
<!-- Github -->
|
||||
<a class="button button-github" href="#"><img class="icon" src="icons/github.svg">Github</a>
|
||||
<a class="small button-github" href="https://github.com/ELPanaJose"><img class="icon"
|
||||
src="icons/github.svg"></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 -->
|
||||
<a class="button button-facebook" href="#"><img class="icon" src="icons/facebook.svg">Facebook</a>
|
||||
<br>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
<br>
|
||||
|
||||
<!-- Rocketseat -->
|
||||
<a class="button button-rocketseat" href="#"><img class="icon" src="icons/rocketseat.svg">Rocketseat</a>
|
||||
<br>
|
||||
|
||||
<!-- Medium -->
|
||||
<a class="button button-medium" href="#"><img class="icon" src="icons/medium.svg">Medium</a>
|
||||
<br>
|
||||
|
||||
<!-- Pinterest -->
|
||||
<a class="button button-pinterest" href="#"><img class="icon" src="icons/pinterest.svg">Pinterest</a>
|
||||
<br>
|
||||
|
||||
<!-- SoundCloud -->
|
||||
<a class="button button-soundcloud" href="#"><img class="icon" src="icons/soundcloud.svg">SoundCloud</a>
|
||||
<br>
|
||||
|
||||
<!-- Spectrum -->
|
||||
<a class="button button-spectrum" href="#"><img class="icon" src="icons/spectrum.svg">Spectrum</a>
|
||||
<br>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- Discord -->
|
||||
<a class="button button-discord" href="#"><img class="icon" src="icons/discord.svg">Discord</a>
|
||||
<br>
|
||||
|
||||
<!-- Twitch -->
|
||||
<a class="button button-twitch" href="#"><img class="icon" src="icons/twitch.svg">Twitch</a>
|
||||
<br>
|
||||
|
||||
<!-- Mixer -->
|
||||
<a class="button button-mixer" href="#"><img class="icon" src="icons/mixer.svg">Mixer</a>
|
||||
<br>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- Wordpress -->
|
||||
<a class="button button-wordpress" href="#"><img class="icon" src="icons/wordpress.svg">Wordpress</a>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<p>Build your own by forking <a href="https://littlelink.io">LittleLink</a>.</p>
|
||||
<a class="button button-spectrum" href="https://gitlab.com/ELPanaJose1">GitLab</a>
|
||||
<br>
|
||||
|
||||
<a class="button button-discord" href="https://discord.gg/BFuvTWVbuj"><img class="icon" src="icons/discord.svg">Discord Server</a>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
<footer>
|
||||
<p>Code of the Page <a href="https://github.com/pablokbs/peladonerd-web"> here</a>.</p>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End Document
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue