Skip to content

S
SkuciSe
Commit 43d42692 by Milovan Samardzic
Options

MilovanResources

parent f37547c0
Showing with 162 additions and 0 deletions
SkuciSe/src/main/resources/static/css/style.css 0 → 100644
body{
font-family: 'Jost', serif;font-size: 22px;
background-color: #d8dde0;
}
header{
width: 100%;
height: 120px;
background: white;
display: flex;
flex-flow: row;
}
header img{
margin-left:15%;
}
header nav{
width: 50%;
}
header nav ul{
height: 120px;
display: flex;
justify-content: start;
}
header nav ul li{
text-decoration: none;
}
header nav ul li{
float:left;
list-style-type: none;
padding:50px;
}
header nav ul li a{
text-decoration: none;
color:#333333;
transition: width 2s;
display: inline-block;
position: relative;
}
header nav ul li a:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: #0087ca;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
header nav ul li a:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
header #navbar-login{
margin-top:1%;
width: 50%;
height: 120px;
}
header #navbar-login{
display:flex;
justify-content: end;
align-items: center;
}
header #navbar-login ul li{
float:left;
padding:20px;
list-style-type: none;
}
header #navbar-login ul li a{
text-decoration: none;
color: #367588;
}
header #navbar-login ul li button{
background-color: #367588;
border:0px;
}
#pozadina{
width: 100%;
height: 600px;
background-image: url("../images/pozadina.jpg");
background-size:cover;
background-repeat: no-repeat;
}
#pozadina{
display: flex;
align-items: center;
justify-content: center;
}
#pozadina h1{
color:#367588;
font-size:60px;
}
\ No newline at end of file
SkuciSe/src/main/resources/templates/index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Small Business - Start Bootstrap Template</title>
<link href='https://fonts.googleapis.com/css?family=Jost' rel='stylesheet'>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<!-- Core theme CSS (includes Bootstrap)-->
<link href="../static/css/style.css" rel="stylesheet" />
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Pocetna</a></li>
<li><a href="#">Kategorije</a></li>
<li><a href="#">O nama</a></li>
</ul>
</nav>
<!--<img src="../static/images/logo.png" alt="Logo">-->
<div id="navbar-login">
<ul>
<li><a href="#"><i class="fas fa-sign-in-alt"></i><span style="padding:5px;">Uloguj se</span></a></li>
<li><a href="#"><i class="fa-solid fa-circle-user"></i><span style="padding:5px;">Registruj se</span></a></li>
<li><button type="button" class="btn btn-primary btn-md"><i class="fa-regular fa-message"></i> Postavite novi oglas</button></li>
</ul>
</div>
</header>
<div id="pozadina">
<h1>Find your next home</h1>
</div>
<footer class="text-center text-white fixed-bottom" style="background-color: #21081a;">
<!-- Copyright -->
<div class="text-center p-3" style="background-color: #d8dde0;">
© 2020 Copyright:
<a class="text-white" href="https://mdbootstrap.com/">PMFKG</a>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://kit.fontawesome.com/51d1fadef3.js" crossorigin="anonymous"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>
SkuciSe/src/main/resources/templates/login.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment