Skip to content

Instantly share code, notes, and snippets.

@nenodias

nenodias/index.html

Created June 7, 2019 17:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nenodias/c0775e3cc8c820f46ce1c16a50c1642a to your computer and use it in GitHub Desktop.
Save nenodias/c0775e3cc8c820f46ce1c16a50c1642a to your computer and use it in GitHub Desktop.
Download ZIP
Blog with Metho UI?
Raw
index.html
<!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