An interactive tabbed interface displaying book recommendations for options trading and practical engineering.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Book Recommendations: Options Trading and Engineering</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
    </style>
</head>
<body class="bg-gray-100 p-8">
    <div class="max-w-6xl mx-auto bg-white rounded-lg shadow-md overflow-hidden">
        <div class="p-6">
            <h1 class="text-3xl font-bold mb-6 text-center text-gray-800">Book Recommendations</h1>
            <div class="mb-4">
                <button id="optionsTab" class="px-4 py-2 bg-blue-500 text-white rounded-tl-lg rounded-tr-lg">Options Trading</button>
                <button id="engineeringTab" class="px-4 py-2 bg-gray-300 text-gray-700 rounded-tl-lg rounded-tr-lg">Engineering</button>
            </div>
            <div id="optionsContent" class="tab-content active">
                <h2 class="text-2xl font-semibold mb-4 text-gray-700">Options Trading Books</h2>
                <div class="overflow-x-auto">
                    <table class="min-w-full bg-white">
                        <thead class="bg-gray-100">
                            <tr>
                                <th class="py-2 px-4 border-b text-left">Book Title</th>
                                <th class="py-2 px-4 border-b text-left">Author</th>
                                <th class="py-2 px-4 border-b text-left">Description</th>
                                <th class="py-2 px-4 border-b text-left">Reference Link</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="py-2 px-4 border-b">Options as a Strategic Investment</td>
                                <td class="py-2 px-4 border-b">Lawrence G. McMillan</td>
                                <td class="py-2 px-4 border-b">A comprehensive guide covering various advanced options strategies.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Options-as-Strategic-Investment-Fifth/dp/0735204659" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">The Options Playbook</td>
                                <td class="py-2 px-4 border-b">Brian Overby</td>
                                <td class="py-2 px-4 border-b">Offers creative strategies for both beginners and advanced traders.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Options-Playbook-Expanded-2nd-strategies/dp/1733607617" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Option Volatility & Pricing: Advanced Trading Strategies and Techniques</td>
                                <td class="py-2 px-4 border-b">Sheldon Natenberg</td>
                                <td class="py-2 px-4 border-b">Focuses on the relationship between option pricing and volatility.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Option-Volatility-Pricing-Strategies-Techniques/dp/0071818774" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Trading Options Greeks: How Time, Volatility, and Other Pricing Factors Drive Profits</td>
                                <td class="py-2 px-4 border-b">Dan Passarelli</td>
                                <td class="py-2 px-4 border-b">Explores the complex mathematics behind options pricing.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Trading-Options-Greeks-Volatility-Pricing/dp/1118133161" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">The Bible of Options Strategies</td>
                                <td class="py-2 px-4 border-b">Guy Cohen</td>
                                <td class="py-2 px-4 border-b">Provides a comprehensive collection of option strategies for various market conditions.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Bible-Options-Strategies-Definitive-Practical/dp/0133964027" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Positional Option Trading</td>
                                <td class="py-2 px-4 border-b">Euan Sinclair</td>
                                <td class="py-2 px-4 border-b">Focuses on longer-term options strategies and risk management.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Positional-Option-Trading-Euan-Sinclair/dp/1119583519" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Options Trading Crash Course</td>
                                <td class="py-2 px-4 border-b">Frank Richmond</td>
                                <td class="py-2 px-4 border-b">Offers innovative strategies for beginners to quickly grasp options concepts.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Options-Trading-Crash-Course-Step/dp/1647710065" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div id="engineeringContent" class="tab-content">
                <h2 class="text-2xl font-semibold mb-4 text-gray-700">Engineering Books</h2>
                <div class="overflow-x-auto">
                    <table class="min-w-full bg-white">
                        <thead class="bg-gray-100">
                            <tr>
                                <th class="py-2 px-4 border-b text-left">Book Title</th>
                                <th class="py-2 px-4 border-b text-left">Author(s)</th>
                                <th class="py-2 px-4 border-b text-left">Description</th>
                                <th class="py-2 px-4 border-b text-left">Reference Link</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="py-2 px-4 border-b">Engineering Mechanics: Statics & Dynamics</td>
                                <td class="py-2 px-4 border-b">Russell C. Hibbeler</td>
                                <td class="py-2 px-4 border-b">A comprehensive guide covering both statics and dynamics with real-world examples.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Engineering-Mechanics-Dynamics-Russell-Hibbeler/dp/0133915425" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Practical Engineering Design</td>
                                <td class="py-2 px-4 border-b">Maja Bystrom, Bruce Eisenstein</td>
                                <td class="py-2 px-4 border-b">Focuses on the practical aspects of engineering design and problem-solving.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Practical-Engineering-Design-Maja-Bystrom/dp/0824789741" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Marks' Standard Handbook for Mechanical Engineers</td>
                                <td class="py-2 px-4 border-b">Eugene A. Avallone, Theodore Baumeister III, Ali M. Sadegh</td>
                                <td class="py-2 px-4 border-b">A comprehensive reference for mechanical engineering with practical applications.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Marks-Standard-Handbook-Mechanical-Engineers/dp/0071428674" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">The Way Things Work Now</td>
                                <td class="py-2 px-4 border-b">David Macaulay</td>
                                <td class="py-2 px-4 border-b">An illustrated guide to machines and mechanics, perfect for understanding real-world applications.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Way-Things-Work-Now/dp/0544824385" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Practical Electronics for Inventors</td>
                                <td class="py-2 px-4 border-b">Paul Scherz, Simon Monk</td>
                                <td class="py-2 px-4 border-b">Bridges theory and practice in electronics engineering.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Practical-Electronics-Inventors-Fourth-Scherz/dp/1259587541" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Engineering Fundamentals: An Introduction to Engineering</td>
                                <td class="py-2 px-4 border-b">Saeed Moaveni</td>
                                <td class="py-2 px-4 border-b">Covers various engineering disciplines with a focus on practical applications.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Engineering-Fundamentals-Introduction-Saeed-Moaveni/dp/1305084764" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Machinery's Handbook</td>
                                <td class="py-2 px-4 border-b">Erik Oberg, et al.</td>
                                <td class="py-2 px-4 border-b">A comprehensive reference guide for mechanical engineering, focusing on practical applications.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Machinerys-Handbook-Toolbox-Erik-Oberg/dp/0831130911" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-b">Physics for Scientists and Engineers with Modern Physics</td>
                                <td class="py-2 px-4 border-b">Raymond A. Serway, John W. Jewett</td>
                                <td class="py-2 px-4 border-b">Combines theoretical physics with practical applications and examples.</td>
                                <td class="py-2 px-4 border-b"><a href="https://www.amazon.com/Physics-Scientists-Engineers-Modern-Chapters/dp/1337553298" class="text-blue-500 hover:underline" target="_blank">Amazon</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script>
        const optionsTab = document.getElementById('optionsTab');
        const engineeringTab = document.getElementById('engineeringTab');
        const optionsContent = document.getElementById('optionsContent');
        const engineeringContent = document.getElementById('engineeringContent');

        optionsTab.addEventListener('click', () => {
            optionsTab.classList.add('bg-blue-500', 'text-white');
            optionsTab.classList.remove('bg-gray-300', 'text-gray-700');
            engineeringTab.classList.add('bg-gray-300', 'text-gray-700');
            engineeringTab.classList.remove('bg-blue-500', 'text-white');
            optionsContent.classList.add('active');
            engineeringContent.classList.remove('active');
        });

        engineeringTab.addEventListener('click', () => {
            engineeringTab.classList.add('bg-blue-500', 'text-white');
            engineeringTab.classList.remove('bg-gray-300', 'text-gray-700');
            optionsTab.classList.add('bg-gray-300', 'text-gray-700');
            optionsTab.classList.remove('bg-blue-500', 'text-white');
            engineeringContent.classList.add('active');
            optionsContent.classList.remove('active');
        });
    </script>
</body>
</html>