Home
Bishnu Thapa
google clone page

google clone page

This HTML page includes:

The Google logo with the correct colors
A search input field with microphone and camera icons
"Google Search" and "Win Freeing Lucky" buttons
The text "With new The ZGS Breakthrough Plus cabinets today's where business ?"
Footer with all the links shown in the image: Advertising, Business, New Search works, Privacy, Terms, Settings
The climate action text in the footer

The layout is responsive and uses Tailwind CSS for styling. The colors match Google's brand colors, and the overall structure matches what's shown in the image.

This tailwind example is contributed by Bishnu Thapa, on 14-Apr-2025. Component is made with Tailwind CSS v3. It is responsive.

Other

Author Bishnu Thapa

137

Fork Fullscreen

<div class="bg-white min-h-screen flex flex-col items-center">
   <header class="w-full flex justify-end p-4 space-x-4 text-sm">
        <a href="#" class="text-gray-600 hover:underline">About</a>
        <a href="#" class="text-gray-600 hover:underline">Store</a>
    </header>

<div class="flex justify-center mt-8 space-x-2">
                <button class="bg-gray-100 hover:bg-gray-200 px-4 py-2 rounded text-sm text-gray-800">Google Search</button>
                <button class="bg-gray-100 hover:bg-gray-200 px-4 py-2 rounded text-sm text-gray-800">Win Freeing Lucky</button>
            </div>
        </div>

<div class="mt-8 text-center text-sm text-gray-600 max-w-lg px-4">
            <p>With new The ZGS Breakthrough Plus cabinets today's where business ?</p>
        </div>
    </main>

<footer class="w-full bg-gray-100 py-3 px-4">
        <div class="flex flex-col md:flex-row md:justify-between">
            <div class="flex justify-center md:justify-start space-x-4 text-sm text-gray-600 mb-2 md:mb-0">
                <a href="#" class="hover:underline">Advertising</a>
                <a href="#" class="hover:underline">Business</a>
                <a href="#" class="hover:underline">New Search works</a>
            </div>
            <div class="text-center text-sm text-gray-600 mb-2 md:mb-0">
                Our third decade of climate action: join us
            </div>
            <div class="flex justify-center md:justify-end space-x-4 text-sm text-gray-600">
                <a href="#" class="hover:underline">Privacy</a>
                <a href="#" class="hover:underline">Terms</a>
                <a href="#" class="hover:underline">Settings</a>
            </div>
        </div>
    </footer>
</div>

Related Examples

Play, Pause and Stop buttons

Author:
Lukas Müller

2 years ago

10.6k
authentication form terminal
authentication form with zsh on mac terminal looks

Author:
ardianhu

9 months ago

2k
Calculator
This calculator uses CSS although it can be passed directly to tailwind

Author:
Ameth Galarcio

8 months ago

1.5k
Tailwind CSS Service Card Component
An HTML and Tailwind CSS code snippet for creating a responsive service card component. Ideal for marketplaces, portfolios, or listing pages. Includes sections for image/video preview, seller info, rating, pricing, and additional details. Easy to customize using Tailwind utility classes.

Author:
Hamza Atig

1 week ago

133
Active Beauty Main Page

Author:
Maxim

1 month ago

153
Order History
Order History

Author:
Tanvir Hasan Bappy (Tanvir)

4 weeks ago

215
Show credit card details

Author:
Manuela Bianka

2 years ago

11.3k
Responsive Sign-Up Form with TailwindCSS
Create a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.

Author:
SHARIFUL ISLAM

2 months ago

219
Privacy Policy Page Template

Author:
Anonymous

4 months ago

641
Animated bento box.
A Coastal UI component (coastalui.com). This can be used as part of a bento box, great for showing connectivity between context, could be used beyond just showing tech stacks.

Author:
Coastal UI

1 month ago

573
OTP Verification Page
A responsive and interactive OTP verification page built with Tailwind CSS. The page features a gradient background, hover effects, and animations to enhance user experience. It includes input fields for the OTP, a resend OTP link, and a verify button. The design is optimized for both light and dark modes.

Author:
Abhiraj

3 months ago

790
Moving Background Animation

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

3 months ago

1.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components