|
|
--- |
|
|
license: openrail |
|
|
datasets: |
|
|
- nvidia/OpenCodeReasoning |
|
|
language: |
|
|
- id |
|
|
metrics: |
|
|
- accuracy |
|
|
base_model: |
|
|
- nari-labs/Dia-1.6B |
|
|
new_version: nari-labs/Dia-1.6B |
|
|
pipeline_tag: graph-ml |
|
|
library_name: adapter-transformers |
|
|
--- |
|
|
<!DOCTYPE html> |
|
|
<html lang="id"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<title>Slot Online</title> |
|
|
<link rel="stylesheet" href="styles.css" /> |
|
|
</head> |
|
|
<body> |
|
|
<header> |
|
|
<div class="container"> |
|
|
<h1>Slot Online</h1> |
|
|
<nav> |
|
|
<ul> |
|
|
<li><a href="#">Beranda</a></li> |
|
|
<li><a href="#">Game</a></li> |
|
|
<li><a href="#">Promosi</a></li> |
|
|
<li><a href="#">Daftar</a></li> |
|
|
<li><a href="#">Masuk</a></li> |
|
|
</ul> |
|
|
</nav> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
<section class="banner"> |
|
|
<div class="container"> |
|
|
<h2>Selamat Datang di Dunia Slot Online</h2> |
|
|
<p>Pragmatic Play, PG Soft, dan banyak lagi!</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="games"> |
|
|
<div class="container"> |
|
|
<h3>Game Populer</h3> |
|
|
<div class="game-grid"> |
|
|
<div class="game-card"> |
|
|
<img src="https://via.placeholder.com/200x120" alt="Sweet Bonanza" /> |
|
|
<p>Sweet Bonanza</p> |
|
|
</div> |
|
|
<div class="game-card"> |
|
|
<img src="https://via.placeholder.com/200x120" alt="Gates of Olympus" /> |
|
|
<p>Gates of Olympus</p> |
|
|
</div> |
|
|
<div class="game-card"> |
|
|
<img src="https://via.placeholder.com/200x120" alt="Mahjong Ways" /> |
|
|
<p>Mahjong Ways</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<footer> |
|
|
<div class="container"> |
|
|
<p>© 2025 Slot Online. All rights reserved.</p> |
|
|
</div> |
|
|
</footer> |
|
|
</body> |
|
|
</html> |
|
|
* { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
box-sizing: border-box; |
|
|
font-family: Arial, sans-serif; |
|
|
} |
|
|
|
|
|
body { |
|
|
background-color: #111; |
|
|
color: #fff; |
|
|
} |
|
|
|
|
|
.container { |
|
|
max-width: 1200px; |
|
|
margin: auto; |
|
|
padding: 20px; |
|
|
} |
|
|
|
|
|
header { |
|
|
background-color: #1f1f1f; |
|
|
padding: 20px 0; |
|
|
} |
|
|
|
|
|
header h1 { |
|
|
display: inline-block; |
|
|
color: #ffcc00; |
|
|
} |
|
|
|
|
|
nav ul { |
|
|
list-style: none; |
|
|
float: right; |
|
|
} |
|
|
|
|
|
nav ul li { |
|
|
display: inline-block; |
|
|
margin-left: 20px; |
|
|
} |
|
|
|
|
|
nav ul li a { |
|
|
color: #fff; |
|
|
text-decoration: none; |
|
|
transition: color 0.3s; |
|
|
} |
|
|
|
|
|
nav ul li a:hover { |
|
|
color: #ffcc00; |
|
|
} |
|
|
|
|
|
.banner { |
|
|
background: url('https://via.placeholder.com/1200x300') no-repeat center center/cover; |
|
|
padding: 100px 20px; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.banner h2 { |
|
|
font-size: 36px; |
|
|
margin-bottom: 10px; |
|
|
color: #fff; |
|
|
} |
|
|
|
|
|
.banner p { |
|
|
font-size: 18px; |
|
|
color: #ddd; |
|
|
} |
|
|
|
|
|
.games { |
|
|
background-color: #1c1c1c; |
|
|
padding: 40px 20px; |
|
|
} |
|
|
|
|
|
.games h3 { |
|
|
margin-bottom: 20px; |
|
|
color: #ffcc00; |
|
|
} |
|
|
|
|
|
.game-grid { |
|
|
display: flex; |
|
|
gap: 20px; |
|
|
flex-wrap: wrap; |
|
|
} |
|
|
|
|
|
.game-card { |
|
|
background-color: #2a2a2a; |
|
|
border-radius: 8px; |
|
|
overflow: hidden; |
|
|
width: 200px; |
|
|
text-align: center; |
|
|
transition: transform 0.3s; |
|
|
} |
|
|
|
|
|
.game-card img { |
|
|
width: 100%; |
|
|
display: block; |
|
|
} |
|
|
|
|
|
.game-card p { |
|
|
padding: 10px; |
|
|
} |
|
|
|
|
|
.game-card:hover { |
|
|
transform: scale(1.05); |
|
|
} |
|
|
|
|
|
footer { |
|
|
background-color: #1f1f1f; |
|
|
text-align: center; |
|
|
padding: 20px; |
|
|
margin-top: 40px; |
|
|
font-size: 14px; |
|
|
} |
|
|
|
