here is an example code of page written in html and tailwind:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple Dashboard</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <style>
        /* Additional styling can be added here */
    </style>
</head>
<body class="bg-gray-100">
    <!-- Navigation -->
    <nav class="bg-gray-800">
        <div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
            <div class="relative flex h-16 items-center justify-between">
                <div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
                    <button type="button" class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:ring-2 focus:ring-white focus:outline-hidden focus:ring-inset" aria-controls="mobile-menu" aria-expanded="false">
                        <span class="absolute -inset-0.5"></span>
                        <span class="sr-only">Open main menu</span>
                        <svg class="block size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
                        </svg>
                        <svg class="hidden size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
                        </svg>
                    </button>
                </div>
                <div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
                    <div class="flex shrink-0 items-center">
                        <img class="h-8 w-auto" src="https://www.cdc.ru/upload/dev2fun_opengraph/714/9li1crmt85iq80k1li61a8po2pwmt0mv.png" alt="Your Company">
                    </div>
                    <div class="hidden sm:ml-6 sm:block">
                        <div class="flex space-x-4">
                            <a href="#" class="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white" aria-current="page">Профиль</a>
                            <a href="#" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Поиск по VIN</a>
                            <a href="#" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Поиск в каталоге</a>
                            <a href="#" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white"></a>
                        </div>
                    </div>
                </div>
                
                </div>
            </div>
        </div>

        <div class="sm:hidden" id="mobile-menu">
            <div class="space-y-1 px-2 pt-2 pb-3">
                <a href="#" class="block rounded-md bg-gray-900 px-3 py-2 text-base font-medium text-white" aria-current="page">Dashboard</a>
                <a href="#" class="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Team</a>
                <a href="#" class="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Projects</a>
                <a href="#" class="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Calendar</a>
            </div>
        </div>
    </nav>

    <!-- Main content -->
    <div class="max-w-7xl mx-auto px-4 py-6">
        <h1 class="text-3xl font-bold mb-4">Ваша техника</h1>
        <p class="text-gray-700 mb-4">Здесь вы можете посмотреть точную конфигурацию своей техники и заказать запчасти.</p>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">


            <div class="max-w-sm rounded overflow-hidden shadow-lg bg-white">
                <img class="w-full" src="https://kirovets-ptz.com/upload/medialibrary/a8f/480-7.jpg" alt="Изображение техники">
                <div class="px-6 py-4">
                    <div class="font-bold text-xl mb-2">К-742 Стандарт</div>
                    <p class="text-gray-700 text-base">
                        - VIN-номер: 1HGBH41JXMN109186
                    </p>
                    <p class="text-gray-700 text-base">
                        - Дата выпуска: 2020-05-15
                    </p>
                </div>
                <div class="px-6 py-4">
                    <a href="#" class="bg-gray-800 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
                        Перейти к технике
                    </a>
                </div>
            </div>
            

            <div class="max-w-sm rounded overflow-hidden shadow-lg bg-white">
                <img class="w-full" src="https://kirovets-ptz.com/upload/medialibrary/a8f/480-7.jpg" alt="Изображение техники">
                <div class="px-6 py-4">
                    <div class="font-bold text-xl mb-2">К-742 Стандарт</div>
                    <p class="text-gray-700 text-base">
                        - VIN-номер: dfdfds4dfdfdf109186
                    </p>
                    <p class="text-gray-700 text-base">
                        - Дата выпуска: 2020-05-10
                    </p>
                </div>
                <div class="px-6 py-4">
                    <a href="#" class="bg-gray-800 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
                        Перейти к технике
                    </a>
                </div>
            </div>


            <div class="max-w-sm rounded overflow-hidden shadow-lg bg-white">
                <img class="w-full" src="https://kirovets-ptz.com/upload/medialibrary/a8f/480-7.jpg" alt="Изображение техники">
                <div class="px-6 py-4">
                    <div class="font-bold text-xl mb-2">К-742 Стандарт</div>
                    <p class="text-gray-700 text-base">
                        - VIN-номер: shdfhsi1JN109dfd186
                    </p>
                    <p class="text-gray-700 text-base">
                        - Дата выпуска: 2023-05-15
                    </p>
                </div>
                <div class="px-6 py-4">
                    <a href="#" class="bg-gray-800 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
                        Перейти к технике
                    </a>
                </div>
            </div>
        </div>
    </div>

    <script>
        // JavaScript for mobile menu toggle can be added here
        // To handle the opening and closing of the mobile menu
        const mobileMenuButton = document.querySelector('[aria-controls="mobile-menu"]');
        const mobileMenu = document.getElementById('mobile-menu');

        mobileMenuButton.addEventListener('click', () => {
            mobileMenu.classList.toggle('hidden');
        });
    </script>
</body>
</html>

i need to make a page
- same design 
- same navbar, but 'поиск по vin' is selected
- on a screen i need a big search field with placeholder 'поиск по vin номеру'