Commit 65c2bc9a authored by Thodoris Papadopoulos's avatar Thodoris Papadopoulos

added landingpage3.html in templates

parent d446ac88
......@@ -4,4 +4,7 @@ node_modules/
.idea/tasks.xml
.idea/
dist/
.history/
\ No newline at end of file
.history/
.vscode/
package-lock.json
\ No newline at end of file
html,
body {
height: 100%;
}
#page-content {
flex: 1 0 auto;
}
#sticky-footer {
flex-shrink: none;
color: #fff;
padding: 15px;
background: linear-gradient(315deg,#003476 .09%,#134a86);
margin-top: 48px;
text-align: center;
}
.navbar
{
border-bottom:8px solid rgb(4, 110, 197);
}
div.navbar-content-outer{
line-height: 1.43;
letter-spacing: 0.01071em;
width: 100%;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
div.navbar-content-inner {
letter-spacing: 0.01071em;
box-sizing: inherit;
display: flex;
position: relative;
align-items: center;
min-height: 75px;
}
a.logo {
margin-left: -4px; align-items: center; display: flex;
}
div.logo_govgr {
height:50px;
}
.jss1 {
border-left: 1px solid#fff;
margin-left: 16px;
padding-left: 16px;
padding-right: 16px;
}
.org_logo_small {
height: 35px;
line-height: 1.43;
box-sizing: inherit;
}
div.nav_title{
-webkit-font-smoothing: antialiased;
font-size: 1rem;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 400;
line-height: 1.43;
letter-spacing: 0.01071em;
color: #fff;
margin: 0;
box-sizing: border-box;
flex-grow: 0;
max-width: none;
flex-basis: auto;
display: flex;
padding: 4px;
}
a.nav_title {
-webkit-font-smoothing: antialiased;
font-size: 1rem;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 400;
line-height: 1.43;
letter-spacing: 0.01071em;
box-sizing: inherit;
border: 0;
cursor: pointer;
margin: 0;
display: inline-flex;
outline: 0;
padding: 0;
position: relative;
align-items: center;
user-select: none;
border-radius: 0;
vertical-align: middle;
justify-content: center;
text-decoration: none;
background-color: transparent;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
color: rgb(0, 36, 82);
}
h3.nav_title{
-webkit-font-smoothing: antialiased;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
line-height: 1.43;
letter-spacing: 0.01071em;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
box-sizing: inherit;
margin: 0px 0px 24px 0px;
font-size: 1.5rem;
color: #fff;
margin-top: 0;
margin-bottom: 0;
border-left: 1px solid #fff;
padding-left: 16px;
}
......@@ -3,10 +3,6 @@
--input-padding-y: .75rem;
}
body {
background: #007bff;
background: linear-gradient(to right, #0062E6, #33AEFF);
}
.card-signin {
border: 0;
......
<!doctype html>
<html lang="el">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>GOV.GR - Starter Template</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<!-- Custom GOV.GR theme - This already includes Bootstrap 4 -->
<link href="./css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/landingpage3.css" rel="stylesheet">
<link href="./css/login.css" rel="stylesheet">
</head>
<body class="d-flex flex-column">
<!-- Header Small-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary py-0">
<div class="navbar-content-outer">
<div class="navbar-content-inner">
<a href="/" class="navbar-brand logo">
<div class="logo_govgr logo_small"></div>
</a>
<a href="https://www.yme.gr/" rel="noopener noreferrer" target="_blank" class="jss1">
<img class="org_logo_small" src="images/org3_logo.png">
</a>
<div class="nav_title">
<a class="nav_title" tabindex="0" role="button" aria-disabled="false" href="/">
<h3 class="nav_title">Όνομα Υπηρεσίας</h3>
</a>
</div>
</div>
</div>
</nav>
<div id="page-content">
<div class="container">
<div class="row justify-content-left">
<div class="col-md-7">
<h1 class="mt-4">Καλωσόρησμα στην Υπηρεσία!</h1>
<p class="lead"> Γράφουμε σε απλή γλώσσα, αλλά είμαστε ακριβείς και εξαντλητικοί. Στόχος μας είναι και ένας 12χρονος να κατανοεί το κείμενό μας.</p>
<p class="py-3"></p>
<h2>Οδηγίες / Σύνδεσμοι</h2>
<hr>
<p>Γράφουμε σε απλά Ελληνικά, όχι στη γλώσσα της γραφειοκρατίας. Αν πρέπει να χρησιμοποιήσουμε έναν τεχνικό όρο, δίνουμε μια σύντομη εξήγηση ώστε να τον κατανοήσουν όλοι οι επισκέπτες!</p>
</div>
<div class="col-md-5 mb-5 py-3">
<h2>Είσοδος</h2>
<hr>
<p>Δίνουμε σύντομες και περιεκτικές οδηγίες για όλες τις επιλογές εισόδου!</p>
<div class="card card-signin border border-secondary my-3">
<div class="card-body">
<form class="form-signin">
<div class="form-label-group">
<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
<label for="inputEmail">Email</label>
</div>
<div class="form-label-group">
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
<label for="inputPassword">Κωδικός</label>
</div>
<div class="custom-control custom-checkbox mb-3">
<input type="checkbox" class="custom-control-input" id="customCheck1">
<label class="custom-control-label" for="customCheck1">Να με θυμάσαι</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Είσοδος</button>
</form>
</div>
</div>
</div>
</div>
<p class="lead"></p>
</div>
</div>
<footer id="sticky-footer" class="py-4 bg-dark text-white-50">
<div class="container text-center">
<p class="m-0 text-center text-white">Copyright &copy; 2020 GOV.GR</p>
</div>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>
......@@ -20,7 +20,7 @@
</head>
<body>
<body style="background: linear-gradient(to right, #0062E6, #33AEFF);">
<!-- Header Small-->
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment