

<!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="Learn about Anylistly - your trusted source for free coloring pages, quotes, tools, and event countdowns.">
    <title>About Us - Anylistly</title>
    
    
<link rel="canonical" href="https://anylistly.com/about-us/">
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="https://anylistly.com//assets/css/style.css">
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-R0WQZK9Z1Z"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-R0WQZK9Z1Z');
    </script>
</head>
<body>
    <!-- Header Navigation -->
    <header>
        <div class="container">
            <nav>
                <!-- Logo -->
                <a href="https://anylistly.com/" class="logo">
                    <img src="https://anylistly.com//img/anylistly-logo.png" alt="Anylistly Logo">
                </a>
                
                <!-- Navigation Menu -->
                <ul class="nav-menu" id="navMenu">
                    <li><a href="https://anylistly.com/tools/" class="">Tools</a></li>
                    <li><a href="https://anylistly.com/quotes/" class="">Quotes</a></li>
                    <li><a href="https://anylistly.com/countdowns/" class="">Countdowns</a></li>
                    <li><a href="https://anylistly.com/coloring-pages/" class="">Coloring Pages</a></li>
                </ul>
                
                <!-- Mobile Menu Toggle -->
                <div class="menu-toggle" id="menuToggle">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                
                <!-- Search Icon (can be enhanced later) -->
                <span class="search-icon">🔍</span>
            </nav>
        </div>
    </header>
    
    <!-- Main Content Starts Here (closed in footer.php) -->
    <main>
<style>
/* ============================================
   PAGE HEADER - SIMPLE CLEAN STYLE
============================================ */
.page-header {
    background: linear-gradient(135deg, #f5f7ff 0%, #fff 100%);
    padding: 60px 20px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.page-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="white" opacity="0.05"/></svg>');
    background-size: 100px;
}

.page-header h1 {
    font-size: 48px;
    color: #1f2937;
    margin-bottom: 16px;
    font-weight: 800;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

.page-header p {
    font-size: 18px;
    color: #6b7280;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}

/* Content Section */
.content-section {
    padding: 80px 20px;
}

.content-box {
    max-width: 900px;
    margin: 0 auto;
}

.content-box h2 {
    font-size: 32px;
    color: #1f2937;
    margin-bottom: 20px;
    font-weight: 700;
}

.content-box h3 {
    font-size: 24px;
    color: #1f2937;
    margin: 40px 0 16px;
    font-weight: 600;
}

.content-box p {
    font-size: 16px;
    color: #6b7280;
    line-height: 1.8;
    margin-bottom: 20px;
}

.content-box ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.content-box ul li {
    font-size: 16px;
    color: #6b7280;
    line-height: 1.8;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
}

.content-box ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #667eea;
    font-weight: 700;
    font-size: 18px;
}

/* Features Grid */
.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin: 50px 0;
}

.feature-card {
    background: #f9fafb;
    padding: 35px 30px;
    border-radius: 16px;
    text-align: center;
    transition: all 0.3s ease;
}

.feature-card:hover {
    background: #f3f4f6;
    transform: translateY(-5px);
}

.feature-icon {
    font-size: 56px;
    margin-bottom: 20px;
    display: block;
}

.feature-card h3 {
    font-size: 20px;
    color: #1f2937;
    margin-bottom: 12px;
    font-weight: 700;
}

.feature-card p {
    font-size: 15px;
    color: #6b7280;
    line-height: 1.6;
    margin: 0;
}

/* CTA Section */
.cta-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 60px 20px;
    text-align: center;
    color: white;
}

.cta-section h2 {
    font-size: 32px;
    margin-bottom: 16px;
    font-weight: 700;
}

.cta-section p {
    font-size: 18px;
    margin-bottom: 30px;
    opacity: 0.95;
}

.cta-btn {
    display: inline-block;
    padding: 16px 40px;
    background: white;
    color: #667eea;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .page-header {
        padding: 50px 20px 30px;
    }
    
    .page-header h1 {
        font-size: 32px;
    }
    
    .page-header p {
        font-size: 16px;
    }
    
    .content-section {
        padding: 60px 20px;
    }
    
    .content-box h2 {
        font-size: 28px;
    }
    
    .content-box h3 {
        font-size: 22px;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .cta-section h2 {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .page-header h1 {
        font-size: 28px;
    }
    
    .page-header p {
        font-size: 15px;
    }
}
</style>

<!-- Page Header -->
<section class="page-header">
    <div class="container">
        <h1>About Anylistly</h1>
        <p>Your trusted source for free resources, tools, and inspiration</p>
    </div>
</section>

<!-- Main Content -->
<section class="content-section">
    <div class="container">
        <div class="content-box">
            <h2>Welcome to Anylistly! 👋</h2>
            <p>
                Anylistly is your go-to destination for high-quality, completely free resources that make life easier, 
                more creative, and more inspiring. We believe that everyone deserves access to helpful tools and 
                creative content without any cost barriers.
            </p>
            
            <h3>What We Offer</h3>
            <p>
                We've carefully curated a diverse collection of resources to help you with various aspects of daily life:
            </p>
            
            <ul>
                <li><strong>Free Coloring Pages:</strong> 500+ printable designs for kids and adults, including animals, alphabet, holidays, and more</li>
                <li><strong>Online Tools:</strong> 40+ useful utilities for word counting, calculations, QR code generation, and everyday tasks</li>
                <li><strong>Quotes & Wishes:</strong> Thousands of inspiring quotes and heartfelt messages for every occasion</li>
                <li><strong>Event Countdowns:</strong> Live timers for holidays and special occasions throughout the year</li>
            </ul>
            
            <h3>Our Mission</h3>
            <p>
                Our mission is simple: to provide free, high-quality resources that bring value to your daily life. 
                Whether you're a parent looking for educational activities, a student needing helpful tools, or 
                someone seeking inspiration, we're here to help.
            </p>
            
            <h3>Why Choose Anylistly?</h3>
        </div>
        
        <div class="features-grid">
            <div class="feature-card">
                <span class="feature-icon">🎁</span>
                <h3>100% Free Forever</h3>
                <p>All our resources are completely free with no hidden fees or subscriptions</p>
            </div>
            
            <div class="feature-card">
                <span class="feature-icon">⚡</span>
                <h3>Easy to Use</h3>
                <p>Simple, intuitive interface designed for everyone</p>
            </div>
            
            <div class="feature-card">
                <span class="feature-icon">📱</span>
                <h3>Mobile Friendly</h3>
                <p>Access everything from any device, anywhere, anytime</p>
            </div>
            
            <div class="feature-card">
                <span class="feature-icon">🔒</span>
                <h3>Safe & Secure</h3>
                <p>Family-friendly content that's safe for all ages</p>
            </div>
            
            <div class="feature-card">
                <span class="feature-icon">🌟</span>
                <h3>High Quality</h3>
                <p>Carefully curated and designed resources</p>
            </div>
            
            <div class="feature-card">
                <span class="feature-icon">📅</span>
                <h3>Regular Updates</h3>
                <p>Fresh content added daily to keep things exciting</p>
            </div>
        </div>
        
        <div class="content-box">
            <h3>Our Commitment</h3>
            <p>
                We're committed to maintaining the highest standards of quality while keeping everything free and 
                accessible. Your feedback helps us improve and expand our offerings to better serve your needs.
            </p>
            
            <p>
                Thank you for choosing Anylistly as your trusted resource for free tools, coloring pages, quotes, 
                and countdowns. We're excited to be part of your journey!
            </p>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="cta-section">
    <div class="container">
        <h2>Ready to Explore?</h2>
        <p>Discover thousands of free resources waiting for you</p>
        <a href="https://anylistly.com/" class="cta-btn">Explore All Resources</a>
    </div>
</section>

</main>
    <!-- Main Content Ends Here (opened in header.php) -->
    
    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-grid">
                <!-- About Column -->
                <div class="footer-col">
                    <h4>About</h4>
                    <ul>
                        <li><a href="https://anylistly.com/about-us/">About Us</a></li>
                        <li><a href="https://anylistly.com/contact-us/">Contact</a></li>
                        <li><a href="https://anylistly.com/coming-soon/">Blog</a></li>
                    </ul>
                </div>
                
                <!-- Categories Column -->
                <div class="footer-col">
                    <h4>Categories</h4>
                    <ul>
                        <li><a href="https://anylistly.com/coloring-pages/">Coloring Pages</a></li>
                        <li><a href="https://anylistly.com/quotes/">Quotes & Wishes</a></li>
                        <li><a href="https://anylistly.com/tools/">Free Online Tools</a></li>
                        <li><a href="https://anylistly.com/countdowns/">Countdowns</a></li>
                    </ul>
                </div>
                
                <!-- Legal Column -->
                <div class="footer-col">
                    <h4>Legal</h4>
                    <ul>
                        <li><a href="https://anylistly.com/privacy/">Privacy Policy</a></li>
                        <li><a href="https://anylistly.com/terms/">Terms of Service</a></li>
                        <li><a href="https://anylistly.com/disclaimer/">Disclaimer</a></li>
                    </ul>
                </div>
                
                <!-- Social/Newsletter Column (Optional - Add as needed) -->
                <div class="footer-col">
                    <h4>Follow Us</h4>
                    <ul>
                        <li><a href="#">Facebook</a></li>
                        <li><a href="#">Twitter</a></li>
                        <li><a href="#">Pinterest</a></li>
                    </ul>
                </div>
            </div>
            
            <!-- Copyright -->
            <div class="copyright">
                <p>&copy; 2026 Anylistly.com – All Rights Reserved</p>
            </div>
        </div>
    </footer>
    
    <!-- Main JavaScript -->
    <script src="https://anylistly.com/assets/js/main.js"></script>
    
    
    <button id="scrollToTop" class="scroll-to-top-v3" title="Go to top">
        <span>TOP</span>
    </button>

    
</body>
</html>