-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (130 loc) · 4.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Кафетерија Фри || Почетна</title>
<!-- font awesome -->
<link
rel="stylesheet"
href="./fontawesome-free-5.15.1-web/css/all.min.css"
/>
<!-- custom css -->
<link rel="stylesheet" href="./CSS/styles.css" />
</head>
<body>
<!-- NAVBAR -->
<!-- nav button -->
<!-- djordjev hamburger menu bez koriscenja Font awsoma-->
<nav role="navigation">
<div id="menuToggle" class="sticky">
<!-- kad se prave hamburger meniji u CSS-u ako se ne varam uvek je checkbox -->
<input type="checkbox" />
<!-- koristimo 3 prazna spana da bi mogli da dobijemo 3 crtice koristeci CSS-->
<span></span>
<span></span>
<span></span>
<!-- menu items -->
<ul id="menu">
<li><a href="index.html" class="nav-link">почетна</a></li>
<li><a href="skills.html" class="nav-link">понуда</a></li>
<li><a href="about.html" class="nav-link">о нама</a></li>
<li><a href="products.html" class="nav-link">производи</a></li>
<li><img src="./CSS/images/kafeterija fri logo.jpg" alt="logo" /></li>
</ul>
</div>
</nav>
<!-- END of navbar -->
<!-- HEADER -->
<header class="header">
<div class="banner">
<h2>преко стотине укуса</h2>
<h1>
специјално <br />
справљене кафе
</h1>
<a href="skills.html" class="btn banner-btn">истражите</a>
</div>
</header>
<!-- end of header -->
<hr class="line" />
<!-- offer -->
<section class="skills clearfix">
<!-- offer #1 -->
<article class="skill">
<span class="skill-icon">
<i class="fas fa-mug-hot"></i>
</span>
<h4 class="skill-title">ponuda #1</h4>
<p class="skill-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. At, debitis?
</p>
</article>
<!-- end of offer #1 -->
<!-- offer #2 -->
<article class="skill">
<span class="skill-icon">
<i class="fas fa-glass-cheers"></i>
</span>
<h4 class="skill-title">ponuda #2</h4>
<p class="skill-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. At, debitis?
</p>
</article>
<!-- end of offer #2++ -->
<!-- offer #3 -->
<article class="skill">
<span class="skill-icon">
<i class="fas fa-bomb"></i>
</span>
<h4 class="skill-title">ponuda #3</h4>
<p class="skill-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. At, debitis?
</p>
</article>
<!-- end of offer #3 -->
<!-- offer #4 -->
<article class="skill">
<span class="skill-icon">
<i class="fas fa-mortar-pestle"></i>
</span>
<h4 class="skill-title">ponuda #4</h4>
<p class="skill-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. At, debitis?
</p>
</article>
<!-- end of offer #4 -->
</section>
<!-- end of offer -->
<!-- About info -->
<section>
<div class="section-center clearfix">
<article class="about-img">
<div class="about-picture-container">
<img
src="./CSS/images/about-bcg.jpeg"
alt="opis_slike"
class="about-picture"
/>
</div>
</article>
<article class="about-info">
<div class="section-title">
<h3 class="section-header">o našoj</h3>
<h2 class="section-header2">kafeteriji</h2>
</div>
<p class="about-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat,
minus?
</p>
<p class="about-text">
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Voluptates, hic?
</p>
<a href="about.html" class="btn">pročitajte više </a>
</article>
</div>
</section>
<!-- End of About -->
</body>
</html>