link / index.html
artmozai's picture
Update index.html
8dd7d09 verified
raw
history blame
7.42 kB
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ArtMozai - Official Links | Digital Art & Portfolio</title>
<meta name="description" content="Kumpulan link resmi ArtMozai. Temukan blog, galeri, portofolio, dan media sosial kami di satu tempat.">
<meta name="keywords" content="ArtMozai, digital art, portfolio, blog, photography, adobe stock, illustrator">
<meta name="author" content="ArtMozai">
<!-- VERIFIKASI & ROBOTS -->
<meta name="google-site-verification" content="TDPWzrp5HLeDmChbYjqLCOvWdONSPHHFmnQNG5LSwTY" />
<meta name="robots" content="index, follow">
<!-- OPEN GRAPH (Untuk Tampilan Saat Share di Media Sosial) -->
<meta property="og:title" content="ArtMozai - Official Links">
<meta property="og:description" content="Semua link penting ArtMozai di satu halaman.">
<meta property="og:image" content="https://artmozai.github.io/apple-icon.png">
<meta property="og:url" content="https://artmozai.github.io/">
<meta property="og:type" content="website">
<!-- TWITTER CARD -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ArtMozai - Official Links">
<meta name="twitter:description" content="Semua link penting ArtMozai di satu halaman.">
<meta name="twitter:image" content="https://artmozai.github.io/apple-icon.png">
<!-- FAVICON -->
<link rel="icon" href="https://artmozai.github.io/apple-icon.png" type="image/png">
<!-- FONTS & ICONS -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "ArtMozai",
"url": "https://artmozai.github.io/",
"image": "https://artmozai.github.io/apple-icon.png",
"sameAs": [
"https://artmozai.blogspot.com",
"https://www.instagram.com/artmozai",
"https://x.com/artmozai",
"https://www.facebook.com/artmozai",
"https://pinterest.com/artmozai/",
"https://github.com/artmozai",
"https://linktr.ee/artmozai",
"https://stock.adobe.com/uk/contributor/211463521/artmozai",
"https://stock.artmozai.workers.dev",
"https://artmozai.myportfolio.com"
]
}
</script>
<style>
/* CSS Variables untuk tema yang mudah diubah */
:root {
--bg-color: #121212;
--primary-color: #BB86FC;
--primary-variant: #3700B3;
--secondary-color: #03DAC6;
--text-color: #FFFFFF;
--surface-color: #1E1E1E;
--font-family: 'Poppins', sans-serif;
}
html, body {
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: var(--bg-color);
color: var(--text-color);
font-family: var(--font-family);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
padding: 20px;
}
.container {
width: 100%;
max-width: 680px;
text-align: center;
}
.profile-header {
margin-bottom: 30px;
}
.profile-pic {
width: 120px;
height: 120px;
border-radius: 50%;
border: 3px solid var(--primary-color);
object-fit: cover;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
margin-bottom: 15px;
}
h1 {
font-size: 2.2rem;
font-weight: 700;
margin: 0;
color: var(--text-color);
}
.bio {
font-size: 1rem;
color: rgba(255, 255, 255, 0.8);
margin-top: 8px;
}
.links-container a {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
width: 100%;
padding: 15px;
margin: 15px 0;
background-color: var(--surface-color);
color: var(--text-color);
text-decoration: none;
border-radius: 12px;
font-size: 1rem;
font-weight: 500;
transition: transform 0.2s ease-in-out, background-color 0.2s ease;
border: 1px solid transparent;
}
.links-container a:hover {
transform: scale(1.05);
background-color: var(--primary-color);
color: var(--bg-color);
font-weight: 700;
}
.links-container a i {
font-size: 1.2rem;
}
footer {
margin-top: 40px;
font-size: 0.8rem;
color: rgba(255, 255, 255, 0.5);
}
</style>
</head>
<body>
<main class="container">
<header class="profile-header">
<img src="https://artmozai.github.io/apple-icon.png" alt="Logo ArtMozai" class="profile-pic">
<h1>ArtMozai</h1>
<p class="bio">Digital Artist & Photographer. Creating visual stories.</p>
</header>
<script async src="https://cse.google.com/cse.js?cx=651d1b956c0ff4371"></script>
<div class="gcse-search"></div>
<nav class="links-container">
<a href="https://stock.adobe.com/uk/contributor/211463521/artmozai" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-cart-shopping"></i> Adobe Stock</a>
<a href="https://stock.artmozai.qzz.io" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-images"></i> Stock Gallery</a>
<a href="https://artmozai.myportfolio.com" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-palette"></i> MyPortfolio</a>
<a href="https://artmozai.blogspot.com" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-blog"></i> Blog</a>
<a href="https://www.instagram.com/artmozai" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i> Instagram</a>
<a href="https://x.com/artmozai" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i> Twitter / X</a>
<a href="https://www.facebook.com/artmozai" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook"></i> Facebook</a>
<a href="https://pinterest.com/artmozai/" target="_blank" rel="noopener noreferrer"><i class="fab fa-pinterest"></i> Pinterest</a>
<a href="https://github.com/artmozai" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i> Github</a>
<a href="https://linktr.ee/artmozai" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-link"></i> Linktree</a>
</nav>
<footer>
<p>© <span id="year"></span> ArtMozai. All Rights Reserved.</p>
</footer>
</main>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>