→ Anonymous
→ Login with google button bootstrap

Login with google button bootstrap

This bootstrap css example is contributed by Anonymous, on 23-Dec-2024. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Button

Author Anonymous

2.9k

v.5.3

Fork Fullscreen

<button class="google-btn d-flex align-items-center">
    <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0iI0VBNDMzNSIgZD0iTTI0IDkuNWMzLjU0IDAgNi43MSAxLjIyIDkuMjEgMy42bDYuODUtNi44NUMzNS45IDIuMzggMzAuNDcgMCAyNCAwIDEyLjA4IDAgMi4zMSA2LjkzLjQxIDE2LjdsNy45OCA2LjE5QzEwLjI2IDEzLjggMTYuNTQgOS41IDI0IDkuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMzRBODUzIiBkPSJNNDYuOTggMjQuNTVjMC0xLjU3LS4xNS0zLjA5LS4zOC00LjU1SDI0djkuMDJoMTIuOTRjLS41OCAyLjk2LTIuMjYgNS40OC00Ljc4IDcuMThsNy43MyA2YzQuNTEtNC4xOCA3LjA5LTEwLjM2IDcuMDktMTcuNjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI0ZCQkMwNSIgZD0iTTEwLjUzIDI4LjU5Yy0uNDgtMS40NS0uNzYtMi45OS0uNzYtNC41OXMuMjctMy4xNC43Ni00LjU5bC03Ljk4LTYuMTlDLjkyIDE2LjQ2IDAgMjAuMTIgMCAyNGMwIDMuODguOTIgNy41NCAyLjU2IDEwLjc4bDcuOTctNi4xOXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMjQgNDhjNi40OCAwIDExLjkzLTIuMTMgMTUuODktNS44MWwtNy43My02Yy0yLjE1IDEuNDUtNC45MiAyLjMtOC4xNiAyLjMtNy40NiAwLTEzLjc0LTQuOC0xNS40MS0xMS44N2wtNy45OCA2LjE5QzYuNjkgNDEuMDYgMTQuNjIgNDggMjQgNDh6Ij48L3BhdGg+PC9zdmc+" 
                alt="Google logo" class="google-icon">
    <span class="btn-text">Sign in with Google</span>
</button>

More Examples

Hidden Search Widget
Hidden Search Widget

Author:
Rami AlAjo

1 year ago

2.1k

v.4.6
Likert Emoji Scale
A Likert scale using emoji (svgs of bootstrap emojis). Has a label, radio button group named btnradio, and text for either end of the scale

Author:
Daniel

1 year ago

1.6k

v.5.3
Split Landing Page
Split Landing Page

Author:
Rami AlAjo

1 year ago

2.1k

v.4.6
E-Commarce

Author:
Anonymous

2 months ago

539

v.5.3
Botones

Author:
Gustavo Bertolini

10 months ago

696

v.4.6
Boostrap Buttons
Basic Buttons - Standard button styles with different color variations Outline Buttons - Ghost buttons with colored borders that fill on hover Button Sizes - Three different size variations for different contexts Icon Buttons - Buttons with Bootstrap Icons integration Block Buttons - Full-width buttons using Bootstrap's grid system Button Groups - Grouped buttons for related actions Loading Buttons - Interactive buttons with loading spinners

Author:
Asmath

1 year ago

4.3k

v.5.3
Outlined Buttons with Animated Hover

Author:
Prajwal Hallale

2 years ago

3.1k

v.5.3
Agriculture Website for Live project_WDD

Author:
Anonymous

4 months ago

510

v.4.6
Buttons with Icons

Author:
Prajwal Hallale

2 years ago

8.8k

v.5.3
Sound Board
Sound Board

Author:
Rami AlAjo

1 year ago

2.1k

v.4.6
Gradient Buttons

Author:
Prajwal Hallale

2 years ago

5.3k

v.5.3
Custom buttons

Author:
Anonymous

2 years ago

3.1k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent