用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - html代码库

HTML5美观简洁大气响应式带第三方登录网页模板

2018-11-13 作者: hywoniu举报

[html]代码库

<!DOCTYPE html>
<html lang="zh-CN">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
     
    <title>HTML5美观简洁大气响应式带第三方登录网页模板</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
 
    <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
    <link rel="stylesheet" type="text/css" href="css/util.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
 
<body>
 
    <div class="limiter">
        <div class="container-login100" style="background-image: url('images/bg-01.jpg');">
            <div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
                <form action="http://www.yuncode.net" class="login100-form validate-form">
                    <span class="login100-form-title p-b-49">登录</span>
 
                    <div class="wrap-input100 validate-input m-b-23" data-validate="请输入用户名">
                        <span class="label-input100">用户名</span>
                        <input class="input100" type="text" name="username" placeholder="请输入用户名" autocomplete="off">
                        <span class="focus-input100" data-symbol="&#xf206;"></span>
                    </div>
 
                    <div class="wrap-input100 validate-input" data-validate="请输入密码">
                        <span class="label-input100">密码</span>
                        <input class="input100" type="password" name="pass" placeholder="请输入密码">
                        <span class="focus-input100" data-symbol="&#xf190;"></span>
                    </div>
 
                    <div class="text-right p-t-8 p-b-31">
                        <a href="javascript:">忘记密码?</a>
                    </div>
 
                    <div class="container-login100-form-btn">
                        <div class="wrap-login100-form-btn">
                            <div class="login100-form-bgbtn"></div>
                            <button class="login100-form-btn">登 录</button>
                        </div>
                    </div>
 
                    <div class="txt1 text-center p-t-54 p-b-20">
                        <span>第三方登录</span>
                    </div>
 
                    <div class="flex-c-m">
                        <a href="#" class="login100-social-item bg1">
                            <i class="fa fa-wechat"></i>
                        </a>
 
                        <a href="#" class="login100-social-item bg2">
                            <i class="fa fa-qq"></i>
                        </a>
 
                        <a href="#" class="login100-social-item bg3">
                            <i class="fa fa-weibo"></i>
                        </a>
                    </div>
 
                    <div class="flex-col-c p-t-25">
                        <a href="javascript:" class="txt2">立即注册</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
 
    <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
    <script src="js/main.js"></script>
</body>
 
</html>
 
上传源码压缩包提示: 只允许上传标准的.zip和.rar压缩文件!
可以到这下载http://www.yuncode.net/templates/4919.html

[代码运行效果截图]


HTML5美观简洁大气响应式带第三方登录网页模板


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...