Untitled

<%@include file="include.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Tri gornja meta taga moraju biti prvi u zaglavlju, svi ostali meta tagovi trebaju ići ispod -->
    <title>E-glasovanje</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <style>
        html, body {
    margin: 0;
    padding: 0;
}

body {
    background-color: #e6e6e6;
}

.container {
    max-width: 960px;
}

header {
    background: #272727;
    min-height: 90px;
    padding: 50px 0;
    border-bottom: 5px solid #13afeb;
    text-align: center;
}

header h1 a {
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
    text-decoration: none;
    color: #13afeb;
    font-size: 32px;
}

header h1 a:hover {
    text-decoration: none;
    color: #7dcfef;
}

header h2 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #999999;
    font-size: 24px;
}

main {
    padding: 50px 0;
}

.lijevo {
}

.lijevo h2 {
    font-size: 32px;
    color: #13afeb;
    margin-top: 0;
    margin-bottom: 30px;
}

.panel-title {
    font-size: 24px;
}

.desno {
}

.well {
    background: #ffffff;
    border: 1px solid #cccccc;
    text-align: center;
}

.well h3 {
    margin-top: 0;
    font-size: 18px;
    font-weight: bold;
    color: #999999;
}

.well span {
    font-size: 16px;
}

.well span#clan {
    font-weight: bold;
}

.omot {
    padding: 5px 0;
}

.polje {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #999;
    font-size: 16px;
    color: #444;
    margin-bottom: 15px;
    outline: none;
    background: #e6e6e6;
}
form {
    text-align: center;
}

.btn {
    width: 100%;
}

button {
    margin-top: 10px;
}

button#send_form {
    width: 150px;
}

footer {
    background: #272727;
    padding: 20px;
    text-align: center;
    border-top: 3px solid #13afeb;
}

footer span {
    color: #13afeb;
}

h4 {
    margin-top: 0;
    margin-bottom: 30px;
}
    </style>

</head>

   <body>
   <header>
      <div class="container">
        <h1><a href="index.html">E - glasovanje</a></h1>
        <h2>Glasovanje</h2>
      </div>
    </header>
    <main>
      <div class="container">
        <div class="row">
          <div class="col-md-8">
                <div class="lijevo">
                    <h2>Najnovije vijesti</h2>
                    <div class="panel-group" id="accordion" role="tablist"
                        aria-multiselectable="true">
                        <c:forEach items="${vijesti}" var="vijest">
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab"
                                    id="headingOne${vijest.ID}">
                                    <h4 class="panel-title">
                                        <a role="button" data-toggle="collapse"
                                            data-parent="#accordion" href="#collapseOne${vijest.ID}"
                                            aria-expanded="true" aria-controls="collapseOne"> <c:out
                                                value="${vijest.naslov}" />
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne${vijest.ID}"
                                    class="panel-collapse collapse in" role="tabpanel"
                                    aria-labelledby="headingOne">
                                    <div class="panel-body">
                                        <c:out value="${vijest.tekst}" />
                                    </div>
                                </div>
                            </div>
                        </c:forEach>
                    </div>
                    <table id="tablicaGlasanje" align="center">
                        <tr style="font-size: 20px; color: #13afeb; text-align: center;">
                            <th style="text-align: center;">Aktualna glasovanja</th>
                            <th style="text-align: center;">Prethodna glasovanja</th>
                        </tr>
                        <tr>
                            <td>
                                    <c:forEach items="${glasovanja}" var="glasovanje">
                                        <a style="width: 90%; margin-bottom: 10px;" href="./glasovanje?id=${glasovanje.IDglasovanja}" class="btn btn-primary">${glasovanje.ime} </a>
                                    </c:forEach>
                            </td>
                            <td>
                                    <c:forEach items="${glasovanja}" var="glasovanje">
                                        <a style="width: 90%; margin-bottom: 10px;" href="./glasovanje?id=${glasovanje.IDglasovanja}" class="btn btn-primary">${glasovanje.ime} </a>
                                    </c:forEach>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
          <div class="col-md-4">
            <div class="desno">
              <div class="well">
                <span>Dobrodošli </span><span id="clan">${Korisnik.ime} ${Korisnik.prezime}</span></br>
                <button>Odjavi se</button>
              </div>
              <div class="well">
                <h3>Linkovi</h3>
                <div class="omot">
                  <a id="x1" href="" class="btn btn-primary">Postavke za login</a>
                </div>
                <div class="omot">
                  <a id="x2" href="glasovanje-2.html" class="btn btn-primary">Upute</a>
                </div>
                <div class="omot">
                  <a id="x3" href="kontakt.html" class="btn btn-primary">Pošalji upit nadzorniku</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    <footer>
      <div class="container">
        <span>© 2018 Fakultet elektrotehnike i računarstva. Sva prava pridržana.</span>
      </div>
    </footer>
   </body>
</html>