Gestionnaire de fichiers - Editer - /home/webapp68.cm.in.th/u68319090001/Final /app/content.php
Arrière
<main class="main"> <?php $page = $_GET["page"]; if($page != ""){ include("$page.php"); }else{ ?> <!-- Hero Section --> <section id="hero" class="hero section"> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row align-items-center mb-5"> <div class="col-lg-6 mb-4 mb-lg-0"> <!-- Badge --> <div class="badge-wrapper mb-4"> <div class="d-inline-flex align-items-center rounded-pill px-3 py-2 border border-accent-light shadow-sm bg-white bg-opacity-75"> <div class="icon-circle me-2 text-primary"> <i class="bi bi-bell"></i> </div> <span class="badge-text fw-semibold text-dark">Innovative Solutions</span> </div> </div> <!-- Title --> <h6 class="hero-title mb-3">WC</h6> <p class="hero-description mb-4">digital.</p> <!-- CTA --> <div class="cta-wrapper"> <a href="#" class="btn btn-gradient btn-lg px-4 py-2 rounded-pill shadow-lg">🍏 Discover More</a> </div> </div> <!-- Image --> <div class="col-lg-6 text-center"> <div class="hero-image"> <img src="assets/img/illustration/illustration-16.png" alt="Business Growth" class="img-fluid floating" loading="lazy"> </div> </div> </div> </div> </section> <?php } ?> </main> <!-- Custom CSS --> <style> .hero-title { font-size: 7rem; font-weight: 900; background: linear-gradient(90deg, #0dfd91, #4b0079); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; line-height: 1.1; text-shadow: 2px 2px 8px rgba(0,0,0,0.2); } .hero-description { font-size: 2.5rem; font-weight: 600; color: #444; margin-bottom: 25px; letter-spacing: 1px; } .btn-gradient { background: linear-gradient(90deg, #0dfd91, #4b0079); border: none; color: #fff; font-weight: 600; transition: 0.3s; } .btn-gradient:hover { background: linear-gradient(90deg, #4b0079, #0dfd91); transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.25); } /* Image Animation */ .floating { animation: float 4s ease-in-out infinite; } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } } </style>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.07 |
proxy
|
phpinfo
|
Réglages