Spaces:
Running
Running
File size: 7,419 Bytes
6b53301 d08b73c 6b53301 d08b73c 6b53301 d08b73c 6b53301 d08b73c 6b53301 d08b73c 6b53301 d08b73c 6b53301 d08b73c 6b53301 d08b73c 6b53301 d08b73c 6b53301 d08b73c 072f9cf 6b53301 d08b73c 8dd7d09 d08b73c 6b53301 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 |
<!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> |