148 lines
4.7 KiB
HTML
148 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
|
||
<!-- Page Information
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta charset="utf-8">
|
||
<title>Pai</title>
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<!-- Mobile Specific Metas
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<!-- FONT
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">
|
||
|
||
<!-- CSS
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link rel="stylesheet" href="css/normalize.css">
|
||
<link rel="stylesheet" href="css/skeleton-dark.css">
|
||
<link rel="stylesheet" href="css/brands.css">
|
||
|
||
<!-- Favicon
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link rel="icon" type="image/png" href="">
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- Primary Page Layout
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="column" style="margin-top: 10%">
|
||
<!-- Your Image Here -->
|
||
<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>Pai Jose</h1>
|
||
|
||
<!-- Short Bio -->
|
||
<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>
|
||
|
||
<a class="small button-github" href="https://github.com/ELPanaJose"><img class="icon"
|
||
src="icons/github.svg"></a>
|
||
<br>
|
||
|
||
</div>
|
||
<br>
|
||
<br>
|
||
<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>
|
||
|
||
|
||
</body>
|
||
|
||
</html>
|