eclass.unmer.ac.id

<!doctype html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Dirceu Silva de Oliveira">
    <meta name="generator" content="QUIZ Brasken">
    <title>QUIZPLASTITROQUE</title>

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<link rel="apple-touch-icon" href="/docs/5.0/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.0/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.0/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.0/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">

<style>

@font-face {
      font-family: "Intelo-Bold";
      src: url("fonts/Intelo-Bold.ttf") format("truetype");
      }
      @font-face {
      font-family: "Intelo-BoldItalic";
      src: url("fonts/Intelo-BoldItalic.ttf") format("truetype");
      }@font-face {
      font-family: "Intelo-ExtraBold";
      src: url("fonts/Intelo-ExtraBold.ttf") format("truetype");
      }
      @font-face {
      font-family: "Intelo-Italic";
      src: url("fonts/Intelo-Italic.ttf") format("truetype");
      }
      @font-face {
      font-family: "Intelo-Light";
      src: url("fonts/Intelo-Light.ttf") format("truetype");
      }
      @font-face {
      font-family: "Intelo-LightItalic";
      src: url("fonts/Intelo-LightItalic.ttf") format("truetype");
      }@font-face {
      font-family: "Intelo-Medium";
      src: url("fonts/Intelo-Medium.ttf") format("truetype");
      }
      @font-face {
      font-family: "Intelo-Regular";
      src: url("fonts/Intelo-Regular.ttf") format("truetype");
      }

body{background-image: url('img/Fundo.png');
          background-size: cover;
          background-repeat: no-repeat;}

.pag{margin-top: 50px; text-align: center}

.quiz{font-family: Intelo-Medium; color: #1756A5; font-size: 1.3em; margin-top: 5px }
      .resposta{font-family: Intelo-ExtraBold; color: #1756A5; font-size: 1.5em; margin-top: 30px; margin-left: 20px }
      .resposta span{
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #1756A5;
        font-size: 1em; color: #fffdd9;
        }
      .perguntas{font-family: Intelo-Medium; color: #1756A5; margin-top: 30px; margin-left: 20px}

.obs{font-family: Intelo-Bold; color: #1756A5; margin-top: 30px; margin-left: 20px}

.footer{background-image: url('img/base 2.png'); height: 482px}

.gradient-button {
          margin: 10px;
          font-family: Intelo-Medium;
          font-size: 20px;
          padding: 5px 20px;
          text-align: center;
          text-transform: uppercase;
          transition: 0.5s;
          background-size: 200% auto;
          color: #FFF;
          box-shadow: 0 0 20px #eee;
          border-radius: 10px;
          width: 200px;
          box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
          transition: all 0.3s cubic-bezier(.25,.8,.25,1);
          cursor: pointer;
          display: inline-block;
          border-radius: 25px;
          text-decoration: none;
      }
      
      .gradient-button-4 {background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%)}
      .gradient-button-4:hover { background-position: right center; color: #FFF }

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

@media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

@media (min-width: 320px) and (max-width: 867px) {
          
          #elemento3{display: none;}

}
    </style>

</head>
<body>
    
<nav class="navbar navbar-expand-md mb-4" style="background-color: #1656A4;">
  <div class="container">
    <a class="navbar-brand" href="#">
      <img src="img/logo1.png" alt="">
    </a>
  </div>
</nav>

<main class="container pag">
  
  <div class="col-lg-12">
    <h1 style="color: #46606D; font-family: Intelo-Bold">Parabéns!</h1>
  </div>
  <div class="col-lg-12">
    <h1 class="quiz">Você acaba de ganhar um Plasticoin!</h1>
  </div>
  <div class="col-lg-12">
    <p style="color: #1756A3; font-family: Intelo-Bold;"><i>*Válido apenas 1 por pessoa que levar plástico para troca. Não cumulativo.</i></p>
  </div>

<div class="col-lg-12">
    <img class="logo2" src="img/logo3.png" />
  </div>
  <div class="col-lg-12">
    <h1 class="quiz">AGRADECE SUA PARTICIPAÇÃO!</h1>
  </div>

</main>

</body>
</html>