Skip to content
This repository was archived by the owner on Jul 3, 2019. It is now read-only.

Commit 180cd3a

Browse files
Raiper34Raiper34
committed
6 semester
1 parent 7009d7b commit 180cd3a

28 files changed

+1580
-0
lines changed

‎6 BIT/ITW/Projekt1/images/browser.png

136 KB
Loading

‎6 BIT/ITW/Projekt1/images/caretb.png

231 Bytes
Loading

‎6 BIT/ITW/Projekt1/images/caretw.png

235 Bytes
Loading

‎6 BIT/ITW/Projekt1/images/i_fb.png

1.11 KB
Loading

‎6 BIT/ITW/Projekt1/images/i_linkedin.png

1.03 KB
Loading

‎6 BIT/ITW/Projekt1/images/i_twitter.png

785 Bytes
Loading

‎6 BIT/ITW/Projekt1/images/loginlink.png

448 Bytes
Loading

‎6 BIT/ITW/Projekt1/images/logo.png

8.2 KB
Loading

‎6 BIT/ITW/Projekt1/itw1.css

+404
Large diffs are not rendered by default.

‎6 BIT/ITW/Projekt2/css/img/black.png

11 KB
Loading

‎6 BIT/ITW/Projekt2/css/img/header.jpg

555 KB
Loading

‎6 BIT/ITW/Projekt2/css/img/logo.png

11.1 KB
Loading

‎6 BIT/ITW/Projekt2/css/img/white.png

74.1 KB
Loading

‎6 BIT/ITW/Projekt2/css/img/yellow.png

5.77 KB
Loading

‎6 BIT/ITW/Projekt2/css/style.css

+299
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,299 @@
1+
html, body
2+
{
3+
font-family: 'Bree Serif', serif;
4+
padding: 0px;
5+
margin: 0px;
6+
background-image: url('img/yellow.png');
7+
background-color: #F0DF5B;
8+
min-width: 550px;
9+
}
10+
11+
12+
/** Header **/
13+
header
14+
{
15+
background-image: url('img/black.png');
16+
background-color: #2E2E2E;
17+
width: 100%;
18+
color: white;
19+
position: fixed;
20+
z-index: 100;
21+
}
22+
23+
header h1
24+
{
25+
display: inline-block;
26+
margin: 10px 10px 10px 10px;
27+
}
28+
29+
header nav
30+
{
31+
margin: 10px 10px 0px 0px;
32+
float: right;
33+
}
34+
35+
36+
header nav, header nav ul
37+
{
38+
display: inline-block;
39+
}
40+
41+
header li
42+
{
43+
display: inline-block;
44+
position: relative;
45+
}
46+
47+
header li a
48+
{
49+
padding: 26px 20px 16px 20px;
50+
}
51+
52+
header li a:hover
53+
{
54+
background-image: url('img/white.png');
55+
background-color: #E8E8E8;
56+
color: black;
57+
}
58+
59+
.dropdown-content
60+
{
61+
display: none;
62+
margin-top: 15px;
63+
position: absolute;
64+
min-width: 130px;
65+
background-image: url('img/black.png');
66+
background-color: #2E2E2E;
67+
}
68+
69+
.dropdown:hover .dropdown-content
70+
{
71+
display: block;
72+
}
73+
74+
.dropdown-content a
75+
{
76+
padding: 10px 10px 10px 10px;
77+
display: block;
78+
}
79+
80+
.dropdown:hover .dropdown-content a:hover
81+
{
82+
background-image: url('img/white.png');
83+
background-color: #E8E8E8;
84+
color: black;
85+
}
86+
87+
header a
88+
{
89+
text-decoration: none;
90+
color: white;
91+
}
92+
93+
/** Image header **/
94+
#image-header
95+
{
96+
max-width: 1240px;
97+
margin: 0px auto;
98+
padding-top: 60px;
99+
margin-bottom: -5px;
100+
position: relative;
101+
}
102+
103+
#image-header img
104+
{
105+
width: 100%;
106+
}
107+
108+
#logo
109+
{
110+
width: 15% !important;
111+
position: absolute;
112+
right: 0px;
113+
bottom: 0px;
114+
padding: 15px;
115+
}
116+
117+
/** Roloverbox **/
118+
#rollover-box
119+
{
120+
border: 1px solid black;
121+
padding: 0px;
122+
background-image: url('img/yellow.png');
123+
background-color: #F0DF5B;
124+
}
125+
126+
#rollover-box h2
127+
{
128+
background-image: url('img/black.png');
129+
background-color: #2E2E2E;
130+
color: white;
131+
padding: 5px 10px 5px 10px;
132+
margin: 0px;
133+
cursor: pointer;
134+
}
135+
136+
#rollover-box div
137+
{
138+
padding: 5px 10px 5px 10px;
139+
overflow-y: scroll;
140+
}
141+
142+
/** Home page **/
143+
.space
144+
{
145+
margin: 0px 3% 0px 3%;
146+
display: inline-block;
147+
}
148+
149+
#feature
150+
{
151+
text-align: center;
152+
margin: 40px 0px 30px 0px;
153+
}
154+
155+
.present
156+
{
157+
display: inline-block;
158+
width: 40%;
159+
text-align: center;
160+
padding: 0px 0px 15px 0px;
161+
}
162+
163+
.present img
164+
{
165+
border: 5px solid #2E2E2E;
166+
border-radius: 20px;
167+
box-shadow: 1px 1px 10px #2E2E2E;
168+
margin: 0px auto;
169+
width: 100%;
170+
max-width: 400px;
171+
}
172+
173+
.present h2
174+
{
175+
background-image: url('img/black.png');
176+
background-color: #2E2E2E;
177+
color: white;
178+
margin: 0px auto;
179+
margin-bottom: 15px;
180+
}
181+
182+
.present p
183+
{
184+
padding: 10px;
185+
text-align: justify;
186+
padding: 5px 20px 5px 20px;
187+
}
188+
189+
/** Section **/
190+
.my-button
191+
{
192+
background-image: url('img/black.png');
193+
background-color: #2E2E2E;
194+
color: white;
195+
text-decoration: none;
196+
padding: 10px 20px 10px 20px;
197+
border-radius: 5px;
198+
}
199+
200+
section
201+
{
202+
max-width: 1200px;
203+
margin: 0px auto;
204+
background-image: url('img/white.png');
205+
background-color: #E8E8E8;
206+
padding: 20px 20px 30px 20px;
207+
height: 100%;
208+
}
209+
210+
section ul li a
211+
{
212+
text-decoration: none;
213+
color: black;
214+
}
215+
216+
/** Footer **/
217+
footer
218+
{
219+
background-image: url('img/black.png');
220+
background-color: #2E2E2E;
221+
max-width: 1240px;
222+
color: white;
223+
margin: 0px auto;
224+
225+
}
226+
227+
footer div
228+
{
229+
margin: 10px 10px 10px 10px;
230+
display: inline-block;
231+
}
232+
233+
footer a
234+
{
235+
margin: 10px 10px 10px 10px;
236+
text-decoration: none;
237+
color: white;
238+
display: inline-block;
239+
float: right;
240+
}
241+
/* Specific */
242+
.item-list-text
243+
{
244+
padding: 10px;
245+
}
246+
247+
.item-list-text p
248+
{
249+
text-align: justify;
250+
}
251+
252+
.item-list-text a
253+
{
254+
text-decoration: none;
255+
color: black;
256+
}
257+
258+
.item-list-image img
259+
{
260+
border-radius: 25px;
261+
}
262+
263+
.item-list-text ul li
264+
{
265+
list-style-image: url('http://image005.flaticon.com/75/svg/70/70367.svg');
266+
padding-bottom: 10px;
267+
}
268+
269+
.item-list-text ul
270+
{
271+
padding-bottom: 10px;
272+
}
273+
274+
.general-section td
275+
{
276+
text-align: center;
277+
padding: 10px;
278+
}
279+
280+
.general-section img
281+
{
282+
width: 100%;
283+
max-width: 400px;
284+
}
285+
286+
.general-section p
287+
{
288+
text-align: justify;
289+
}
290+
291+
/** Style for printer**/
292+
@media print
293+
{
294+
header, #image-header, footer, #rollover-box, my-button
295+
{
296+
display: none;
297+
}
298+
299+
}

‎6 BIT/ITW/Projekt2/index.html

+86
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="description" content="Predaj a servis áut značky Leopard. Klasický servis, alebo tuning vylepšenia.">
6+
<meta name="keywords" content="predaj áut, autá, auto, predaj, leopard cars">
7+
<meta name="author" content="Filip Gulan">
8+
<link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
9+
<link rel="stylesheet" type="text/css" href="css/style.css">
10+
<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
11+
<script type="text/javascript" src="js/main.js"></script>
12+
<title>Leopard Cars | Domov</title>
13+
</head>
14+
<body>
15+
<header>
16+
<h1><a href="http://raiper34.net/itw/">Leopard Cars s.r.o</a></h1>
17+
<nav>
18+
<ul>
19+
<li>
20+
<a href="index.html">Domov</a>
21+
</li>
22+
<li class="dropdown">
23+
<a href="predaj.html">Predaj</a>
24+
<div class="dropdown-content">
25+
<a href="predaj-osobne.html">Osobné autá</a>
26+
<a href="predaj-uzitkove.html">Úžitkové autá</a>
27+
</div>
28+
</li>
29+
<li class="dropdown">
30+
<a href="servis.html">Servis</a>
31+
<div class="dropdown-content">
32+
<a href="servis-klasicky.html">Klasický servis</a>
33+
<a href="servis-tuning.html">Tuning</a>
34+
</div>
35+
</li>
36+
<li><a href="kontakt.html">Kontakt</a></li>
37+
</ul>
38+
</nav>
39+
</header>
40+
<div id="image-header">
41+
<img src="css/img/header.jpg" alt="header image">
42+
<img id="logo" src="css/img/logo.png" alt="logo">
43+
</div>
44+
<section>
45+
46+
<h2>Úvod</h2>
47+
<p>Leopard Cars s.r.o je nová luxusná značka áut. Firma bola založená v roku 2012 Filipom Gulánom. Firma ponúka predaj širokej škály áut vlastne a aj zprostredkovanej značky. Pre rodiny sú k dispozícií pohodlné sedany. Milovníci rýchlych auiet si určite vyberú z ponuky super šport a pracovne vyťažený ľudia si môže svojho pracanta vybrať z ponuky robustných pickupov, alebo klasických dodáviek.</p>
48+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut luctus velit nisl, vitae varius sem dignissim ac. Pellentesque et metus quis sem dapibus ultricies. In ut pellentesque mi. Aliquam est sapien, ultricies ac urna et, ultricies volutpat erat. Quisque non viverra lorem. Sed ornare, tellus sit amet efficitur lacinia, tortor libero malesuada ipsum, non imperdiet ipsum felis ac neque. Maecenas porttitor odio vel est venenatis, non iaculis massa vestibulum. Nam accumsan nisl sed ante efficitur, sed consectetur libero tempor. </p>
49+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut luctus velit nisl, vitae varius sem dignissim ac. Pellentesque et metus quis sem dapibus ultricies. In ut pellentesque mi. Aliquam est sapien, ultricies ac urna et, ultricies volutpat erat. Quisque non viverra lorem. Sed ornare, tellus sit amet efficitur lacinia, tortor libero malesuada ipsum, non imperdiet ipsum felis ac neque. Maecenas porttitor odio vel est venenatis, non iaculis massa vestibulum. Nam accumsan nisl sed ante efficitur, sed consectetur libero tempor. </p>
50+
51+
<div id="feature">
52+
<div class="present">
53+
<h2>Predaj</h2>
54+
<img src="http://freeuse.io/img_thumb/5211-car-tachometer-steering-wheel-speedo.jpg" alt="sale">
55+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut luctus velit nisl, vitae varius sem dignissim ac. Pellentesque et metus quis sem dapibus ultricies. In ut pellentesque mi. Aliquam est sapien, ultricies ac urna et, ultricies volutpat erat. Quisque non viverra lorem. Sed ornare, tellus sit amet efficitur lacinia, tortor libero malesuada ipsum, non imperdiet ipsum felis ac neque.</p>
56+
<a href="predaj.html" class="my-button">Viac</a>
57+
</div>
58+
<div class="space"></div>
59+
<div class="present">
60+
<h2>Servis</h2>
61+
<img src="http://freeuse.io/img_thumb/3593-engine-technic-motor.jpg" alt="servis">
62+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut luctus velit nisl, vitae varius sem dignissim ac. Pellentesque et metus quis sem dapibus ultricies. In ut pellentesque mi. Aliquam est sapien, ultricies ac urna et, ultricies volutpat erat. Quisque non viverra lorem. Sed ornare, tellus sit amet efficitur lacinia, tortor libero malesuada ipsum, non imperdiet ipsum felis ac neque.</p>
63+
<a href="servis.html" class="my-button">Viac</a>
64+
</div>
65+
</div>
66+
67+
<div id="rollover-box">
68+
<h2>Novinkový panel</h2>
69+
<div>
70+
<ul>
71+
<li><strong>16.4.2016</strong> | Bol vydaný nový typ športového Leopard Tiger vozu, ktorý disponuje koženými vyhrievanými sedadlami.</li>
72+
<li><strong>17.4.2016</strong> | Leopard Cars sa predtavili na medzináronom veľtrhu Cars Expo 2016.</li>
73+
<li><strong>18.4.2016</strong> | Návrhy k dizajnu nového SUV Leopard S je možné nájsť v galérií.</li>
74+
<li><strong>19.4.2016</strong> | Leopard Tyger získal nového sponzora Tiger Corporation Motorbike Grand Prix</li>
75+
</ul>
76+
</div>
77+
</div>
78+
</section>
79+
<footer>
80+
<div>Vytvoril Filip Gulan v 2016 ako ITW projekt na FIT VUT</div>
81+
<a href="mapa.html">Mapa stránok</a>
82+
<a href="offonpage.html">Offpage/Onpage</a>
83+
<a href="odkazy.html">Odkazy</a>
84+
</footer>
85+
</body>
86+
</html>

‎6 BIT/ITW/Projekt2/js/jquery-1.12.3.min.js

+5
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)