-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (151 loc) · 9.01 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ekobis</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="style.css">
<!-- Social Sharing Meta Tags -->
<meta property="og:title" content="Ekobis">
<meta property="og:description" content="Ekobis, ön muhasebe sorunlarına çözüm odaklı, açık kaynak kodlu ve kar amacı gütmeyen bir gönüllülük projesidir.">
<meta property="og:image" content="https://avatars.githubusercontent.com/u/175548345?s=200&v=4">
<meta property="og:url" content="https://ekobis.org/">
<meta name="twitter:card" content="summary_large_image">
<!-- Favicon -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div class="wrapper">
<header>
<div class="header-container">
<a href="#" class="logo"><img src="ekobisnewLogo.png" alt="Ekobis Logo"></a>
<nav>
<ul>
<li><a href="#about" data-key="about">Proje Hakkında</a></li>
<li><a href="#features" data-key="features">Özellikler</a></li>
<li><a href="#team" data-key="team">Ekibimiz</a></li>
<li>
<div class="dropdown">
<button class="dropbtn" data-key="language-button">Dil</button>
<div class="dropdown-content">
<a href="#" class="lang" data-lang="tr">Türkçe</a>
<a href="#" class="lang" data-lang="en">English</a>
<a href="#" class="lang" data-lang="de">Deutsch</a>
<a href="#" class="lang" data-lang="ar">العربية</a>
</div>
</div>
</li>
<li>
<button id="toggle-dark-mode" class="dark-mode-toggle"><i class="fas fa-moon"></i></button>
</li>
</ul>
</nav>
<div class="menu-toggle">☰</div>
</div>
</header>
<main class="container">
<section id="about" class="section">
<h2 data-key="about-title">Proje Hakkında</h2>
<p data-key="about-text">Ekobis, ön muhasebe sorunlarına çözüm odaklı, açık kaynak kodlu ve kar amacı gütmeyen bir gönüllülük projesidir. Bu proje, KOBİ'lere ve bireysel kullanıcılara basit formüller kullanarak gelir, gider ve denge hesaplamalarını doğru bir şekilde yapmalarına yardımcı olmayı amaçlar.</p>
</section>
<section id="features" class="section">
<h2 data-key="features-title">Özellikler</h2>
<ul>
<li data-key="feature-1">Gelir-Gider Yönetimi ve Takibi</li>
<li data-key="feature-2">Müşteri ve Tedarikçi Yönetimi ve Takibi</li>
<li data-key="feature-3">Aylık Analiz ve Raporlama</li>
<li data-key="feature-4">Ürün Takibi</li>
</ul>
</section>
<section id="team" class="section">
<h2 data-key="team-title">Ekibimiz</h2>
<div class="team-container">
<div class="team-card">
<img src="https://avatars.githubusercontent.com/u/152931069?v=4" alt="Furkan Aydemir" class="profile-img">
<h3>Furkan Aydemir</h3>
<p data-key="role-1">Backend Developer</p>
<div class="social-icons">
<a href="https://github.com/deerborg" target="_blank"><img src="github-icon.png" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/ffurkanaydemir/" target="_blank"><img src="linkedin-icon.png" alt="LinkedIn"></a>
</div>
</div>
<div class="team-card">
<img src="https://avatars.githubusercontent.com/u/159317933?v=4" alt="Rohat Doğaner" class="profile-img">
<h3>Rohat Doğaner</h3>
<p data-key="role-2">Backend Developer</p>
<div class="social-icons">
<a href="https://github.com/rohatdgnr" target="_blank"><img src="github-icon.png" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/rohatdo%C4%9Faner/" target="_blank"><img src="linkedin-icon.png" alt="LinkedIn"></a>
</div>
</div>
<div class="team-card">
<img src="https://avatars.githubusercontent.com/u/114516575?v=4" alt="Sinan Can Özer" class="profile-img">
<h3>Sinan Can Özer</h3>
<p data-key="role-3">Backend Developer</p>
<div class="social-icons">
<a href="https://github.com/sinantech" target="_blank"><img src="github-icon.png" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/sinan-can-%C3%B6zer-90a5431a7/" target="_blank"><img src="linkedin-icon.png" alt="LinkedIn"></a>
</div>
</div>
<div class="team-card">
<img src="https://avatars.githubusercontent.com/u/147692980?v=4" alt="Alican Kanbolat" class="profile-img">
<h3>Alican Kanbolat</h3>
<p data-key="role-4">Frontend Developer</p>
<div class="social-icons">
<a href="https://github.com/AliCanKANBOLAT" target="_blank"><img src="github-icon.png" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/ali-can-kanbolat-frontnd/" target="_blank"><img src="linkedin-icon.png" alt="LinkedIn"></a>
</div>
</div>
<div class="team-card">
<img src="https://avatars.githubusercontent.com/u/83141061?v=4" alt="Gökhan Cihan" class="profile-img">
<h3>Gökhan Cihan</h3>
<p data-key="role-5">Backend Developer</p>
<div class="social-icons">
<a href="https://github.com/GokhanCihan" target="_blank"><img src="github-icon.png" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/gokhan-cihan/" target="_blank"><img src="linkedin-icon.png" alt="LinkedIn"></a>
</div>
</div>
<div class="team-card">
<img src="https://avatars.githubusercontent.com/u/136338567?v=4" alt="Batuhan Yürüdür" class="profile-img">
<h3>Batuhan Yürüdür</h3>
<p data-key="role-6">Backend Developer</p>
<div class="social-icons">
<a href="https://github.com/byurudur" target="_blank"><img src="github-icon.png" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/batuhanyurudur/" target="_blank"><img src="linkedin-icon.png" alt="LinkedIn"></a>
</div>
</div>
<div class="team-card">
<img src="https://avatars.githubusercontent.com/u/44067178?v=4" alt="Erdem Özer" class="profile-img">
<h3>Erdem Özer</h3>
<p data-key="role-7">Backend Developer</p>
<div class="social-icons">
<a href="https://github.com/erdemcemozer" target="_blank"><img src="github-icon.png" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/erdemozer/" target="_blank"><img src="linkedin-icon.png" alt="LinkedIn"></a>
</div>
</div>
<div class="team-card">
<img src="https://avatars.githubusercontent.com/u/99053020?v=4" alt="Furkan Selçuk" class="profile-img">
<h3>Furkan Selçuk</h3>
<p data-key="role-8">Frontend Developer</p>
<div class="social-icons">
<a href="https://github.com/ffurkanselcuk" target="_blank"><img src="github-icon.png" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/furkanselcukk/" target="_blank"><img src="linkedin-icon.png" alt="LinkedIn"></a>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-container">
<a href="https://github.com/ekobis" data-key="footer">Ekobis © 2024</a>
<a href="https://github.com/ekobis" target="_blank">
<img src="github-icon.png" alt="GitHub" class="footer-github-icon">
</a>
</div>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
<script src="script.js"></script>
</body>
</html>