May 12, 2026, 02:25 PM
https://bf.st/attachments/1365/
<!DOCTYPE html>
<html class="v2" dir="ltr" lang="id">
<head>
<meta content="width=device-width,initial-scale=1.0" name="viewport" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Price List - Prim Ferry Tattoo Studio</title>
<style id="page-skin-1" type="text/css">
body {
font: normal normal 13px Arial, sans-serif;
color: #ffffff;
background: #000000;
margin: 0;
padding: 0;
}
.content-outer {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.header-inner {
text-align: center;
padding: 20px 0;
border-bottom: 2px solid #222;
}
.header-inner h1 {
font-size: 32px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
/* --- STYLE DAFTAR HARGA --- */
.price-container {
margin-top: 30px;
background: #141414;
border: 1px solid #222;
border-radius: 8px;
overflow: hidden;
}
.price-header {
background: #222;
padding: 15px;
text-align: center;
font-weight: bold;
font-size: 18px;
border-bottom: 1px solid #333;
}
.price-item {
display: flex;
justify-content: space-between;
padding: 15px 20px;
border-bottom: 1px solid #222;
transition: background 0.3s;
}
.price-item:hover {
background: #1a1a1a;
}
.price-item:last-child {
border-bottom: none;
}
.service-name {
font-weight: bold;
color: #cccccc;
}
.service-price {
color: #ffffff;
font-weight: bold;
}
.free-tag {
background: #444;
color: #fff;
padding: 2px 8px;
border-radius: 4px;
font-size: 10px;
margin-left: 10px;
vertical-align: middle;
}
.footer-note {
text-align: center;
font-size: 11px;
color: #666;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="content-outer">
<div class="header-inner">
<h1>Price List</h1>
<p>Prim Ferry Tattoo Studio</p>
</div>
<div class="price-container">
<div class="price-header">TATTOO SERVICES</div>
<!-- Item 1 -->
<div class="price-item">
<span class="service-name">Small Minimalist (5cm)</span>
<span class="service-price">Rp 350.000</span>
</div>
<!-- Item 2 -->
<div class="price-item">
<span class="service-name">Medium Design (10cm)</span>
<span class="service-price">Rp 750.000</span>
</div>
<!-- Item 3 -->
<div class="price-item">
<span class="service-name">Consultation</span>
<span class="service-price">FREE <span class="free-tag">LIMITED</span></span>
</div>
<!-- Item 4 -->
<div class="price-item">
<span class="service-name">Aftercare Cream</span>
<span class="service-price">FREE <span class="free-tag">PROMO</span></span>
</div>
<!-- Item 5 -->
<div class="price-item">
<span class="service-name">Custom Lettering</span>
<span class="service-price">Start from Rp 400k</span>
</div>
</div>
<div class="footer-note">
* Harga
dapat berubah tergantung kerumitan desain.<br>
© 2026 Prim Ferry Tattoo Studio
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html class="v2" dir="ltr" lang="id">
<head>
<meta content="width=device-width,initial-scale=1.0" name="viewport" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Price List - Prim Ferry Tattoo Studio</title>
<style id="page-skin-1" type="text/css">
body {
font: normal normal 13px Arial, sans-serif;
color: #ffffff;
background: #000000;
margin: 0;
padding: 0;
}
.content-outer {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.header-inner {
text-align: center;
padding: 20px 0;
border-bottom: 2px solid #222;
}
.header-inner h1 {
font-size: 32px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
/* --- STYLE DAFTAR HARGA --- */
.price-container {
margin-top: 30px;
background: #141414;
border: 1px solid #222;
border-radius: 8px;
overflow: hidden;
}
.price-header {
background: #222;
padding: 15px;
text-align: center;
font-weight: bold;
font-size: 18px;
border-bottom: 1px solid #333;
}
.price-item {
display: flex;
justify-content: space-between;
padding: 15px 20px;
border-bottom: 1px solid #222;
transition: background 0.3s;
}
.price-item:hover {
background: #1a1a1a;
}
.price-item:last-child {
border-bottom: none;
}
.service-name {
font-weight: bold;
color: #cccccc;
}
.service-price {
color: #ffffff;
font-weight: bold;
}
.free-tag {
background: #444;
color: #fff;
padding: 2px 8px;
border-radius: 4px;
font-size: 10px;
margin-left: 10px;
vertical-align: middle;
}
.footer-note {
text-align: center;
font-size: 11px;
color: #666;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="content-outer">
<div class="header-inner">
<h1>Price List</h1>
<p>Prim Ferry Tattoo Studio</p>
</div>
<div class="price-container">
<div class="price-header">TATTOO SERVICES</div>
<!-- Item 1 -->
<div class="price-item">
<span class="service-name">Small Minimalist (5cm)</span>
<span class="service-price">Rp 350.000</span>
</div>
<!-- Item 2 -->
<div class="price-item">
<span class="service-name">Medium Design (10cm)</span>
<span class="service-price">Rp 750.000</span>
</div>
<!-- Item 3 -->
<div class="price-item">
<span class="service-name">Consultation</span>
<span class="service-price">FREE <span class="free-tag">LIMITED</span></span>
</div>
<!-- Item 4 -->
<div class="price-item">
<span class="service-name">Aftercare Cream</span>
<span class="service-price">FREE <span class="free-tag">PROMO</span></span>
</div>
<!-- Item 5 -->
<div class="price-item">
<span class="service-name">Custom Lettering</span>
<span class="service-price">Start from Rp 400k</span>
</div>
</div>
<div class="footer-note">
* Harga
dapat berubah tergantung kerumitan desain.<br>
© 2026 Prim Ferry Tattoo Studio
</div>
</div>
</body>
</html>
