WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Ein Code von ashimadison8
905
ashimadison8
Im Editor öffnen
Veröffentlichen Sie Ihren Code
Empfohlen
16 June 2025
Ein Code von daniel_pindou_7
13 June 2025
Ein Code von Metehan
19 May 2025
EINFACHE ZÄHLUNG
HTML
Copy
Our Services
Settings
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Speedup
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Privacy
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Backups
Lorem ipsum dolor sit amet, consectetur adipiscing elit
SSL secured
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Database
Lorem ipsum dolor sit amet, consectetur adipiscing elit
CSS
Copy
@import url('https://fonts.googleapis.com/css?family=Poppins|Ubuntu&display=swap');*{box-sizing: border-box;margin: 0;padding: 0}body{background: #eee;font-family: 'Ubuntu',sans-serif}.box{position: relative;width: 100%;padding-right: 15px;padding-left: 15px}.our-services{margin-top: 75px;padding-bottom: 30px;padding: 0 60px;min-height: 198px;text-align: center;border-radius: 10px;background-color: #fff;transition: all .4s ease-in-out;box-shadow: 0 0 25px 0 rgba(20,27,202,.17)}.our-services .icon{margin-bottom: -21px;transform: translateY(-50%);text-align: center}.our-services:hover h4, .our-services:hover p{color: #fff}.speedup:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #fb0054 0%, #f55b2a 100%)}.settings:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #34b5bf 0%, #210c59 100%)}.privacy:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #3615e7 0%, #44a2f6 100%)}.backups:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #fc6a0e 0%, #fdb642 100%)}.ssl:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #8d40fb 0%, #5a57fb 100%)}.database:hover{box-shadow: 0 0 25px 0 rgba(20,27,201,.05);cursor: pointer;background-image: linear-gradient(-45deg, #27b88d 0%, #22dd73 100%)}
JS
Copy
function closeTreactPopup(){ document.querySelector(".treact-popup").classList.add("hidden"); } function openTreactPopup(){ document.querySelector(".treact-popup").classList.remove("hidden"); } document.querySelector(".close-treact-popup").addEventListener("click", closeTreactPopup); setTimeout(openTreactPopup, 3000)