Created
June 7, 2019 17:19
-
-
Save nenodias/c0775e3cc8c820f46ce1c16a50c1642a to your computer and use it in GitHub Desktop.
Blog with Metho UI?
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<title>As Dev I'll</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> | |
<!-- For initialized after mounted --> | |
<!-- <meta name="metro4:init" content="false"> --> | |
<link rel="stylesheet" href="https://cdn.metroui.org.ua/v4/css/metro-all.min.css"> | |
</head> | |
<body> | |
<div data-role="appbar"> | |
<div class="app-bar-container"> | |
<a href="#" class="app-bar-item"> | |
<input type="text" | |
data-role="materialinput" | |
placeholder="Pesquisar..." /> | |
<button class="button flat-button"> | |
<span class='mif-search'> | |
</button> | |
</a> | |
</div> | |
<ul class="app-bar-menu"> | |
<li><a href="#">Sinc</a></li> | |
<li> | |
<a href="#" class="dropdown-toggle">Products</a> | |
<ul class="d-menu" data-role="dropdown"> | |
<li><a href="#">Windows 10</a></li> | |
<li><a href="#">Office 365</a></li> | |
<li class="divider bg-lightGray"></li> | |
<li><a href="#">Skype</a></li> | |
</ul> | |
</li> | |
<li><a href="#">Blog</a></li> | |
<li><a href="#">Contacts</a></li> | |
</ul> | |
</div> | |
<br /><br /> | |
<div class="container"> | |
<h1 class="text-center">As Dev I'll</h1> | |
<h3 class="text-center">Se eu fosse um desenvolvedor</h3> | |
<form> | |
<div class="form-group"> | |
<label>Email address</label> | |
<input type="email" placeholder="Enter email" /> | |
<small class="text-muted">We'll never share your email with anyone else.</small> | |
</div> | |
<div class="form-group"> | |
<label>Password</label> | |
<input type="password" placeholder="Enter email" /> | |
</div> | |
<div class="form-group"> | |
<input type="checkbox" data-role="checkbox" data-caption="Remember me"> | |
</div> | |
<div class="form-group"> | |
<button class="button success">Submit data</button> | |
<input type="button" class="button" value="Cancel"> | |
</div> | |
</form> | |
</div> | |
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> | |
<script src="https://cdn.metroui.org.ua/v4/js/metro.min.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment