Prijzenlijst met Rode Iconen
/* Algemene stijlen */
body {
font-family: Arial, sans-serif;
text-align: left;
margin: 30px;
}
/* Container voor prijzenlijst */
.price-list {
list-style: none;
padding: 0;
}
/* Stijl voor elk item in de lijst */
.price-item {
display: flex;
align-items: center;
margin-bottom: 8px;
font-size: 16px;
}
/* Stijl voor de rode icoon (pijl in witte cirkel) */
.icon {
width: 20px;
height: 20px;
background-color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid red;
margin-right: 10px;
position: relative;
}
/* Pijlstijl */
.icon::before {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid red;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -40%);
}
Incl BTW
-
Inhoud 3 m3 € 280,50
-
Inhoud 6 m3 € 395,00
-
Inhoud 9 m3 € 511,00
Button naar Grofvuil
/* Stijl voor de knop */
.info-button {
display: inline-block;
padding: 12px 20px;
background-color: #d32f2f; /* Rood */
color: white;
font-size: 16px;
text-decoration: none;
border-radius: 5px;
border: none;
cursor: pointer;
transition: background 0.3s ease-in-out;
}
.info-button:hover {
background-color: #b71c1c; /* Donkerder rood bij hover */
}
Meer informatie
