<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Projects by Navan</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" sizes="192x192" href="https://material.io/static/images/simple-lp/favicons/components-192x192.png">
<link rel="shortcut icon" href="https://material.io/static/images/simple-lp/favicons/components-72x72.png">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/6.0.0/normalize.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet"
href="https://unpkg.com/material-components-web@0.9.1/dist/material-components-web.min.css">
<link rel="stylesheet" href="app.css">
</head>
<body class="mdc-typography">
<textarea id="textarea" class="mdc-text-field__input" rows="8" cols="40" data-gramm="true" data-txt_gramm_id="b160d047-28cc-0844-bf17-26e501266bc9" data-gramm_id="b160d047-28cc-0844-bf17-26e501266bc9" spellcheck="false" data-gramm_editor="true" style="z-index: auto; position: relative; line-height: 18.4px; font-size: 16px; transition: none; background: transparent !important;"></textarea>
<section id="demo-text-field-wrapper">
<div class="mdc-text-field mdc-text-field--upgraded">
<input type="text" class="mdc-text-field__input" id="full-func-text-field" aria-controls="my-text-field-helper-text">
<label for="full-func-text-field" class="mdc-text-field__label">Email Address</label>
<div class="mdc-line-ripple mdc-line-ripple--active mdc-line-ripple--deactivating" style="transform-origin: 62px center"></div>
</div>
<p id="my-text-field-helper-text" class="mdc-text-field-helper-text" style="display:none;" aria-hidden="true">
Helper Text (possibly validation message)
</p>
</section>
<script
src="https://unpkg.com/material-components-web@0.9.1/dist/material-components-web.min.js">
</script>
<script>
mdc.autoInit()
document.getElementById('shrine-nav-icon').addEventListener('click', function(evt) {
evt.preventDefault();
document.getElementById('shrine-nav-menu').MDCTemporaryDrawer.open = true;
});
</script>
</body>
</html>