wh982448.zip资源-CSDN文库

共5个文件

svg：2个

html：1个

js：1个

需积分: 0 11 浏览量 2023-02-02 17:11:52 上传评论收藏 23KB ZIP 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源推荐

资源详情

资源评论

收起资源包目录

wh982448.zip （5个子文件）

dengluzhucezishiying1231

style.css 6KB

app.js 367B

img

log.svg 34KB

index.html 4KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script src="https://kit.fontawesome.com/64d58efce2.js" crossorigin="anonymous" ></script> <link rel="stylesheet" href="style.css" /> <title>注册和登录表单</title> </head> <body> <div class="container"> <div class="forms-container"> <div class="signin-signup"> <form action="#" class="sign-in-form"> <h2 class="title">登录</h2> <div class="input-field"> <i class="fas fa-user"></i> <input type="text" placeholder="用户名" /> </div> <div class="input-field"> <i class="fas fa-lock"></i> <input type="password" placeholder="密码" /> </div> <input type="submit" value="登录" class="btn solid" /> <p class="social-text">或者通过以下平台登录</p> <div class="social-media"> <a href="#" class="social-icon"> <i class="fab fa-weixin"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-qq"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-alipay"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-github"></i> </a> </div> </form> <form action="#" class="sign-up-form"> <h2 class="title">注册</h2> <div class="input-field"> <i class="fas fa-user"></i> <input type="text" placeholder="用户名" /> </div> <div class="input-field"> <i class="fas fa-envelope"></i> <input type="email" placeholder="邮箱" /> </div> <div class="input-field"> <i class="fas fa-lock"></i> <input type="password" placeholder="密码" /> </div> <input type="submit" class="btn" value="注册" /> <p class="social-text">或者通过以下平台注册</p> <div class="social-media"> <a href="#" class="social-icon"> <i class="fab fa-weixin"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-qq"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-alipay"></i> </a> <a href="#" class="social-icon"> <i class="fab fa-github"></i> </a> </div> </form> </div> </div> <div class="panels-container"> <div class="panel left-panel"> <div class="content"> <h3>新用户?</h3> <p> 好兄弟,你来了,我们的网站就差你的加入了,点击下方注册按钮加入我们吧!! </p> <button class="btn transparent" id="sign-up-btn"> 注册 </button> </div> <img src="img/log.svg" class="image" alt="" /> </div> <div class="panel right-panel"> <div class="content"> <h3>已经是我们自己人了吗?</h3> <p> 那好兄弟,你直接点击登录按钮,登录到我们这优秀的系统里!! </p> <button class="btn transparent" id="sign-in-btn"> 登录 </button> </div> <img src="img/register.svg" class="image" alt="" /> </div> </div> </div> <script src="app.js"></script> </body> </html>

评论收藏

内容反馈