11套高端大氣的登錄模板

們在進行開發(fā)的時候，需要進行前端的設(shè)計，但是如果都是自己寫的話，需要寫大量的CSS。

如果套用的模板的話，勢必會省很大的時間和精力。

經(jīng)過一段時間的整理，孟哥整理了11套高質(zhì)量的后臺模板，非常奈斯。

需要的，可以自取。

關(guān)注+轉(zhuǎn)發(fā)+評論。

點擊了解更多（z9tl）

色大氣全屏背景通用登錄頁面html模板是一款適用于PC端和手機端的登錄界面模板、APP登錄界面模板。現(xiàn)在就業(yè)非常重要的一個項目你準(zhǔn)備好了嗎？下午小編教你從無到有的敲代碼敲出自己博客最重要的項目高薪就業(yè)輕松2倍。

項目源代碼：

<!DOCTYPE html>
<html lang="en">
<head>
<title>藍色登錄界面HTML代碼</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<!--圖標(biāo)樣式-->
<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="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/img-01.jpg');">
 <div class="wrap-login100 p-t-190 p-b-30">
 <form class="login100-form validate-form">
 <div class="login100-form-avatar">
 <img src="images/avatar-01.jpg" alt="AVATAR">
 </div>
 
 <span class="login100-form-title p-t-20 p-b-45">Hello</span>
 
 <div class="wrap-input100 validate-input m-b-10" data-validate="請輸入用戶名">
 <input class="input100" type="text" name="username" placeholder="用戶名" autocomplete="off">
 <span class="focus-input100"></span>
 <span class="symbol-input100">
 <i class="fa fa-user"></i>
 </span>
 </div>
 
 <div class="wrap-input100 validate-input m-b-10" data-validate="請輸入密碼">
 <input class="input100" type="password" name="pass" placeholder="密碼">
 <span class="focus-input100"></span>
 <span class="symbol-input100">
 <i class="fa fa-lock"></i>
 </span>
 </div>
 
 <div class="container-login100-form-btn p-t-10">
 <button class="login100-form-btn">登 錄</button>
 </div>
 
 <div class="text-center w-full p-t-25 p-b-230">
 <a href="#" class="txt1">忘記密碼？</a>
 </div>
 
 <div class="text-center w-full">
 <a class="txt1" href="#">
 立即注冊
 <i class="fa fa-long-arrow-right"></i>
 </a>
 </div>
 </form>
 </div>
 </div>
 </div>
 
 <script src="vendor/jquery/jquery-1.12.4.min.js"></script>
 <script src="js/main.js"></script>
 
</body>
</html>

代碼運行效果截圖

大家需要這個項目css代碼，js，圖片做練習(xí)的可以找我免費領(lǐng)取，如果大家不怕麻煩可以關(guān)注我后私信我“前端學(xué)習(xí)資料”幾個字找我領(lǐng)取 24小時在線！

手向，大佬輕噴

在線咨詢

上一篇：小米瀏覽器廣告碰了會自動下載應(yīng)用，華政學(xué)子維權(quán)獲賠1元
下一篇：價值299元的柚子皮wordpress文章/SEO主題模板-青檸資源網(wǎng)

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

11套高端大氣的登錄模板

點擊了解更多（z9tl）

項目源代碼：

代碼運行效果截圖

您的項目需求