File manager - Edit - /home/webapp68.cm.in.th/u68319090017/Project/017/style.css
Back
/* การตกแต่งส่วนเสริม */ .hero-section { background: linear-gradient(rgba(142, 36, 170, 0.8), rgba(74, 20, 140, 0.8)), url('https://upload.wikimedia.org/wikipedia/commons/1/18/Wat_Dab_Phai_-_Ubosot_P1000567.jpg'); background-size: cover; background-position: center; color: white; text-align: center; padding: 60px 20px; margin-bottom: 30px; } .main-intro { display: flex; align-items: center; gap: 30px; margin-bottom: 50px; flex-wrap: wrap; } .intro-image img { max-width: 450px; width: 100%; border-radius: 15px; box-shadow: 0 10px 20px rgba(0,0,0,0.2); } .intro-text { flex: 1; min-width: 300px; } .btn-more { display: inline-block; background: #8e24aa; color: white; padding: 12px 25px; border-radius: 30px; text-decoration: none; font-weight: bold; transition: 0.3s; } .btn-more:hover { background: #ffd54f; color: #4a148c; transform: scale(1.05); } .section-title { text-align: center; color: #4a148c; margin-bottom: 30px; position: relative; } .section-title::after { content: ''; display: block; width: 50px; height: 3px; background: #ffd54f; margin: 10px auto; } .highlight-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .highlight-card { background: #fff; padding: 30px; text-align: center; border-radius: 15px; border-bottom: 4px solid #8e24aa; transition: 0.3s; } .highlight-card:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); } .card-icon { font-size: 40px; margin-bottom: 15px; } .news-preview { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .news-item { background: #f1f1f1; padding: 20px; border-radius: 10px; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.45 |
proxy
|
phpinfo
|
Settings