模板描述:红色简洁风格 个人登录框 源码下载,红色简洁风格的个人登录框源码下载html模板下载
代码部署教程
1. 引入CSS
<link href=”css/style.css” rel=”stylesheet” type=”text/css” media=”all”>
<link rel=”stylesheet” href=”css/font-awesome.css”>
<link href=”//fonts.googleapis.com/css?family=Ropa+Sans:400,400i&subset=latin-ext” rel=”stylesheet”>
2. HTML代码
<div class=”header”>
<h1></div>
<div class=”w3-main”>
<!– Main –>
<div class=”about-bottom main-agile book-form”>
<div class=”header-top”>
<ul>
<li>
<span>
</span>
</li>
<li>
<span class=”chrg”>
</span>
</li>
<li>
10:00 </li>
</ul>
</div>
<div class=”form-w3l”>
<img src=”images/2.jpg” alt=”image”>
<h2 class=”tittle”>
Login Here</h2>
<form action=”#” method=”post”>
<div class=”form-date-w3-agileits”>
<i class=”fa fa-envelope-o w3l” aria-hidden=”true”>
</i>
<input type=”email” name=”email” placeholder=”Your Email” required=””>
<i class=”fa fa-unlock-alt w3l2″ aria-hidden=”true”>
</i>
<input type=”password” name=”password” placeholder=”Your Password” required=””>
</div>
<a href=”#”>
Forgot Password?</a>
<div class=”make wow shake”>
<input type=”submit” value=”Login”>
</div>
</form>
</div>
</div>
<div class=”about-bottom main-agile book-form”>
<div class=”header-top”>
<ul>
<li>
<span>
</span>
</li>
<li>
<span class=”chrg”>
</span>
</li>
<li>
10:00 </li>
</ul>
</div>
<div class=”form-w3l”>
<h2 class=”tittle”>
Register Here</h2>
<form action=”#” method=”post”>
<div class=”form-date-w3-agileits”>
<i class=”fa fa-user w3-agile” aria-hidden=”true”>
</i>
<input type=”text” name=”name” placeholder=”Your Name” required=””>
<i class=”fa fa-envelope-o w3l-2″ aria-hidden=”true”>
</i>
<input type=”email” name=”email” placeholder=”Your Email” required=””>
<i class=”fa fa-unlock-alt w3l-4″ aria-hidden=”true”>
</i>
<input type=”password” name=”password” placeholder=”Your Password” required=””>
<i class=”fa fa-unlock-alt w3l-3″ aria-hidden=”true”>
</i>
<input type=”password” name=”password” placeholder=”Confirm Password” required=””>
</div>
<div class=”make wow shake”>
<input type=”submit” value=”Register”>
</div>
</form>
</div>
</div>
</div>
<!– //Main –>
<!– footer –>
<div class=”footer-w3l”>
<p>
© 2017 Trendy Mobile Screens. All rights reserved | Design by <a href=”http://cxvn.com”>
W3layouts</a>
</p>
</div>
<!– //footer –>
1.《手机端注册登录框HTML静态网页源码下载》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《手机端注册登录框HTML静态网页源码下载》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/html/1467.html