Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.84.1.lve.el8.x86_64

PHP Version:

8.2.30

User:

u176134211

Directory:

/home/u176134211/domains/subdrop.in/public_html/mj-photography

Free Space:

8.5 TB

🔧 Quick Actions

✏️ Editing: reviews.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Read 161+ reviews from satisfied clients of MJ Photography. Rated 5.0 stars in Chhatrapati Sambhajinagar.">
    <meta name="keywords" content="photography, Chhatrapati Sambhajinagar, photo studio, best photographer">
    <meta name="author" content="MJ Photography">
    <meta property="og:title" content="Client Reviews - MJ Photography">
    <meta property="og:description" content="Read 161+ reviews from satisfied clients of MJ Photography. Rated 5.0 stars in Chhatrapati Sambhajinagar.">
    <meta property="og:type" content="website">
    <title>Client Reviews - MJ Photography</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #2563eb;
            --secondary: #eff6ff;
            --accent: #3b82f6;
            --text: #1e293b;
            --heading: #1e40af;
            --white: #ffffff;
            --gray: #f8f9fa;
            --shadow: 0 4px 20px rgba(0,0,0,0.1);
            --shadow-hover: 0 8px 30px rgba(0,0,0,0.15);
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Poppins', sans-serif; color: var(--text); line-height: 1.6; background: var(--white); }
        h1, h2, h3, h4 { font-family: 'Playfair Display', serif; color: var(--heading); }
        a { text-decoration: none; color: inherit; transition: all 0.3s ease; }
        img { max-width: 100%; height: auto; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        
        /* Header */
        header { background: var(--white); box-shadow: var(--shadow); position: sticky; top: 0; z-index: 1000; }
        nav { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; }
        .logo { font-size: 1.5rem; font-weight: 700; color: var(--primary); font-family: 'Playfair Display', serif; }
        .nav-links { display: flex; list-style: none; gap: 30px; }
        .nav-links a { font-weight: 500; position: relative; }
        .nav-links a:hover { color: var(--primary); }
        .nav-links a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: var(--primary); transition: width 0.3s; }
        .nav-links a:hover::after { width: 100%; }
        .mobile-menu { display: none; font-size: 1.5rem; cursor: pointer; }
        
        /* Buttons */
        .btn { display: inline-block; padding: 12px 30px; border-radius: 50px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; border: none; cursor: pointer; }
        .btn-primary { background: var(--primary); color: var(--white); }
        .btn-primary:hover { background: var(--heading); transform: translateY(-3px); box-shadow: var(--shadow-hover); }
        .btn-outline { border: 2px solid var(--primary); color: var(--primary); background: transparent; }
        .btn-outline:hover { background: var(--primary); color: var(--white); }
        .btn-whatsapp { background: #25d366; color: var(--white); }
        .btn-whatsapp:hover { background: #128c7e; }
        
        /* Hero */
        .hero { background: linear-gradient(135deg, var(--secondary) 0%, var(--white) 100%); padding: 80px 0; text-align: center; }
        .hero h1 { font-size: 3rem; margin-bottom: 20px; animation: fadeInUp 0.8s ease; }
        .hero p { font-size: 1.2rem; color: #666; max-width: 600px; margin: 0 auto 30px; animation: fadeInUp 0.8s ease 0.2s both; }
        .hero-btns { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; animation: fadeInUp 0.8s ease 0.4s both; }
        .rating-badge { display: inline-flex; align-items: center; gap: 10px; background: var(--white); padding: 10px 20px; border-radius: 50px; box-shadow: var(--shadow); margin-top: 30px; animation: fadeInUp 0.8s ease 0.6s both; }
        .stars { color: #ffc107; }
        
        /* Sections */
        section { padding: 80px 0; }
        .section-title { text-align: center; margin-bottom: 50px; }
        .section-title h2 { font-size: 2.5rem; margin-bottom: 15px; }
        .section-title p { color: #666; max-width: 600px; margin: 0 auto; }
        
        /* Cards */
        .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
        .card { background: var(--white); border-radius: 15px; overflow: hidden; box-shadow: var(--shadow); transition: all 0.3s ease; }
        .card:hover { transform: translateY(-10px); box-shadow: var(--shadow-hover); }
        .card-icon { width: 70px; height: 70px; background: var(--secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 30px auto 20px; font-size: 1.8rem; color: var(--primary); }
        .card-content { padding: 0 25px 30px; text-align: center; }
        .card h3 { margin-bottom: 15px; font-size: 1.3rem; }
        .card p { color: #666; font-size: 0.95rem; }
        
        /* Reviews */
        .review-card { background: var(--white); padding: 25px; border-radius: 15px; box-shadow: var(--shadow); margin-bottom: 20px; }
        .review-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
        .reviewer-name { font-weight: 600; color: var(--heading); }
        .review-date { color: #999; font-size: 0.9rem; }
        .review-text { color: #555; line-height: 1.8; }
        
        /* Contact */
        .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }
        .contact-info h3 { margin-bottom: 20px; }
        .contact-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px; }
        .contact-item i { width: 45px; height: 45px; background: var(--secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary); font-size: 1.1rem; flex-shrink: 0; }
        .contact-item div h4 { margin-bottom: 5px; font-size: 1rem; }
        .contact-item div p { color: #666; font-size: 0.95rem; }
        .map-container { border-radius: 15px; overflow: hidden; box-shadow: var(--shadow); height: 400px; }
        .map-container iframe { width: 100%; height: 100%; border: none; }
        
        /* Form */
        .form-group { margin-bottom: 20px; }
        .form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: var(--heading); }
        .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px 15px; border: 2px solid #e0e0e0; border-radius: 10px; font-family: inherit; transition: border-color 0.3s; }
        .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: var(--primary); }
        
        /* Footer */
        footer { background: var(--heading); color: var(--white); padding: 50px 0 20px; }
        .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 30px; }
        .footer-section h3 { color: var(--white); margin-bottom: 20px; font-size: 1.3rem; }
        .footer-section p, .footer-section a { color: #ccc; line-height: 1.8; }
        .footer-section a:hover { color: var(--primary); }
        .social-links { display: flex; gap: 15px; margin-top: 20px; }
        .social-links a { width: 40px; height: 40px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
        .social-links a:hover { background: var(--primary); transform: translateY(-3px); }
        .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; text-align: center; color: #999; }
        .footer-bottom a { color: var(--primary); }
        
        /* Sticky Buttons */
        .sticky-btns { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 999; }
        .sticky-btn { width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 1.5rem; box-shadow: var(--shadow-hover); transition: all 0.3s; }
        .sticky-btn:hover { transform: scale(1.1); }
        .sticky-call { background: var(--primary); }
        .sticky-whatsapp { background: #25d366; }
        
        /* Mobile CTA */
        .mobile-cta { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: var(--white); padding: 10px; box-shadow: 0 -4px 20px rgba(0,0,0,0.1); z-index: 998; }
        .mobile-cta-btns { display: flex; gap: 10px; }
        .mobile-cta .btn { flex: 1; padding: 12px; font-size: 0.9rem; }
        
        /* Animations */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .fade-in { animation: fadeInUp 0.8s ease both; }
        
        /* Responsive */
        @media (max-width: 768px) {
            .nav-links { display: none; }
            .mobile-menu { display: block; }
            .hero h1 { font-size: 2rem; }
            .hero p { font-size: 1rem; }
            section { padding: 50px 0; }
            .section-title h2 { font-size: 1.8rem; }
            .sticky-btns { bottom: 80px; }
            .mobile-cta { display: block; }
            body { padding-bottom: 70px; }
        }
    </style>
</head><body>
    <header>
        <nav class="container">
            <a href="index.html" class="logo">MJ Photography</a>
            <ul class="nav-links">
                <li><a href="index.html" >Home</a></li><li><a href="about.html" >About</a></li><li><a href="services.html" >Services</a></li><li><a href="contact.html" >Contact</a></li><li><a href="reviews.html" style="color: var(--primary);">Reviews</a></li>
            </ul>
            <div class="mobile-menu"><i class="fas fa-bars"></i></div>
        </nav>
    </header>
    <section class="hero">
        <div class="container">
            <h1>Client Reviews</h1>
            <p>See what our clients say about our work</p>
            <div class="rating-badge" style="margin-top: 30px;">
                <span class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                <span><strong>5.0</strong> out of 5 stars (161+ reviews)</span>
            </div>
        </div>
    </section>
    
    <section>
        <div class="container">
            <div class="section-title">
                <h2>Testimonials</h2>
                <p>Real feedback from our valued clients</p>
            </div>
            
            <div class="review-card fade-in">
                <div class="review-header">
                    <span class="reviewer-name">Rahul Sharma</span>
                    <span class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                </div>
                <p class="review-text">"Excellent photography service! The team was professional and captured all our special moments beautifully. Highly recommended for anyone looking for quality photography in Chhatrapati Sambhajinagar."</p>
            </div>
            
            <div class="review-card fade-in">
                <div class="review-header">
                    <span class="reviewer-name">Priya Patel</span>
                    <span class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                </div>
                <p class="review-text">"Amazing experience working with MJ Photography. They understood our vision perfectly and delivered stunning photos. The editing quality is top-notch. Will definitely recommend to friends and family!"</p>
            </div>
            
            <div class="review-card fade-in">
                <div class="review-header">
                    <span class="reviewer-name">Amit Kumar</span>
                    <span class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                </div>
                <p class="review-text">"Very professional team with great attention to detail. They made us feel comfortable during the shoot and the final results exceeded our expectations. Great value for money!"</p>
            </div>
            
            <div class="review-card fade-in">
                <div class="review-header">
                    <span class="reviewer-name">Sneha Desai</span>
                    <span class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                </div>
                <p class="review-text">"Booked them for our family portrait session and couldn't be happier with the results. The photographers were patient with our kids and captured natural, beautiful moments. Thank you!"</p>
            </div>
            
            <div class="review-card fade-in">
                <div class="review-header">
                    <span class="reviewer-name">Vikram Joshi</span>
                    <span class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                </div>
                <p class="review-text">"Outstanding work! From the initial consultation to the final delivery, everything was handled professionally. The photos are absolutely beautiful and something we'll cherish forever."</p>
            </div>
        </div>
    </section>
    
    <section style="background: var(--secondary);">
        <div class="container" style="text-align: center;">
            <h2>Share Your Experience</h2>
            <p style="margin: 20px 0 30px;">We value your feedback. Let us know about your experience with us.</p>
            <a href="contact.html" class="btn btn-primary">Write a Review</a>
        </div>
    </section>
<footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>MJ Photography</h3>
                    <p>Photography studio in Chhatrapati Sambhajinagar</p>
                    <p>near MJ_CLICK_AND_FILMS, Parijat Nagar, Jai Bhavani Nagar, Chh, Cidco, Chhatrapati Sambhajinagar, Ma...</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <p><a href="index.html">Home</a></p>
                    <p><a href="about.html">About Us</a></p>
                    <p><a href="services.html">Services</a></p>
                    <p><a href="contact.html">Contact</a></p>
                </div>
                <div class="footer-section">
                    <h3>Contact Info</h3>
                    <p><i class="fas fa-phone"></i> <a href="tel:+918668268126">+91 8668268126</a></p>
                    <p><i class="fas fa-map-marker-alt"></i> Chhatrapati Sambhajinagar</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 MJ Photography. All rights reserved.</p>
                <p>Developed and Designed by <a href="https://patilwebsolutions.com/" target="_blank"><strong>Patil Web Solutions</strong></a></p>
            </div>
        </div>
    </footer>
    
    <div class="sticky-btns">
        <a href="tel:+918668268126" class="sticky-btn sticky-call"><i class="fas fa-phone"></i></a>
        <a href="https://wa.me/918668268126" class="sticky-btn sticky-whatsapp"><i class="fab fa-whatsapp"></i></a>
    </div>
    
    <div class="mobile-cta">
        <div class="mobile-cta-btns">
            <a href="tel:+918668268126" class="btn btn-primary"><i class="fas fa-phone"></i> Call Now</a>
            <a href="https://wa.me/918668268126" class="btn btn-whatsapp"><i class="fab fa-whatsapp"></i> WhatsApp</a>
        </div>
    </div>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: reviews.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation