<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daftar Link</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
margin: 0;
padding: 0;
}
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
h1 {
text-align: center;
color: #333;
}
.link-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
.link-item {
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.link-item a {
color: #007BFF;
text-decoration: none;
font-size: 16px;
}
.link-item a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<h1>Daftar Link</h1>
<div class="link-list" id="linkList"></div>
</div>
<script>
// Daftar link yang Anda berikan
const links = [
"https://popl.co/card/7CWJTRgq/1",
"https://popl.co/card/hEthYC1X/1",
"https://popl.co/card/ka6sqoRb/1",
"https://popl.co/card/8aL2HjNB/1",
"https://popl.co/card/Yi4h6q7T/1",
"https://popl.co/card/LTWXHl0h/1",
"https://popl.co/card/6lJ31EIg/1",
"https://popl.co/card/lFSl5P2g/1",
"https://popl.co/card/0uXL6cRD/1",
"https://popl.co/card/POB71gQI/1",
"https://popl.co/card/BQHzzkW0/1",
"https://popl.co/card/bifkAlqO/1",
"https://popl.co/card/hAoMk1wO/1",
"https://herra.tawk.help/article/ne-zha-2-hk",
"https://mphs.tawk.help/article/nezha-2-tw-zh",
"https://boww.tawk.help/article/the-last-dance-hk",
"https://ytrs.tawk.help/article/snow-white-thaisub",
"https://hpys.tawk.help/article/ne-zha-2-thai-dubbed",
"https://soundcloud.com/floren-ceclarke/nha-gia-tien",
"https://soundcloud.com/floren-ceclarke/xem-nha-gia-tien-phim-full-hd-vietsub-thuyet-minh",
"https://hackmd.io/@avaaude/BJZroq-31l",
"https://rentry.co/RosaliaCerys",
"https://papaly.com/categories/share?id=b9ba0bd902f84a6cb072e0a10837d610",
"https://dly.to/ZkQpjpBIcS9",
"https://dictanote.co/n/1216353/",
"https://direct.me/rosaliacerys",
"https://www.are.na/block/35236397",
"https://rosaliacerys1.statuspage.io/",
"https://businessboostier.mn.co/posts/81378282",
"https://taplink.cc/rosaliacerys",
"https://open.firstory.me/story/cm88p64qx02ye01zq9er05bwi",
"https://factsplat.com/users/64fc0e8c-d065-4737-a8f5-487404bf3508",
"https://baskadia.com/post/8kg3z",
"https://reretp.medium.com/from-summit-to-base-the-fascinating-world-of-mountains-975a26f74a42",
"https://blog-news.hashnode.dev/the-mountains-ecological-importance-preserving-natures-pinnacle",
"https://www.fimfiction.net/blog/1065993/exploring-the-heights-the-allure-and-challenges-of-mountain-adventures",
"https://blognews.mybloghunch.com/mountains-natures-challenges-and-breathtaking-beauty",
"https://challonge.com/g7sitrps",
"https://www.chobaolam.vn/threads/rosaliacerys.618608/",
"https://taylorhicks.ning.com/forum/topics/rosalia-cerys",
"https://playit4ward-sanantonio.ning.com/photo/albums/rosalia-cerys",
"https://healingxchange.ning.com/photo/albums/rosalia-cerys",
"https://about.me/rosaliacerys",
"https://www.bitsdujour.com/profiles/AlLetP",
"https://muckrack.com/rosalia-cerys",
"https://tooter.in/rosaliacerys/posts/114161017731728223",
"https://heylink.me/rosaliacerys",
"https://mez.ink/rosaliacerys",
"https://bio.link/rosaliacerys",
"https://linkr.bio/rosaliacerys",
"https://start.me/w/b092R6",
"https://magic.ly/rosaliacerys",
"https://rosaliacerys.mssg.me/",
"https://findaspring.org/members/rosaliacerys/",
"https://pinshape.com/users/7374195-rosaliacerys#designs-tab-open",
"https://profile.hatena.ne.jp/rosaliacerys/",
"https://pastelink.net/50p2tjdr",
"https://www.wowace.com/paste/3d4b7c5e",
"https://pastebin.com/2Sg40MuV",
"https://paste.firnsy.com/paste/F0HafM1FJkk",
"https://etextpad.com/qy8du0hqku",
"https://paste.feed-the-beast.com/Bdvl8p0bhBb",
"https://paiza.io/projects/2T071A1CoMUZzCIReBvn8w?language=php",
"https://pastebin.mozilla.org/SfGWf0L1",
"https://paste.toolforge.org/view/508deb21",
"https://snippet.host/tfpxzu",
"https://justpaste.it/jdm7z",
"https://paste.intergen.online/view/08a14bc4",
"https://tempel.in/view/l6jHhDI6",
"https://telegra.ph/RosaliaCerys-03-14",
"https://notes.io/wKixZ",
"https://www.pastery.net/yygvaj/",
"https://tech.io/snippet/hoI97PT",
"https://glot.io/snippets/h5h1cccjou",
"https://glot.io/snippets/h5h1cgvtsl",
"https://glot.io/snippets/h5h1cl247q",
"https://glot.io/snippets/h5h1cp26xm"
];
// Menampilkan link di dalam elemen dengan id "linkList"
const linkListElement = document.getElementById('linkList');
links.forEach(link => {
const linkItem = document.createElement('div');
linkItem.classList.add('link-item');
linkItem.innerHTML = `<a href="${link}" target="_blank">${link}</a>`;
linkListElement.appendChild(linkItem);
});
</script>
</body>
</html>
