Play your

Games

<!DOCTYPE html>
<html lang=”sr”>

<head>
<meta charset=”UTF-8″>
<title>Rezultati kolokvijuma</title>

<link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css” rel=”stylesheet”>
<link rel=”stylesheet” href=”index.css”>
</head>

<body>

<div class=”container my-4″>

<div class=”grid-container”>

<header>
<h1>Rezultati kolokvijuma – Kreiranje veb sadržaja</h1>
</header>

<section class=”left”>
<h2>
Kreiranje veb sadržaja <br>
– rezultati kolokvijuma
</h2>

<p class=”bold”>Kolokvijum</p>
<p class=”italic”>Održan 2.2.2026.</p>
<p class=”colored”>Učionica br. 33</p>

<br><br><br>

<img
src=”https://www.prijemni.rs/files/institution/institution_47/Pedagoski-fakultet-CRNI.jpg”
alt=”Pedagoški fakultet”
class=”img-fluid mb-3″>
</section>

<section class=”center”>
<h2>Spisak studenata koji su položili kolokvijum</h2>

<table id=”studentTable” class=”table table-bordered table-striped text-center”>
<thead class=”table-success”>
<tr>
<th rowspan=”2″>Broj indeksa</th>
<th rowspan=”2″>Ime i prezime</th>
<th rowspan=”2″>Status</th>
<th colspan=”3″>Bodovi</th>
<th rowspan=”2″>Ukupno</th>
</tr>
<tr>
<th>Prvi kolokvijum</th>
<th>Drugi kolokvijum</th>
<th>Aktivnost</th>
</tr>
</thead>

<tbody>
<tr>
<td>25/25/001</td>
<td>Milan Petrović</td>
<td><span class=”status budzet”>budžet</span></td>
<td>30</td>
<td>—</td>
<td>5</td>
<td>35</td>
</tr>

<tr>
<td>25/25/003</td>
<td>Andrija Jovanović</td>
<td><span class=”status samof”>samofinansiranje</span></td>
<td>45</td>
<td>60</td>
<td>10</td>
<td>115</td>
</tr>

<tr>
<td>25/25/004</td>
<td>Miša Simonović</td>
<td><span class=”status budzet”>budžet</span></td>
<td colspan=”2″>50</td>
<td>10</td>
<td>60</td>
</tr>

<tr>
<td>25/25/005</td>
<td>Jelena Marković</td>
<td><span class=”status samof”>samofinansiranje</span></td>
<td>40</td>
<td>55</td>
<td>8</td>
<td>103</td>
</tr>

<tr>
<td>25/25/006</td>
<td>Petar Nikolić</td>
<td><span class=”status budzet”>budžet</span></td>
<td>35</td>
<td>50</td>
<td>9</td>
<td>94</td>
</tr>

<tr>
<th colspan=”7″ class=”table-danger text-center”>
Nisu položili kolokvijum
</th>
</tr>

<tr class=”nepolozio”>
<td rowspan=”2″>25/25/010</td>
<td rowspan=”2″>Kosta Petrović</td>
<td rowspan=”2″><span class=”status samof”>samofinansiranje</span></td>
<td>0</td>
<td>—</td>
<td>0</td>
<td rowspan=”2″>0</td>
</tr>
</tbody>
</table>

<br><br>
<button class=”btn btn-primary” onclick=”toggleTable()”>
Sakrij tabelu
</button>
</section>

<section class=”right”>
<h3>Lekcije:</h3>

<ul class=”lista-predmeta”>
<li>HTML</li>
<li>CSS</li>
<li>Bootstrap</li>
<li>JavaScript</li>
</ul>

<a href=”https://www.w3schools.com/”>Detaljnije pogledajte na ovom sajtu</a>
</section>

<footer>
<p>
&copy; 2026 Pedagoški fakultet u Somboru <br>
Rezultati kolokvijuma
</p>

<p>
Više informacija:
<a href=”https://pef.uns.ac.rs” target=”_blank”>
Sajt fakulteta
</a>
</p>
</footer>

</div>
</div>

<script src=”script.js”></script>

</body>
</html>

<!DOCTYPE html>
<html lang=”sr”>
<head>
<meta charset=”UTF-8″>
<title>Pedagoški fakultet</title>

<link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css” rel=”stylesheet”>
<link href=”z2.css” rel=”stylesheet” type=”text/css”>
</head>
<body>

<div class=”container my-4″>

<header class=”text-center mb-4″>
<h1>Pedagoški fakultet u Somboru</h1>
<p class=”opis”>
Obrazovanje za buduće učitelje, vaspitače, bibliotekare i nastavnike informatike
</p>
</header>

<nav class=”mb-4″>
<ul class=”nav nav-pills justify-content-center”>
<li class=”nav-item”><a class=”nav-link” href=”z2.html”>Početna</a></li>
<li class=”nav-item”><a class=”nav-link” href=”http://www.pef.uns.ac.rs/”>Zvanična stranica</a></li>
<li class=”nav-item”><a class=”nav-link” href=”http://www.pef.uns.ac.rs/index.php/courses-list/course-finder”>Rasporedi</a></li>
<li class=”nav-item”><a class=”nav-link” href=”../Zadatak 4/z4.html”>Rezultati kolokvijuma</a></li>
</ul>
</nav>

<main class=”row”>
<div class=”col-md-8″>
<h2>O fakultetu</h2>
<p>
Pedagoški fakultet obrazuje
vaspitače, učitelje, bibliotekare i nastavnike informatike
sa ciljem unapređenja obrazovnog sistema.
</p>

<h3>Nivoi studija:</h3>
<ol type=”a”>
<li>Osnovne akademske studije</li>
<li>Master akademske studije</li>
<li>Doktorske akademske studije</li>
</ol>

<h3>Prijava na program – Osnovne studije</h3>
<form id=”prijavaForm” class=”mb-4″>
<div class=”mb-3″>
<label for=”smer” class=”form-label”>Izaberite smer:</label>
<select id=”smer” class=”form-select”>
<option value=””>—-</option>
<option>Diplomirani vaspitač</option>
<option>Diplomirani učitelj</option>
<option>Diplomirani bibliotekar</option>
<option>Digitalno obrazovanje</option>
</select>
</div>

<div class=”mb-3″>
<label for=”rok” class=”form-label”>Konkursni rok:</label>
<select id=”rok” class=”form-select”>
<option value=””>—-</option>
<option>Prvi konkursni rok</option>
<option>Drugi konkursni rok</option>
<option>Treći konkursni rok</option>
</select>
</div>

<button type=”submit” class=”btn btn-primary”>Pošalji</button>
<button type=”reset” class=”btn btn-secondary”>Poništi</button>
</form>
</div>

<aside class=”col-md-4″>
<h3>Obaveštenja</h3>
<p>Kolokvijum iz predmeta Kreiranje veb sadržaja održava se u februaru.</p>
<h4>Hor ostvario novu pobedu na takmičenju</h4>
<img src=”hor.jpg” alt=”hor” class=”img-fluid”>
</aside>
</main>

<footer class=”text-center mt-4″>
<p>&copy; 2026 Pedagoški fakultet</p>
<audio controls>
<source src=”Pesma.mp3″ type=”audio/mp3″>
</audio>
</footer>
</div>

<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js”></script>
<script src=”z2.js”></script>

</body>
</html>

<!DOCTYPE html>
<html lang=”sr”>
<head>
<meta charset=”UTF-8″>
<title>Zadaci</title>

<link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css” rel=”stylesheet”>
<link rel=”stylesheet” href=”zz3.css”>
</head>
<body>

<header class=”text-black text-center py-4″>
<h1>Zadaci za kolokvijum</h1>
<p>Hajde da vežbamo zadatke!</p>
</header>

<nav class=”navbar navbar-expand-lg navbar-dark bg-dark sticky-top”>
<div class=”container”>
<a class=”navbar-brand” href=”zz3.html”>Kreiranje veb sadržaja</a>

<button class=”navbar-toggler” type=”button” data-bs-toggle=”collapse” data-bs-target=”#navbarNav”>
<span class=”navbar-toggler-icon”></span>
</button>

<div class=”collapse navbar-collapse” id=”navbarNav”>
<ul class=”navbar-nav ms-auto”>
<li class=”nav-item”><a class=”nav-link” href=”https://www.w3schools.com/html/default.asp”>HTML</a></li>
<li class=”nav-item”><a class=”nav-link” href=”https://www.w3schools.com/css/default.asp”>CSS</a></li>
<li class=”nav-item”><a class=”nav-link” href=”https://www.w3schools.com/bootstrap/bootstrap_ver.asp”>Bootstrap</a></li>
<li class=”nav-item”><a class=”nav-link” href=”https://www.w3schools.com/js/default.asp”>JavaScript</a></li>
</ul>
</div>
</div>
</nav>

<main class=”container mt-4″>
<div class=”row g-4″>

<div class=”col-md-3 text-center”>
<h4>Canvas</h4>
<canvas id=”myCanvas” width=”150″ height=”150″></canvas>
</div>

<div class=”col-md-3″>
<h4>Zadatak 1</h4>
<p id=”jsTask”>Prikaži rešenje gde se promenljiva 10 množi sa brojem 2</p>
<button class=”btn btn-primary mb-2″ onclick=”resenje()”>Prikaži rešenje</button>

<h5 class=”mt-3″>Status studenta</h5>
<p id=”studentObj”></p>
<button class=”btn btn-secondary” onclick=”promeniStatus()”>Promeni status studenta</button>
</div>

<div class=”col-md-3″>
<h4>Zadatak 2</h4>
<div class=”card text-white bg-warning mb-3″ style=”max-width: 18rem;”>
<div class=”card-header”>Zadatak</div>
<div class=”card-body”>
<h5 class=”card-title”>Sabiranje brojeva</h5>
<p id=”cardResult” class=”card-text”>Klikni dugme za rezultat</p>
<button class=”btn btn-light” onclick=”dodajBrojeve()”>Izračunaj 5 + 7</button>
</div>
</div>
</div>

<div class=”col-md-3″>
<h4>Video</h4>
<video width=”100%” controls>
<source src=”prijemstudenata.mp4#t=50″ type=”video/mp4″>
Vaš pregledač ne podržava video tag.
</video>
</div>

</div>
</main>

<footer class=”bg-dark text-white text-center py-3 mt-4″>
<button class=”btn btn-warning mt-2″ onclick=”prikaziDatum()”>Prikaži datum i vreme</button>
<p id=”datumVreme” class=”mt-2″></p>
</footer>

<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js”></script>
<script src=”zz3.js”></script>

</body>
</html>

<!DOCTYPE html>
<html lang=”sr”>

<head>
<meta charset=”UTF-8″>

<title>Prikaz rezultata</title>

<link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css” rel=”stylesheet”>

<script src=”https://cdn.jsdelivr.net/npm/chart.js”></script>

<link rel=”stylesheet” href=”z4.css”>
</head>

<body>

<header class=”prikazrez”>
<h1>Prikaz rezultata studenata</h1>
<p>
Interaktivni sistem za obradu podataka.
Pomaže nam da pratimo rezultate studenata koji su polagali kolokvijum.
</p>
</header>

<nav class=”side-nav”>
<button onclick=”resetuj()”>
Resetuj podatke
</button>
</nav>

<main class=”layout”>

<section class=”card-box”>
<h2>Unos informacija</h2>

<form id=”forma”>
<label>Ime i prezime studenta</label>
<input type=”text” id=”ime” required>

<label>Bodovi (0–50)</label>
<input type=”number” id=”bodovi” min=”0″ max=”100″ required>

<button type=”submit”>Dodaj</button>
</form>

<p id=”poruka”></p>
</section>

<section class=”card-box”>
<h2>Rezultati</h2>
<ul id=”lista”></ul>
</section>

<section class=”card-box”>
<h2>Grafikon uspeha</h2>
<canvas id=”grafikon”></canvas>
</section>

</main>

<footer>
<p>Rezultati</p>
</footer>

<script src=”z4.js”></script>

</body>
</html>

<!DOCTYPE html>
<html lang=”sr”>

<head>
<meta charset=”UTF-8″>
<title>Zadatak 5</title>

<link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css” rel=”stylesheet”>

<link rel=”stylesheet”
href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css”>

<link rel=”stylesheet” href=”z5.css”>
</head>

<body>

<header class=”header-fix”>
<h1>Dobrodošli na sajt Pedagoškog fakulteta</h1>
</header>

<nav class=”custom-navbar”>
<ul>
<li><a href=”z5.html”>Početna</a></li>
<li><a href=”../Zadatak 1/index.html”>Tabela</a></li>
<li>
<a href=”http://www.pef.uns.ac.rs/index.php/2021-12-07-08-56-08″>
Kontakt
</a>
</li>
</ul>
</nav>

<main class=”container my-4″>
<div class=”grid-container”>

<div class=”grid-item table-section”>
<h4>Spisak prijavljenih studenata</h4>

<table class=”table table-bordered table-striped”>
<thead class=”table-dark”>
<tr>
<th>Broj indeksa</th>
<th>Ime i prezime</th>
<th>Bodovi</th>
</tr>
</thead>

<tbody>
<tr>
<td>25/25/001</td>
<td>Milan Petrović</td>
<td>30</td>
</tr>

<tr>
<td>25/25/002</td>
<td>Ana Marković</td>
<td>25</td>
</tr>
</tbody>
</table>

<button class=”btn btn-primary” onclick=”stampajTabelu()”>
Štampaj tabelu
</button>
</div>

<div class=”grid-item form-section”>
<h4>Forma za prijavu</h4>

<form id=”prijavaForm”>

<label for=”ime”>Ime:</label>
<input type=”text” id=”ime” class=”form-control” required>

<label for=”prezime”>Prezime:</label>
<input type=”text” id=”prezime” class=”form-control” required>

<label for=”smer”>Izaberi smer:</label>
<select id=”smer” class=”form-select”>
<option>Diplomirani učitelj</option>
<option>Diplomirani vaspitač</option>
<option>Diplomirani bibliotekar</option>
<option>Digitalno obrazovanje</option>
<option>Master učitelj</option>
<option>Master vaspitač</option>
<option>Master bibliotekar</option>
<option>Master digitalno obrazovanje</option>
</select>

<p>Izaberite nivo studija:</p>

<div class=”form-check”>
<input class=”form-check-input”
type=”radio”
name=”nivo”
id=”osnovne”
value=”Osnovne studije”
checked>

<label class=”form-check-label” for=”osnovne”>
Osnovne studije
</label>
</div>

<div class=”form-check”>
<input class=”form-check-input”
type=”radio”
name=”nivo”
id=”master”
value=”Master studije”>

<label class=”form-check-label” for=”master”>
Master studije
</label>
</div>

<button type=”submit” class=”btn btn-success mt-2″>
Pošalji
</button>

</form>

<p id=”formResult” class=”mt-2″></p>
</div>

<div class=”grid-item”>
<h4>O fakultetu</h4>

<div class=”card bg-danger text-white”>
<div class=”card-header”>
Informacije
</div>

<div class=”card-body”>
<h5 id=”cardTitle”>Napomena</h5>

<p id=”cardText”>
Klikom na dugme saznajete više o fakultetu.
</p>

<button class=”btn btn-light” onclick=”promeniKarticu()”>
Prikaži više
</button>
</div>
</div>
</div>

<div class=”grid-item info-section”>
<h4>Društvene mreže</h4>

<p>Pratite nas na:</p>

<a href=”https://www.instagram.com/pedagoskifakultetsombor/?hl=en” class=”me-2″>
<i class=”fab fa-instagram fa-2x”></i>
</a>

<a href=”https://www.tiktok.com/@pedagoski_fakultet_so?lang=en”>
<i class=”fab fa-tiktok fa-2x”></i>
</a>
</div>

</div>
</main>

<footer class=”bg-dark text-white text-center py-3″>
2026 Pedagoški fakultet u Somboru
</footer>

<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js”></script>

<script src=”z5.js”></script>

</body>

</html>