Popup Box Generator
Generate kode HTML untuk popup box dengan berbagai jenis tombol
<div class="popup-box">
<div class="popup-content">
<h2></h2>
<p></p>
<button class="popup-button plain-button"></button>
</div>
</div>
<style>
.popup-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.popup-content {
background: white;
padding: 30px;
border-radius: 8px;
max-width: 500px;
text-align: center;
}
.popup-button {
display: inline-block;
padding: 10px 20px;
margin-top: 20px;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
border: none;
font-size: 16px;
}
.plain-button {
background: #007bff;
color: white;
}
.download-button {
background: #28a745;
color: white;
}
.link-button {
background: #17a2b8;
color: white;
}
.buy-button {
background: #dc3545;
color: white;
}
</style>