Skip to content
Snippets Groups Projects
Commit 8ed0b79f authored by oetrb's avatar oetrb
Browse files

loginpage updated

parent 8efd86e6
No related branches found
No related tags found
No related merge requests found
...@@ -2,12 +2,11 @@ ...@@ -2,12 +2,11 @@
<html> <html>
<head> <head>
<title> <title>
webpage Sign In
</title> </title>
</head> </head>
<body> <body>
<SignIn/>
<SignIn msg="Hello" />
</body> </body>
</html> </html>
</template> </template>
......
src/assets/fub-logo.png

232 KiB

src/assets/mail.png

30.2 KiB

src/assets/natlab-logo.png

30.1 KiB

<template> <template>
<div class="hello"> <mdb-container>
<h1>{{ msg }}</h1> <mdb-col md="8">
<div class="form">
<img src="../assets/fub-logo.png" alt="Freie Universität Berlin Logo">
<div class="login">
<div class="login-header">
<h1>Willkommen !</h1>
<p>Bitte melden Sie sich an.</p>
</div>
</div> </div>
<form class="login-form">
<input type="text" id="email" placeholder="E-Mail-Adresse"/>
<input type="password" placeholder="Passwort"/>
<button>Anmelden</button>
</form>
</div>
</mdb-col>
</mdb-container>
</template> </template>
<script>
export default {
name: 'HelloWorld',
props: {
msg: String
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped> <style>
html{ html, body {
height: 100%;
margin: 0px;
float: left;
background-color: #f6f6f8; background-color: #f6f6f8;
} }
h3 {
margin: 40px 0 0; .form {
position: relative;
z-index: 1;
background: #ffffff;
max-width: 400px;
height: 100%;
margin: 0 auto 100px;
padding: 25px;
text-align: center;
} }
ul { .form img {
list-style-type: none; position: relative;
padding: 0; float: left;
width: 50%;
height: auto;
} }
li {
display: inline-block; .login .login-header{
margin: 0 10px; display: table;
padding: 50px;
margin: 0 auto;
text-align: center;
}
.form label {
font-family: "Roboto", sans-serif;
position: relative;
float: left;
font-size: 14px;
} }
a {
color: #42b983; .form input {
font-family: "Roboto", sans-serif;
outline: 0;
background: #f2f2f2;
width: 100%;
border: 0;
border-radius: 10px;
margin: 0 0 15px;
padding: 15px;
box-sizing: border-box;
font-size: 14px;
}
.form button {
font-family: "Roboto", sans-serif;
outline: 0;
background-color: #5c94fc;
width: 100%;
border: 0;
border-radius: 10px;
padding: 15px;
color: #ffffff;
font-size: 14px;
cursor: pointer;
} }
</style> </style>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment