masukkan script ini di INDEX
masukkan script berikut di CSS
- Code:
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>Girilaya Real Groups →</div>
<p>“Marhaban Yaa Romadhon”<br/>
Segenap keluarga besar GIRILAYA REAL GROUPs mengucapkan <br/>
Selamat Menunaikan Ibadah Puasa | Happy Fasting Ramadhan 1435 H<br/>
semoga kita selalu diberkahi di bulan yang penuh maghfiroh ini...aamiin.</p>
</div>
masukkan script berikut di CSS
- Code:
#welcomebox {position:fixed;top:25%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{background:rgba(255,255,255,0.8);color:#888;box-shadow:0 0 1px rgba(68,68,68,0.06), 0px 30px 0 -20px rgba(0,0,0,0.08);font-family:'Playfair Display';font-size:200%;font-weight:700;line-height:1.6em;margin:-5px 0 50px;padding:20px;padding-top:40px;padding-bottom:40px;border-top:8px solid #edc5a5;border-bottom:8px solid #afc9f1;transition:all 0.4s linear;}
#welcomebox p:hover{color:#666;box-shadow:0px 0 10px 0 rgba(0,0,0,0.08);transition:all 0.1s linear;}
.welcomeclose {background:#fff;color:#444;border-radius:2px;border:1px solid #ddd;border-bottom:4px solid #d9d9d9;padding:10px 25px;text-align:center;margin:0 auto;cursor:pointer;display:inline;box-shadow:0px 7px 0 -5px rgba(0,0,0,0.06);transition:all 0.1s linear;}
.welcomeclose:hover {background-color:#fff;color:#cf5a4b;border-radius:2px;border:1px solid #ccc;border-bottom:4px solid #c9c9c9;box-shadow:0px 0 5px 0 rgba(0,0,0,0.08);}
#welcomeoverlay {position:fixed!important;position:absolute;z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#fff url(http://1.bp.blogspot.com/-Uwkb_2Hc16k/U68JONYydLI/AAAAAAABoYM/0fIfeAol9nU/s1600/wallbg.jpg) no-repeat top center;max-width:100%;max-height:100%;}
@media only screen and (max-width:1024px) {#welcomebox p {font-size:150%}}
@media only screen and (max-width:497px) {#welcomebox p {font-size:100%} .welcomeclose {font-size:10px}}