Transparent Login form with social media sign up

Loading…

Transparent Login form with social media sign up | GoSnippets

Source Code

1
2    <div class="bg-img">
3        <div class="content">
4            <header>Login Form</header>
5            <form action="#">
6                <div class="field">
7                    <span class="fa fa-user"></span>
8                    <input type="text" required placeholder="Email or Phone">
9                </div>
10                <div class="field space">
11                    <span class="fa fa-lock"></span>
12                    <input type="password" class="password" required placeholder="Password">
13                    
14                </div>
15                <div class="pass">
16                    <a href="#">Forgot Password?</a>
17                </div>
18                <div class="field">
19                    <input type="submit" value="LOGIN">
20                </div>
21                <div class="login">Or login with</div>
22                <div class="link">
23                    <div class="facebook">
24                        <i class="fab fa-facebook-f"><span>Facebook</span></i>
25                    </div>
26                    <div class="instagram">
27                        <i class="fab fa-instagram"><span>Instagram</span></i>
28                    </div>
29                </div>
30                <div class="signup">Don't have account?
31                    <a href="#">SignUp Now</a>
32                </div>
33            </form>
34        </div>
35    </div>
36    
37

Transparent Login form with social media sign up

Source Code

More Forms snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery