Skip to content

Instantly share code, notes, and snippets.

@Vishal023

Vishal023/admin.ejs

Created June 18, 2020 11:06
Show Gist options
  • Save Vishal023/b655cd8639cd585d26682dc3180bc522 to your computer and use it in GitHub Desktop.
Save Vishal023/b655cd8639cd585d26682dc3180bc522 to your computer and use it in GitHub Desktop.
Download ZIP
Share
Raw
admin.ejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Admin</title>
<link rel="stylesheet" href="/css/admin.css">
</head>
<body>
<header>
<div>
<h1>
Admin Panel
</h1>
</div>
</header>
<main>
<div class="add-content-container">
<form action="">
<input type="text" name="name" placeholder="Name">
<br>
<input type="file" name="image" alt="content image">
<br>
<textarea name="intro" placeholder="Intro" cols="7"></textarea>
<br>
<input type="submit" value="Submit">
</form>
</div>
</main>
</body>
</html>
Raw
admin.scss
* {
box-sizing: border-box;
text-decoration: none;
margin: 0;
padding: 0;
}
body, html {
height: 100%;
width: 100%;
font-family: Sans-Serif, serif;
}
header {
position: fixed;
width: 100%;
height: 7vh;
background-color: #282c34;
}
header div {
line-height: 7vh;
margin-left: 40px;
}
header div h1 {
color: whitesmoke;
font-size: 2.5rem;
}
main {
padding-top: 7vh;
height: 100%;
}
main .add-content-container {
display: flex;
background-color: royalblue;
height: 100%;
justify-content: center;
align-items: center;
}
main .add-content-container form {
width: 90%;
}
main .add-content-container form input, main .add-content-container form textarea {
width: 100%;
padding: 13px;
border: none;
margin: 10px;
font-size: 3rem;
}
/*# sourceMappingURL=admin.css.map */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment