-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (138 loc) · 5.91 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
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agrotopya - Akıllı Sulama Sistemi</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<div class="loading-screen">
<div class="loader"></div>
</div>
<nav class="navbar">
<div class="container">
<div class="logo">
<img src="assets/logo.png" alt="Agrotopya Logo">
</div>
<ul class="nav-links">
<li><a href="#home">Ana Sayfa</a></li>
<li><a href="#about">Hakkımızda</a></li>
<li><a href="#features">Özellikler</a></li>
<li><a href="#team">Ekip</a></li>
<li><a href="#contact">İletişim</a></li>
</ul>
<div class="mobile-menu-btn">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<header id="home" class="hero">
<div class="tech-circles">
<div class="tech-circle"></div>
<div class="tech-circle"></div>
</div>
<div class="container" data-aos="fade-up">
<h1>Agrotopya</h1>
<p>Yapay Zeka Destekli Akıllı Sulama Sistemi</p>
<a href="#features" class="cta-button">Daha Fazla Bilgi</a>
</div>
</header>
<section id="about" class="about">
<div class="container">
<h2 data-aos="fade-up">Projemiz Hakkında</h2>
<div class="about-content" data-aos="fade-up" data-aos-delay="100">
<div class="about-text">
<p>Agrotopya, çiftçilerimiz için tarımsal faaliyetlerin otomatize edilmesini ve daha kontrollü ilerletilmesini sağlayan yenilikçi bir projedir. Toprak ve sıcaklık sensörleri kullanarak ürünlerin su ihtiyacını tespit eder ve su israfını önler.</p>
</div>
<div class="about-stats">
<div class="stat-item" data-aos="fade-up" data-aos-delay="200">
<h3>30%</h3>
<p>Su Tasarrufu</p>
</div>
<div class="stat-item" data-aos="fade-up" data-aos-delay="300">
<h3>24/7</h3>
<p>Gerçek Zamanlı İzleme</p>
</div>
</div>
</div>
</div>
</section>
<section id="features" class="features">
<div class="container">
<h2 data-aos="fade-up">Özellikler</h2>
<div class="feature-grid">
<div class="feature-card" data-aos="fade-up" data-aos-delay="100">
<i class="fas fa-microchip"></i>
<h3>Akıllı Sensörler</h3>
<p>Toprak nem ve sıcaklık sensörleri ile gerçek zamanlı veri toplama</p>
</div>
<div class="feature-card" data-aos="fade-up" data-aos-delay="200">
<i class="fas fa-brain"></i>
<h3>Yapay Zeka</h3>
<p>Agrotopya AI ile akıllı sulama kararları</p>
</div>
<div class="feature-card" data-aos="fade-up" data-aos-delay="300">
<i class="fas fa-mobile-alt"></i>
<h3>Mobil Uygulama</h3>
<p>Her an her yerden sistemi kontrol etme imkanı</p>
</div>
</div>
</div>
</section>
<section id="team" class="team">
<div class="container">
<h2 data-aos="fade-up">Proje Ekibi</h2>
<div class="team-grid">
<div class="team-member" data-aos="fade-up" data-aos-delay="100">
<h3>Burak YALÇIN</h3>
<a href="https://yalcinburak.com" target="_blank" class="team-link">
<i class="fas fa-globe"></i> yalcinburak.com
</a>
</div>
<div class="team-member" data-aos="fade-up" data-aos-delay="200">
<h3>Yahya Efe Kuruçay</h3>
<a href="https://efekurucay.com" target="_blank" class="team-link">
<i class="fas fa-globe"></i> efekurucay.com
</a>
</div>
<div class="team-member" data-aos="fade-up" data-aos-delay="300">
<h3>Musa Talat DEMİR</h3>
</div>
<div class="team-advisor" data-aos="fade-up" data-aos-delay="400">
<h3>Prof. Dr. Melih Günay</h3>
<p>Danışman</p>
</div>
</div>
</div>
</section>
<footer id="contact" class="footer">
<div class="container">
<div class="contact-info">
<h2>İletişim</h2>
<p>Akdeniz Üniversitesi<br>Mühendislik Fakültesi<br>Bilgisayar Mühendisliği Bölümü</p>
<div class="social-links">
<a href="https://instagram.com/agrotopya" target="_blank" class="social-link">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
<div class="footer-links">
<a href="#home">Ana Sayfa</a>
<a href="#about">Hakkımızda</a>
<a href="#features">Özellikler</a>
<a href="#team">Ekip</a>
</div>
</div>
</footer>
<button id="scrollToTop" class="scroll-to-top">
<i class="fas fa-arrow-up"></i>
</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="js/main.js"></script>
</body>
</html>