| <!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 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> |
|
|
| |
| <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> |
|
|
| |
| <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> |
|
|
| |
| <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> |
|
|
| |
| <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> |
|
|
| |
| <section id="contact" class="py-16 bg-gray- |
| </body> |
| </html> |
