Skip to content

Commit 0672f0a

Browse files
author
DaniloJovanovicGIT
committed
Pocetni izgled platforme
1 parent 48ba734 commit 0672f0a

File tree

4 files changed

+194
-0
lines changed

4 files changed

+194
-0
lines changed

‎css.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
2+
<link rel="stylesheet" href="style.css">

‎img.jpg

702 KB
Loading

‎index.php

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
require 'db.php';
2+
session_start();
3+
?>
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<title>Avanture.rs</title>
8+
<?php include 'css.html';?>
9+
</head>
10+
<body>
11+
<div class="form">
12+
<ul class="tab-group">
13+
<li class="tab"><a href="#signup">Prijavi se</a></li>
14+
<li class="tab active"><a href="#login">Uloguj se</a></li>
15+
</ul>
16+
<p>Zdravo dobrodosili na sajt Avanture.rs, ovde mozete objaviti vase planove za odlazak na planinu, jezero, reku ili more</p>
17+
</br>
18+
<p>Ukoliko zelite da idete sa vecim drustvom i upoznate nove avantursite pogledajte vec aktivne polaske na avanture</p>
19+
</br>
20+
<div class="tab-content">
21+
<div id="login">
22+
<h1>Dobrodošli</h1>
23+
<form action="index.php" method="post" autocomplete="off">
24+
<div class="field-wrap">
25+
<label>Email adresa<span class="req">*</span>
26+
</label>
27+
<input type="email" required autocomplete="off" name="email">
28+
</div>
29+
<div class="field-wrap">
30+
<label>
31+
Šifra<span class="req">*</span>
32+
</label>
33+
<input type="password" required autocomplete="off" name="password">
34+
</div>
35+
<button class="button button-block" name="login">Prijavi se</button>
36+
</form>
37+
<div id="signup">
38+
<h1>Registruj se za 5 sekundi.</h1>
39+
<form action="index.php" method="post" autocomplete="off">
40+
<div class="field-wrap">
41+
<label>
42+
Ime<span class="req">*</span>
43+
</label>
44+
<input type="text" required autocomplete="off" name="firstname">
45+
</div>
46+
<div class="field-wrap">
47+
<label>
48+
Prezime<span class="req">*</span>
49+
</label>
50+
<input type="text" required autocomplete="off" name="lastname">
51+
</div>
52+
<div class="field-wrap">
53+
<label>Email adresa<span class="req">*</span>
54+
</label>
55+
<input type="email" required autocomplete="off" name="email">
56+
</div>
57+
<div class="field-wrap">
58+
<label>
59+
Izaberite šifru<span class="req">*</span>
60+
</label>
61+
<input type="password" required autocomplete="off" name="password">
62+
</div>
63+
<button type="submit" class="button button-block" name="register">Registruj se</button>
64+
</form>
65+
</div>
66+
</div>
67+
</div>
68+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
69+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
70+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
71+
<script src="js/index.js">
72+
</body>
73+
</html>
74+
75+
76+
77+

‎style.css

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
*, *:before, *:after {
2+
3+
box-sizing: border-box;
4+
}
5+
6+
html {
7+
overflow-y: scroll;
8+
}
9+
10+
body {
11+
background-image: url("img.jpg");
12+
background-repeat: no-repeat;
13+
background-position: center center;
14+
background-attachment: fixed;
15+
background-size: cover;
16+
17+
}
18+
19+
a{
20+
text-decoration: none;
21+
color: aquamarine;
22+
-webkit-transition: .5s ease;
23+
transition: .5s ease;
24+
}
25+
a:hover {
26+
color:cadetblue;
27+
}
28+
.form {
29+
background: rgba(172, 107, 83, 0.4);
30+
padding: 40px;
31+
max-width: 600px;
32+
margin: 110px auto;
33+
border-radius: 15px;
34+
35+
}
36+
37+
.form:hover {
38+
background: rgba(172, 107, 83, 0.5);
39+
padding: 40px;
40+
max-width: 600px;
41+
margin: 110px auto;
42+
border-radius: 15px;
43+
44+
}
45+
.tab-group {
46+
list-style: none;
47+
padding: 0;
48+
margin: 0 0 40px 0;
49+
50+
}
51+
.tab-group:after{
52+
content: "";
53+
display: table;
54+
clear: both;
55+
}
56+
.tab-group li a{
57+
display: block;
58+
text-decoration: none;
59+
padding: 15px;
60+
background: rgba(224, 250, 227, 0.87);
61+
color: rgb(5, 53, 5);
62+
font-size: 25px;
63+
float: left;
64+
width: 50%;
65+
text-align: center;
66+
cursor: pointer;
67+
-webkit-transition: .5s ease;
68+
transition: .5s ease;
69+
}
70+
.tab-group li a:hover{
71+
72+
background: rgba(221, 144, 97, 0.9);
73+
color: rgb(45, 255, 175);
74+
}
75+
76+
.tab-froup .active a{
77+
background: sandybrown;
78+
color: seashell;
79+
80+
}
81+
.tab-content > div:last-child{
82+
display: none;
83+
}
84+
85+
h1{
86+
text-align: center;
87+
color: rgba(224, 250, 227, 0.87);
88+
font-weight: 300;
89+
margin: 0 0 40px;
90+
font-family: Verdana, Geneva, Tahoma, sans-serif;
91+
}
92+
93+
div.info {
94+
color:pink;
95+
display:box;
96+
text-align:center;
97+
padding: 5px;
98+
margin-top:-20px;
99+
margin-bottom: 15px;
100+
border: 1px solid red;
101+
background: coral;
102+
}
103+
104+
label {
105+
position: absolute;
106+
-webkit-transform: translateY(6px);
107+
transform: translateY(6px);
108+
left:13px;
109+
color: rgba(255,255,255,0.5);
110+
-webkit-transition: all 0.25s ease;
111+
transition: all 0.25s ease;
112+
-webkit-backface-visibility: hidden;
113+
pointer-events: none;
114+
115+
}

0 commit comments

Comments
 (0)