Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.40.1.lve.el8.x86_64

PHP Version:

8.2.27

User:

u205613439

Directory:

/home/u205613439/domains/celestialarcane.com-BACKUP/public_html/homenew2

Free Space:

3.02 TB

🔧 Quick Actions

✏️ Editing: experience.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Luxify Lights - Enhance Your Spaces</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        :root {
            --primary-color: #ffffff;
            --secondary-color: #242828;
            --text-color: #D8A25E;
            
            /*#D8A25E*/
            /* #ffffff*/
            
            
        }

body {
            font-family: 'Arial', sans-serif;
            background-color: var(--secondary-color);
            color: var(--primary-color);
            text-align: justify;
             overflow-x:hidden;
        }

.navbar {
            background-color: rgba(0, 0, 0, 0.8);
            transition: background-color 0.5s ease;
            padding: 1rem 0;
        }

.navbar.scrolled {
            background-color: rgba(0, 0, 0, 0.95);
        }

.navbar-brand,
        .nav-link {
            color: var(--primary-color) !important;
            transition: color 0.3s ease;
        }

.navbar-brand:hover,
        .nav-link:hover {
            color: var(--text-color) !important;
        }

.navbar-brand img {
            width: 200px;
            height: auto;
        }

h1, h2, h3, h4, h5, h6 {
            font-family: 'Georgia', serif;
            color: var(--text-color);
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

.recent-projects {
            padding: 150px 0 2rem !important;
        }

.recent-projects img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            border-radius: 8px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

.recent-projects img:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }

.row p {
            text-transform: uppercase;
            font-weight: bold;
            margin-top: 1rem;
        }

footer {
            padding: 3rem 0;
            background-color: black;
            color: var(--primary-color);
        }

/*.container {*/
        /*    max-width: 1200px;*/
        /*    margin: 0 auto;*/
        /*    padding: 0 15px;*/
        /*}*/

.footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

.footer-section {
            flex: 1;
            margin-bottom: 2rem;
            min-width: 200px;
        }

.footer-logo {
            max-width: 150px;
            margin-bottom: 1rem;
        }

.footer-section h3 {
            color: var(--text-color);
            margin-bottom: 1rem;
        }

.footer-links {
            list-style-type: none;
            padding: 0;
        }

.footer-links li {
            margin-bottom: 0.5rem;
        }

.footer-links a {
            color: var(--primary-color);
            text-decoration: none;
            transition: color 0.3s ease;
        }

.footer-links a:hover {
            color: var(--text-color);
        }

.social-icons {
            margin-top: 1rem;
        }

.social-icons a {
            color: var(--primary-color);
            font-size: 1.5rem;
            margin-right: 15px;
            transition: color 0.3s ease, transform 0.3s ease;
        }

.social-icons a:hover {
            color: var(--text-color);
            transform: scale(1.2);
        }

.footer-bottom {
            text-align: center;
            margin-top: 2rem;
            padding-top: 2rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

@media (max-width: 768px) {
            .footer-content {
                flex-direction: column;
            }

.footer-section {
                margin-bottom: 2rem;
            }
        }

.animate-on-scroll {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.5s ease, transform 0.5s ease;
        }

.animate-on-scroll.visible {
            opacity: 1;
            transform: translateY(0);
        }

@keyframes glowText {
            0% { text-shadow: 0 0 5px var(--text-color); }
            50% { text-shadow: 0 0 20px var(--text-color), 0 0 30px var(--text-color); }
            100% { text-shadow: 0 0 5px var(--text-color); }
        }

.section-title {
            animation: glowText 3s infinite;
        }
        p small {
    font-size: 0.85rem; /* You can adjust this size */
    color: var(--primary-color);
}
    </style>
</head>

<body>
      <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
        <div class="container">
            <a class="navbar-brand" href="index.html">
                <div class="text-center">
                    <img src="img/logo.png" alt="Luxify Lights Logo">
                    <span style="font-size: 14px; display: block; color: #fff;">Enhance your spaces</span>
                </div>
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html"><i class="fas fa-home"></i> Home</a>
                    </li>
                    
                    
                    
                    
                       
                    
                    <li class="nav-item">
                        <a class="nav-link" href="product.html"><i class="fas fa-lightbulb"></i>  Product</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="experience.html"><i class="fas fa-star"></i> Experience</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="gallery.html"><i class="fas fa-camera"></i> Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="blog.html"><i class="fas fa-blog"></i> Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="about.html"><i class="fas fa-info-circle"></i> About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="contact.html"><i class="fas fa-envelope"></i> Contact Us</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

<section class="recent-projects container animate-on-scroll py-5"> 
        <h2 class="section-title text-center mb-5">Experience</h2>
        
       
        <div class="row g-4">
            <div class="col-md-4 mb-4">
                <img src="img/experience/THE-TAMARA.webp" alt="Spyeye" class="img-fluid rounded shadow-lg">
                <p class="text-center mt-3">
                    <small>Luxury</small><br>
                    The Tamara<br>
                    <small><i class="fas fa-building"></i> Hotel</small>
                </p>
            </div>
            <div class="col-md-4 mb-4">
                <img src="img/experience/one-paramount.webp" alt="Wave" class="img-fluid rounded shadow-lg">
                <p class="text-center mt-3">
                    <small>Luxury</small><br>
                    one Paramount<br>
                    <small><i class="fas fa-building"></i> Commercial Building</small>
                </p>
            </div>
            <div class="col-md-4 mb-4">
                <img src="img/experience/Mr.-NILESH-FARM-HOUSE.webp" alt="Flos" class="img-fluid rounded shadow-lg">
                <p class="text-center mt-3">
                    <small>Minimalist</small><br>
                    Mr Nilesh Farm House<br>
                    <small><i class="fas fa-building"></i> Noida</small>
                </p>
            </div>
   
        </div>

<div class="row g-4">
            <div class="col-md-4 mb-4">
                <img src="img/experience/SHERATON.webp" alt="Spyeye" class="img-fluid rounded shadow-lg">
                <p class="text-center mt-3">
                    <small>Luxury</small><br>
                    Sheraton<br>
                    <small><i class="fas fa-building"></i> Hotel</small>
                </p>
            </div>
            <div class="col-md-4 mb-4">
                <img src="img/experience/SALARPURIA-SATAVA.webp" alt="Wave" class="img-fluid rounded shadow-lg">
                <p class="text-center mt-3">
                    <small>Project</small><br>
                    Salarpuria Satava<br>
                    <small><i class="fas fa-building"></i> Apartment</small>
                </p>
            </div>
            <div class="col-md-4 mb-4">
                <img src="img/experience/ITC-KOHINOOR.webp" alt="Flos" class="img-fluid rounded shadow-lg">
                <p class="text-center mt-3">
                    <small>Luxury</small><br>
                    ITC Kohinoor<br>
                    <small><i class="fas fa-building"></i> Luxury Hotel</small>
                </p>
            </div>
   
        </div>

<div class="row g-4">
            <div class="col-md-4 mb-4">
                <img src="img/experience/RADISSON-MAHABALIRAMPUR.webp" alt="Spyeye" class="img-fluid rounded shadow-lg">
                <p class="text-center mt-3">
                    <small>Resort</small><br>
                    Radisson Blu<br>
                    <small><i class="fas fa-building"></i> Hotel</small>
                </p>
            </div>
            <div class="col-md-4 mb-4">
                <img src="img/experience/RMZ-GALLERIA-MALL-3.webp" alt="Wave" class="img-fluid rounded shadow-lg">
                <p class="text-center mt-3">
                    <small>Luxury</small><br>
                    RMZ Galleria Mall<br>
                    <small><i class="fas fa-building"></i> Shopping Mall</small>
                </p>
            </div>
            <div class="col-md-4 mb-4">
                <img src="img/experience/RMZ-SKY-VIEW.webp" alt="Flos" class="img-fluid rounded shadow-lg">
                <p class="text-center mt-3">
                    <small>Company</small><br>
                    SKYVIEW RMZ<br>
                    <small><i class="fas fa-building"></i> IT Company</small>
                </p>
            </div>
   
        </div>
    </section>

<footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <img src="img/logo.png" alt="Luxify Lights Logo" class="footer-logo">
                    <p>Welcome to Luxify Lighting, where brilliance meets sophistication in every glow. Established with a passion for illuminating spaces with charm and efficiency, Luxify Lighting has been a guiding light since 2016</p>
                    <div class="social-icons">
                        <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                        <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
                    </div>
                </div>
                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <ul class="footer-links">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Products</a></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>Customer Service</h3>
                    <ul class="footer-links">
                        <li><a href="#">FAQ</a></li>
              
                        <li><a href="#">Warranty</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>Newsletter</h3>
                    <p>Stay updated with our latest offers and products.</p>
                    <form>
                        <input type="email" placeholder="Enter your email" style="padding: 5px; margin-bottom: 10px; width: 100%;">
                        <button type="submit" style="padding: 5px 10px; background-color: var(--text-color); color: var(--background-color); border: none; cursor: pointer;">Subscribe</button>
                    </form>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 Visio world. All Rights Reserved.</p>
            </div>
        </div>
    </footer>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        window.onscroll = function() {
            const navbar = document.querySelector('.navbar');
            if (window.pageYOffset > 50) {
                navbar.classList.add('scrolled');
            } else {
                navbar.classList.remove('scrolled');
            }
        };

document.addEventListener('DOMContentLoaded', function() {
            const animateElements = document.querySelectorAll('.animate-on-scroll');

animateElements.forEach(element => {
                observer.observe(element);
            });
        });
    </script>
</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: experience.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation