<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a</title>
<link rel="stylesheet" href="css/semantic.css">
<link rel="stylesheet" href="a.css">
</head>
<body>
<div class="ui segment the_one">
<div class="ui three column grid">
<div class="ui one column the_two1 segment">
<i class="large inverted angle left icon" style="top:10px;position:absolute"></i>
<div class="ui center aligned text" style="color:white;text-align:center;position:absolute;top:80px;left:40px;">
Welcome to
</div>
<div class="ui center aligned inverted header" style="font-size:35px;text-align:center;position:absolute;top:75px;left:15px;">
10MINs
</div>
</div>
<div class="ui two column the_two2 basic segment">
<div class="item">
<p style="text-align:right;color:red;font-weight:bold">or LOGIN</p>
</div>
<form class="ui form" action="index.html" method="post">
<div class="field" style="margin-top:40px;margin-left:10px;">
<input type="text" name="" value="username">
</div>
</form>
<form class="ui form" action="index.html" method="post">
<div class="field" style="margin-top:10px;margin-left:10px;">
<input type="text" name=""
</div>
</form>
<form class="ui form" action="index.html" method="post">
<div class="field" style="margin-top:10px;margin-left:10px;">
<input type="text" name="" value="password">
</div>
</form>
<form class="ui form" action="index.html" method="post">
<div class="field" style="margin-top:10px;margin-left:10px;">
<input type="text" name="" value="check password again">
</div>
</form>
<div class="ui text menu">
<div class="right menu">
<div class="item">
<button class="ui red inverted circular button" type="button" name="button"><p style="font-size:14px;position: absolute;top:8px;left:13px;">Done</p></button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>