import pandas as pd
import numpy as np
import matplotlib.pyplot as plt
from sklearn.linear_model import LinearRegression
podaci={
"Temperatura":[15,18,20,22,25,28,30,32],
"Prodaja":[20,25,30,35,45,55,65,75]
}
df=pd.DataFrame(podaci)
print(df)
prosek=np.mean(df["Prodaja"])
print("Prosecna prodaja: ",prosek)
X=df[["Temperatura"]]
y=df["Prodaja"]
model=LinearRegression()
model.fit(X,y)
df["Predvidjena_prodaja"]=model.predict(X)
print(df)
plt.scatter(df["Temperatura"],df["Prodaja"],label="Stvarna prodaja")
plt.plot(df["Temperatura"],df["Predvidjena_prodaja"],color="red",label="Predvidjena prodaja")
plt.xlabel("Temperatura")
plt.ylabel("Prodaja")
plt.legend()
plt.show()
----------------------------------------------------------------
import pandas as pd
import numpy as np
import matplotlib.pyplot as plt
from sklearn.linear_model import LogisticRegression
podaci = {
"Sati_ucenja": [1, 2, 2, 3, 4, 5, 6, 7, 8, 9],
"Izostanci": [10, 8, 7, 6, 5, 4, 3, 2, 2, 1],
"Polozio": [0, 0, 0, 0, 1, 1, 1, 1, 1, 1]
}
df = pd.DataFrame(podaci)
print(df)
print("Prosečan broj sati:", np.mean(df["Sati_ucenja"]))
print("Broj položenih:", np.sum(df["Polozio"]))
X = df[["Sati_ucenja", "Izostanci"]]
y = df["Polozio"]
model = LogisticRegression()
model.fit(X, y)
novi_ucenik = pd.DataFrame({
"Sati_ucenja": [5],
"Izostanci": [2]
})
rezultat = model.predict(novi_ucenik)
if rezultat[0] == 1:
print("Učenik će položiti.")
else:
print("Učenik neće položiti.")
plt.scatter(df["Sati_ucenja"], df["Izostanci"],
c=df["Polozio"], cmap="coolwarm")
plt.xlabel("Sati učenja")
plt.ylabel("Izostanci")
plt.title("Uspeh učenika")
plt.show()
<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<title>Moj sajt 3</title>
<link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css” rel=”stylesheet” integrity=”sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65″ crossorigin=”anonymous”>
</head>
<body>
<nav class=”navbar navbar-dark bg-dark ” >
<div class=”container-fluid” >
<a class=”navbar-brand” href=”index.html”>
<img src=”images/usluga 1.jpg” width=”60″ >
</a>
<div class=”navbar-nav flex-row gap-3″ >
<a class=”nav-link” href=”index.html”>Pocetna</a>
<a class=”nav-link” href=”o-nama.html”>O nama</a>
<a class=”nav-link” href=”kontakt.html”>Kontakt</a>
<a class=”nav-link” href=”#usluga1″>Usluga 1</a>
</div>
</div>
</nav>
<section class=”container-fluid bg-warning p-3″>
<div class=”row”>
<div class=”col-4″>
<img class=”img-fluid” src=”images/masaza.jpg”>
</div>
<div class=”col-4″>
<H1>Naslov Lorem Ipsum</H1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet vulputate lorem, ut cursus felis. Proin eget dapibus massa. Fusce velit ex, porttitor congue tortor eget, ultrices pharetra quam. Cras sed lorem sit amet magna mattis fringilla eget ut mauris. Nunc consequat urna at libero dignissim tempor. Nunc ut consequat nisi, et commodo lorem. Ut facilisis ex nec ultricies posuere. Mauris posuere feugiat orci. In euismod odio vitae eleifend pharetra. Sed congue lacus magna, at tempus leo convallis sed. Etiam id accumsan eros. Donec sed fringilla nibh. Nunc id arcu at purus mattis ullamcorper commodo eget sapien. Curabitur sollicitudin varius lectus, eget scelerisque arcu placerat eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis mauris quis massa iaculis viverra. Phasellus tempor gravida turpis at aliquet. Duis vel nunc in sapien suscipit consectetur. In eros est, accumsan eget mi eu, sollicitudin congue ante. Etiam vulputate dictum mi, sit amet euismod urna pretium et.</p>
</div>
<div class=”col-4″>
<img class=”img-fluid” src=”images/usluga 1.jpg”>
</div>
</div>
</section>
<section class=”container-fluid bg-dark text-white p-3″>
<div class=”row”>
<div class=”col-4″ > </div>
<div class=”col-4″>
<h2>Kontakt forma</h2>
<form>
<label class=”form-label” for=”ime”>Ime</label>
<input class=”form-control mb-3 ” type=”text” id=”ime”>
<label class=”form-label” for=”prezime”>Prezime</label>
<input class=”form-control mb-3″ type=”text” id=”prezime”>
<label class=”form-label” for=”email”>Email</label>
<input class=”form-control mb-3″ type=”email” id=”email”>
<button class=”btn btn-primary ” type=”submit”>
Pošalji
</button>
</form>
</div>
<div class=”col-4″ > </div>
</div>
</section>
<section id=”usluga1″ class=”container-fluid bg-warning p-3″ >
<div class=”row” >
<div class=”col-6″ >
<div class=”w-75″ >
<h2> Nasa usluga 1</h2>
<p> Ovde se nalazi kratak opis nase usluge</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet vulputate lorem, ut cursus felis. Proin eget dapibus massa. Fusce velit ex, porttitor congue tortor eget, ultrices pharetra quam. Cras sed lorem sit amet magna mattis fringilla eget ut mauris. Nunc consequat urna at libero dignissim tempor. Nunc ut consequat nisi, et commodo lorem. Ut facilisis ex nec ultricies posuere. Mauris posuere feugiat orci. In euismod odio vitae eleifend pharetra. Sed congue lacus magna, at tempus leo convallis sed. Etiam id accumsan eros. Donec sed fringilla nibh. Nunc id arcu at purus mattis ullamcorper commodo eget sapien.
Curabitur sollicitudin varius lectus, eget scelerisque arcu placerat eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis mauris quis massa iaculis viverra. Phasellus tempor gravida turpis at aliquet. Duis vel nunc in sapien suscipit consectetur. In eros est, accumsan eget mi eu, sollicitudin congue ante. Etiam vulputate dictum mi, sit amet euismod urna pretium et.
</p>
</div>
</div>
<div class=”col-6″ >
<div class=”carousel” data-bs-ride=”carousel” data-bs-interval=”2000″>
<div class=”carousel-inner”>
<div class=”carousel-item active”>
<img class=”img-fluid” src=”images/masaza.jpg”>
</div>
<div class=”carousel-item”>
<img class=”image-fluid” src=”images/usluga 1.jpg”>
</div>
</div>
</div>
</div>
</div>
</section>
<section class=”container-fluid bg-info p-3″ >
<div class=”row ” >
<div class=”col-6″ >
<img class=”img-fluid ” src=”images/masaza.jpg” width=”500″ >
</div >
<div class=”col-6 text-white ” >
<h2> Nasa usluga 2</h2>
<p> Ovde se nalazi kratak opis nase usluge</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet vulputate lorem, ut cursus felis. Proin eget dapibus massa. Fusce velit ex, porttitor congue tortor eget, ultrices pharetra quam. Cras sed lorem sit amet magna mattis fringilla eget ut mauris. Nunc consequat urna at libero dignissim tempor. Nunc ut consequat nisi, et commodo lorem. Ut facilisis ex nec ultricies posuere. Mauris posuere feugiat orci. In euismod odio vitae eleifend pharetra. Sed congue lacus magna, at tempus leo convallis sed. Etiam id accumsan eros. Donec sed fringilla nibh. Nunc id arcu at purus mattis ullamcorper commodo eget sapien.
Curabitur sollicitudin varius lectus, eget scelerisque arcu placerat eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis mauris quis massa iaculis viverra. Phasellus tempor gravida turpis at aliquet. Duis vel nunc in sapien suscipit consectetur. In eros est, accumsan eget mi eu, sollicitudin congue ante. Etiam vulputate dictum mi, sit amet euismod urna pretium et.
</p>
</div>
</div>
</section>
<footer class=”bg-dark text-white text-center p-3″>
<a class=”text-white” href=”index.html”>Početna</a> |
<a class=”text-white” href=”o-nama.html”>O nama</a> |
<a class=”text-white” href=”kontakt.html”>Kontakt</a>
<br>
© 2026 Moj sajt
</footer>
<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js” integrity=”sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4″ crossorigin=”anonymous”></script>
</body>
</html>
primary plava
secondary siva
success zelena
danger crvena
warning žuta
info svetloplava
light svetla
dark tamna
white bela
Pozadina:
bg-primary
bg-success
bg-danger
bg-warning
bg-info
bg-light
bg-dark
bg-white
Boja teksta:
text-primary
text-success
text-danger
text-warning
text-info
text-dark
text-white
text-muted
Primer kombinovanja:
<div class=”bg-warning text-dark”>Tekst</div>
Tekst
Dugmad:
btn btn-primary
btn btn-success
btn btn-danger
btn btn-warning
btn btn-dark
