手机端注册登录框HTML静态网页源码下载

泄洪 2019-12-10 1,116 阅读

模板描述:红色简洁风格 个人登录框 源码下载,红色简洁风格的个人登录框源码下载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&amp;subset=latin-ext" rel="stylesheet">

2. HTML代码

<div class="header">
<h1>

Trendy Mobile Screens</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>

&copy; 2017 Trendy Mobile Screens. All rights reserved | Design by <a href="http://cxvn.com">

W3layouts</a>

</p>

</div>

<!-- //footer -->

演示地址

最新游戏