#### HTML Code for Social Media Login Form with CSS
Below is a simple HTML code for a social media login form with CSS styling. This form includes buttons for third-party social logins and is designed to be interactive and visually appealing.
html
Social Media Login
Login with Social Media
#### CSS Styling (styles.css)
css
body {
font-family: Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
background-color: #f0f2f5;
}
h2 {
margin-bottom: 20px;
}
form {
display: flex;
flex-direction: column;
align-items: center;
}
button {
padding: 10px 20px;
margin: 10px 0;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.facebook-login {
background-color: #3b5998;
color: white;
}
.google-login {
background-color: #db4437;
color: white;
}
.twitter-login {
background-color: #1da1f2;
color: white;
}
button:hover {
filter: brightness(1.2);
}
This HTML code creates a simple login form with buttons for Facebook, Google, and Twitter logins. The CSS file (styles.css) provides styling to make the form visually appealing and interactive.
**Keywords**: HTML, CSS, social media login form, Facebook login page, third-party social logins, interactive design, web development, social media buttons.