Blame for index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PythonPedia by TV Small Company</title>
    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
    <style>
        .hero-gradient {
            background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
        }
        .code-block {
            font-family: 'Courier New', monospace;
            background-color: #1e293b;
            color: #f8fafc;
            border-radius: 0.5rem;
            padding: 1.5rem;
            overflow-x: auto;
        }
        .nav-link:hover {
            color: #8b5cf6;
            transform: translateY(-2px);
            transition: all 0.2s ease;
        }
    </style>
</head>
<body class="bg-gray-50">
    <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full -z-10"></div>
    
    <!-- Header -->
    <header class="bg-white/80 backdrop-blur-md shadow-sm sticky top-0 z-50">
        <div class="container mx-auto px-4 py-4 flex justify-between items-center">
            <div class="flex items-center space-x-2">
                <i data-feather="code" class="text-indigo-600"></i>
                <h1 class="text-2xl font-bold text-gray-800">PythonPedia</h1>
            </div>
            <div class="flex items-center space-x-6">
                <a href="#about" class="nav-link text-gray-600 font-medium">About Python</a>
                <a href="#syntax" class="nav-link text-gray-600 font-medium">Syntax</a>
                <a href="#libraries" class="nav-link text-gray-600 font-medium">Libraries</a>
                <a href="#contact" class="nav-link text-gray-600 font-medium">Contact</a>
            </div>
            <div class="md:hidden">
                <i data-feather="menu" class="text-gray-600"></i>
            </div>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero-gradient text-white py-20">
        <div class="container mx-auto px-4 text-center">
            <h1 class="text-5xl font-bold mb-6">Master Python Programming</h1>
            <p class="text-xl mb-8 max-w-2xl mx-auto">Comprehensive guide to Python programming language by TV Small Company</p>
            <div class="flex justify-center space-x-4">
                <a href="#about" class="bg-white text-indigo-600 px-6 py-3 rounded-lg font-medium hover:bg-gray-100 transition">Get Started</a>
                <a href="tel:+992935333000" class="bg-indigo-700 text-white px-6 py-3 rounded-lg font-medium hover:bg-indigo-800 transition flex items-center">
                    <i data-feather="phone" class="mr-2"></i> +992 935333000
                </a>
            </div>
        </div>
    </section>

    <!-- About Python -->
    <section id="about" class="py-16 bg-white">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">About Python</h2>
            <div class="grid md:grid-cols-2 gap-8 items-center">
                <div>
                    <p class="text-gray-600 mb-4">Python is an interpreted, high-level, general-purpose programming language. Created by Guido van Rossum and first released in 1991, Python's design philosophy emphasizes code readability with its notable use of significant whitespace.</p>
                    <p class="text-gray-600 mb-4">Python is dynamically typed and garbage-collected. It supports multiple programming paradigms, including structured (particularly procedural), object-oriented, and functional programming.</p>
                    <div class="bg-indigo-50 p-4 rounded-lg border-l-4 border-indigo-500">
                        <p class="text-indigo-700">"Python is powerful... and fast; plays well with others; runs everywhere; is friendly & easy to learn; is Open."</p>
                    </div>
                </div>
                <div class="bg-gray-100 p-6 rounded-xl">
                    <img src="http://static.photos/technology/640x360/42" alt="Python Code" class="rounded-lg shadow-md w-full">
                </div>
            </div>
        </div>
    </section>

    <!-- Python Syntax -->
    <section id="syntax" class="py-16 bg-gray-50">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Python Syntax Basics</h2>
            <div class="grid md:grid-cols-2 gap-8">
                <div>
                    <h3 class="text-xl font-semibold mb-4 text-gray-700">Variables</h3>
                    <div class="code-block mb-6">
                        <pre><code class="text-green-400"># Variable assignment
x = 5
y = "Hello, World!"
z = [1, 2, 3]</code></pre>
                    </div>
                    
                    <h3 class="text-xl font-semibold mb-4 text-gray-700">Functions</h3>
                    <div class="code-block">
                        <pre><code class="text-green-400"># Function definition
def greet(name):
    return f"Hello, {name}!"

# Function call
print(greet("Alice"))</code></pre>
                    </div>
                </div>
                <div>
                    <h3 class="text-xl font-semibold mb-4 text-gray-700">Loops</h3>
                    <div class="code-block mb-6">
                        <pre><code class="text-green-400"># For loop
for i in range(5):
    print(i)

# While loop
count = 0
while count < 5:
    print(count)
    count += 1</code></pre>
                    </div>
                    
                    <h3 class="text-xl font-semibold mb-4 text-gray-700">Conditionals</h3>
                    <div class="code-block">
                        <pre><code class="text-green-400"># If-elif-else
age = 18
if age < 13:
    print("Child")
elif age < 18:
    print("Teen")
else:
    print("Adult")</code></pre>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Popular Libraries -->
    <section id="libraries" class="py-16 bg-white">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Popular Python Libraries</h2>
            <div class="grid md:grid-cols-3 gap-6">
                <div class="bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition">
                    <div class="bg-indigo-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
                        <i data-feather="box" class="text-indigo-600"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2 text-gray-800">NumPy</h3>
                    <p class="text-gray-600">Fundamental package for scientific computing with Python. It provides support for arrays, matrices, and many mathematical functions.</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition">
                    <div class="bg-green-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
                        <i data-feather="bar-chart-2" class="text-green-600"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2 text-gray-800">Pandas</h3>
                    <p class="text-gray-600">Provides high-performance, easy-to-use data structures and data analysis tools for Python programming language.</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition">
                    <div class="bg-red-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
                        <i data-feather="cpu" class="text-red-600"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2 text-gray-800">TensorFlow</h3>
                    <p class="text-gray-600">An end-to-end open source platform for machine learning that makes it easy for beginners and experts to create machine learning models.</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition">
                    <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
                        <i data-feather="globe" class="text-blue-600"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2 text-gray-800">Django</h3>
                    <p class="text-gray-600">A high-level Python Web framework that encourages rapid development and clean, pragmatic design.</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition">
                    <div class="bg-purple-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
                        <i data-feather="eye" class="text-purple-600"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2 text-gray-800">Matplotlib</h3>
                    <p class="text-gray-600">A comprehensive library for creating static, animated, and interactive visualizations in Python.</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition">
                    <div class="bg-yellow-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
                        <i data-feather="database" class="text-yellow-600"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2 text-gray-800">SQLAlchemy</h3>
                    <p class="text-gray-600">The Python SQL toolkit and Object Relational Mapper that gives application developers the full power and flexibility of SQL.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="py-16 bg-gray-
</body>
</html>