-
Notifications
You must be signed in to change notification settings - Fork 0
/
Initiative.html
140 lines (134 loc) · 6.66 KB
/
Initiative.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
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="bg">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ЕПУМ - Инициативи по Химия и Екология</title>
<link rel="stylesheet" href="Style/Navbar.css">
<link rel="stylesheet" href="Style/Footer.css">
<meta charset="UTF-8">
<meta name="description" content="This is a site for a chemistry club called EPUM (Ecology and Reuse of Materials) headed by Duska Stankovska at PGI Ivan Iliev - Blagoevgrad. The site is for educational purposes, developed and maintained by Kadir Yazadzhi.">
<meta name="keywords" content="EPUM">
<meta name="author" content="Kadir Yazadzhi">
<link rel="stylesheet" href="Style/Initiative.css">
</head>
<body oncontextmenu="return false;" onselectstart="return false">
<header id="navbar">
<nav class="navbar-container container">
<a href="#" class="home-link">
<div class="navbar-logo" ><img class="logo" src="Photo/logo-official-epum.png"></div>
EPUM
</a>
<button type="button" id="navbar-toggle" aria-controls="navbar-menu" aria-label="Toggle menu" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="navbar-menu" aria-labelledby="navbar-toggle">
<ul class="navbar-links">
<li class="navbar-item"><a class="navbar-link" href="Home.html">Начало</a></li>
<li class="navbar-item"><a class="navbar-link" href="Initiative.html">Инициативи</a></li>
<li class="navbar-item"><a class="navbar-link" href="Gallery.html">Галерия</a></li>
<li class="navbar-item"><a class="navbar-link" href="Contact.html">Контакти</a></li>
<li class="navbar-item"><a class="navbar-link" href="About%20us.html">За нас</a></li>
</ul>
</div>
</nav>
</header>
<div class="band">
<div class="item-1">
<a href="" class="card">
<div class="thumb" style="background-image: url(Photo/statiq-1-himiq.jpg);"></div>
<article>
<h1>Участие в училищен базар</h1>
<p>Нашия клуб участва на училищен базар в училището ни (ПГИ "Иван Илиев") като изработихме и предлагахме нашите творания, които са съобразени с опазването на околната среда.</p>
<span>Кадир Язаджи</span>
</article>
</a>
</div>
<div class="item-2">
<a href="" class="card">
<div class="thumb" style="background-image: url(Photo/gramota.png);"></div>
<article>
<h1>Участие в инициативата на Дай "Pet"</h1>
<p>Наградата ни от организацията ни беше връчена за събраното количество пластмаса от учители, ученици и нашия клуб.</p>
<span>Кадир Язаджи</span>
</article>
</a>
</div>
<div class="item-3">
<a href="https://design.tutsplus.com/articles/envato-tuts-community-challenge-created-by-you-july-edition--cms-26724" class="card">
<div class="thumb" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/flex-5.jpg);"></div>
<article>
<h1>Created by You, July Edition</h1>
<p>Welcome to our monthly feature of fantastic tutorial results created by you, the Envato Tuts+ community! </p>
<span>Melody Nieves</span>
</article>
</a>
</div>
<div class="item-4">
<a href="https://webdesign.tutsplus.com/tutorials/how-to-code-a-scrolling-alien-lander-website--cms-26826" class="card">
<div class="thumb" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/landing.png);"></div>
<article>
<h1>How to Code a Scrolling “Alien Lander” Website</h1>
<p>We’ll be putting things together so that as you scroll down from the top of the page you’ll see an “Alien Lander” making its way to touch down.</p>
<span>Kezz Bracey</span>
</article>
</a>
</div>
<div class="item-5">
<a href="https://design.tutsplus.com/tutorials/stranger-things-inspired-text-effect--cms-27139" class="card">
<div class="thumb" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/strange.jpg);"></div>
<article>
<h1>How to Create a “Stranger Things” Text Effect in Adobe Photoshop</h1>
<span>Rose</span>
</article>
</a>
</div>
<div class="item-6">
<a href="https://photography.tutsplus.com/articles/5-inspirational-business-portraits-and-how-to-make-your-own--cms-27338" class="card">
<div class="thumb" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/flor.jpg);"></div>
<article>
<h1>5 Inspirational Business Portraits and How to Make Your Own</h1>
<span>Marie Gardiner</span>
</article>
</a>
</div>
<div class="item-7">
<a href="https://webdesign.tutsplus.com/articles/notes-from-behind-the-firewall-the-state-of-web-design-in-china--cms-22281" class="card">
<div class="thumb" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/china.png);"></div>
<article>
<h1>Notes From Behind the Firewall: The State of Web Design in China</h1>
<span>Kendra Schaefer</span>
</article>
</a>
</div>
</div>
<div class="test">
<!--FONT AWESOME-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--GOOGLE FONTS-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Play&display=swap" rel="stylesheet">
<footer>
<div class="footer">
<div class="row">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
<div class="row">
<ul>
<li><a href="Contact.html">Contact us</a></li>
<li><a href="Our%20Services.html">Our Services</a></li>
<li><a href="Privacy%20Policy.html">Privacy Policy</a></li>
<li><a href="Terms%20&%20Conditions.html">Terms & Conditions</a></li>
</ul>
</div>
<div class="row">
Copyright © 2023 All rights reserved || Designed By: <a href="https://thetrackone.github.io/thetrack/Profile.html">Kadir Yazadzhi</a>
</div>
</div>
</footer>
</div>
</body>
</html>