summaryrefslogblamecommitdiffstats
path: root/templates/failure.html
blob: eb3d9f1459e6f1b151f029263eb6eda4c70a962c (plain) (tree)
1
               













































































































































































                                                                                                                             
<!doctype html>
<html lang="si">

<head>

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-FJS1R8KSQD"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-FJS1R8KSQD');
  </script>

  <style>
    body {
      font-family: 'Courier New', Courier, monospace;
      font-size: 1.3rem;
      width: 100%;
      height: 100%;
      margin: auto;
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .input {
      font-size: 1rem;
      border-radius: 5px;
      outline: none;
      padding: 0.4rem;
      height: 1.6rem;
    }

    .inner-content {
      display: flex;
      flex-direction: column;
      margin: 10px;
      padding: 7px;
      max-width: 800px;
      width: 95%;
    }

    .button {
      height: 36px;
      padding: 5px 20px;
      border: 1px solid;
      border-radius: 5px;
      font-size: 1rem;
      font-weight: 300;
      margin-top: 15px;
    }

    .input:focus {
      outline: auto;
      border-color: none;
    }

    .info {
      background-color: lightgoldenrodyellow;
      border: 1px solid yellow;
      border-radius: 10px;
      padding: 20px;
      margin-top: 20px;
      margin-bottom: 20px;
      display: flex;
      flex-direction: column;
    }

    .message {
      padding: 10px 20px;
      margin-top: 2rem;
      border: 2px solid rgb(190, 190, 190);
      border-radius: 5px;
    }

    .error {
      border-color: lightcoral;
    }

    .label {
      font-weight: 700;
      margin: 15px 0px;
      margin-right: 20px;
    }

    .title {
      text-align: center;
    }

    .share-icon {
      border-radius: 5px;
      height: 2rem;
      width: 2rem;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .share-icon:hover {
      cursor: pointer;
      transform: scale(1.2);
      transition-duration: 200ms;
    }

    .share-icons-container {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 40px;
    }

    a {
      text-decoration: none;
    }

    .input-container {
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    @media screen and (max-width: 400px) {
      .input-container {
        flex-direction: column;
        justify-content: center;
      }

      .label {
        margin-right: 0px;
      }
    }
  </style>
  <title>eVinjeta</title>
  <meta name="description" content="Preveri veljavnost svoje e-vinjete." />
  <meta name="keywords" content="vinjeta evinjeta veljavnost" />
  <meta property="og:url" content="http://evinjeta.eu" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="eVinjeta" />
  <meta property="og:description" content="Enostavno preveri veljavnost svoje eVinjete!" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body>
  </script>
  <div class="inner-content">
    <h1 class="title">eVINJETA</h1>
    <div class="info">
      Žal je s strežnikom nekaj narobe, DARS občasno ovira delovanje naše strani. Morda jim je dolgčas.<br>
      <br>
      Za informacije o vinjeti pokličite na <a href="tel:015188350,1,1">01 51 88 350</a>
      številka deluje 24/7, ko se klic poveže dvakrat pritisnite 1, nato pa operaterju povejte svojo registrsko
      številko.<br>
      <br>
      Drugi način je da sledite navodilom na posnetku spodaj.<br>
      <br>
      Lahko pa spletno stran ponovno pogledate kasneje, nismo še obupali!
    </div>
    <div style="align-self: center; margin-top: 20px; max-width: 95%;">
      <blockquote class="twitter-tweet">
        <p lang="sl" dir="ltr">[E-VINJETA] 🤔🧾 Ste izgubili potrdilo o nakupu letne e-vinjete in se sprašujete, do kdaj
          vam velja? 📆 V kratkem videu si oglejte, kako lahko na hiter in enostaven način preverite veljavnost vaše
          e-vinjete! 👇 <a href="https://t.co/buHbFp9NgV">pic.twitter.com/buHbFp9NgV</a></p>&mdash; DARS (@DARS_SI) <a
          href="https://twitter.com/DARS_SI/status/1613109303648346114?ref_src=twsrc%5Etfw">January 11, 2023</a>
      </blockquote>
      <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
    </div>
  </div>
</body>

</html>