landingpage3.html 4.41 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114
<!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>