diff --git a/src/main/java/org/ccalm/main/MainController.java b/src/main/java/org/ccalm/main/MainController.java
index 92da510..a7e9806 100644
--- a/src/main/java/org/ccalm/main/MainController.java
+++ b/src/main/java/org/ccalm/main/MainController.java
@@ -1,12 +1,10 @@
 package org.ccalm.main;
 
-import java.io.FileInputStream;
 import java.io.IOException;
 import java.sql.*;
 import java.util.List;
 import java.util.Locale;
 import java.util.Properties;
-import java.util.Set;
 import java.util.concurrent.TimeUnit;
 
 //import javax.servlet.ServletContext;
@@ -21,7 +19,6 @@ import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.dao.DataAccessException;
 import org.springframework.http.CacheControl;
-import org.springframework.jdbc.core.JdbcTemplate;
 import org.springframework.jdbc.core.namedparam.MapSqlParameterSource;
 import org.springframework.jdbc.core.namedparam.NamedParameterJdbcTemplate;
 import org.springframework.stereotype.Controller;
@@ -30,7 +27,6 @@ import org.springframework.web.bind.annotation.*;
 import org.springframework.web.context.ServletContextAware;
 
 
-import org.ccalm.main.TranslationUtils;
 import tools.DBTools;
 import tools.User;
 
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index fdc8c78..68f158e 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -1,97 +1,382 @@
-<html>
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <link rel="shortcut icon" href="./resources/favicon.ico" />
-        <title>Automated system of data collection</title>
-        <meta name="yandex-verification" content="2cb5374be0668fe9" />
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Caucasus and Central Asia Locust Management System (CCALM) - A sophisticated system for monitoring and analysing locust populations in the CCA region using GIS and remote sensing.">
+    <meta name="keywords" content="CCALM, Locust Management, Caucasus, Central Asia, Agriculture, Pest Control, GIS, Remote Sensing, Environmental Monitoring, FAO">
+    <meta name="author" content="CCALM">
 
-		<script src="../resources/metadata/dbms/tools.js?v=9"></script>
-		<script src="../resources/metadata/dbms/window.js?v=10"></script>
+    <title>Caucasus and Central Asia Locust Management System (CCALM)</title>
+
+    <!-- Favicon -->
+    <link rel="icon" href="https://ccalm.org/resources/images/locust.png" type="image/x-icon">
+
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Phosphor Icons -->
+    <script src="https://unpkg.com/@phosphor-icons/web"></script>
+
+    <!-- Tailwind CSS -->
+    <script src="https://cdn.tailwindcss.com"></script>
+
+    <style>
+        /* Define custom properties (CSS variables) for a consistent and maintainable theme */
+        :root {
+            /* These will be populated by JavaScript from the config object */
+        }
+
+        /* Base body styling */
+        body {
+            font-family: var(--font-primary);
+            background-color: var(--color-bg-core);
+            color: #374151; /* A neutral, dark grey for text */
+            scroll-behavior: smooth;
+        }
+
+        /* Header with a single green background color */
+        .wave-header {
+            background: var(--color-wave-3); /* Single green line as requested */
+            position: relative;
+            color: var(--color-text-on-wave);
+        }
         
-        <meta name="description" content="According to the implementation of the Road Map program to improve national and regional locust control in the Caucasus and Central Asia (CCA) developed a system of monitoring and analysis designed to control locusts in the CCA using a geographic information system and remote sensing technology">
+        /* A more refined SVG wave shape for a sophisticated transition */
+        .wave-header::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100px; /* Adjusted wave height */
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23F8F7F2' fill-opacity='1' d='M0,224L1440,128L1440,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            background-size: cover;
+            background-position: bottom;
+            transform: translateY(1px); /* Prevents rendering gaps */
+        }
 
-		<style type="text/css">
-			html,body
-			{
-				height:100%;
-				min-height:100%;
-				margin:0px;
-				padding:0px;
-				text-align:center;
-				background-color: #f0f0f0;
-			}
-			.content
-			{
-				max-width:960px;
-				height:100%;
-				min-height:100%;
-				margin:0 auto;
-				text-align:left;
-				background-color: #ffffff;
-			}
-		</style>
-		<script type="text/javascript">
+        /* Enhanced button styling for a more interactive feel */
+        .btn-custom {
+            background-color: var(--color-button);
+            color: white;
+            font-weight: 600;
+            padding: 0.85rem 2.5rem; /* Slightly larger padding */
+            border-radius: 0.5rem;
+            transition: all 0.3s ease;
+            display: inline-block;
+            text-decoration: none;
+            box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
+        }
 
-			function setCookie (name, value, expires, path, domain, secure)
-			{
-				var exdate=new Date();
-				exdate.setDate(exdate.getDate() + expires);
-				expires=exdate.toUTCString()
+        .btn-custom:hover {
+            background-color: var(--color-button-hover);
+            transform: translateY(-3px) scale(1.03);
+            box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.15);
+        }
+        
+        /* Enhanced card styling with improved shadows and hover effects */
+        .info-card {
+            background-color: white;
+            border: 1px solid #E5E7EB;
+            border-radius: 0.75rem;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03), 0 2px 4px -2px rgba(0, 0, 0, 0.03);
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+        }
+        
+        .info-card:hover {
+            transform: translateY(-8px);
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -4px rgba(0, 0, 0, 0.07);
+        }
 
-				document.cookie = name + "=" + escape(value) +
-					((expires) ? "; expires=" + expires : "") +
-					((path) ? "; path=" + path : "") +
-					((domain) ? "; domain=" + domain : "") +
-					((secure) ? "; secure" : "");
-			}
+        /* Styling for the icon container within the cards */
+        .icon-container {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: #f0fdf4; /* A very light green */
+            color: var(--color-button);
+            transition: all 0.3s ease;
+        }
 
-			if(window.location.host.indexOf('locust.kz')>=0){
-				window.location.href = "ccalm.org";
-			}
+        .info-card:hover .icon-container {
+            background-color: var(--color-button);
+            color: white;
+            transform: scale(1.1);
+        }
 
-			document.addEventListener('DOMContentLoaded', () => {
-				const url = new URL(window.location.href);
-				const message = url.searchParams.get('msg');
-				if (message) {
-					alert2(trt('Alert'),trt(message));
-					url.searchParams.delete('msg');
-					window.history.replaceState({}, document.title, url);
-				}
-			});
+        /* Animation classes for scroll-triggered fade-in effects */
+        .fade-in-section {
+            opacity: 0;
+            transform: translateY(20px);
+            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
+        }
 
-		</script>
-    </head>
-    <body>
+        .fade-in-section.is-visible {
+            opacity: 1;
+            transform: translateY(0);
+        }
 
-		<div class='content'>
+        /* Language selector styling */
+        .language-selector {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+            z-index: 50;
+        }
 
-			<div style="padding: 5px; background-color: #ffa100;"><table cellspacing="0" cellpadding="0" border="0" style="width: 100%"><tr><td style="width: 50px;"><a href="/"><img src="./resources/images/locust.png" style="width: 70px;"></a></td><td style="text-align: right; vertical-align: top;"><!--a href="#" onclick="setCookie ('lng', 'en', 365, '', '', ''); window.location.reload();">English</a--></td></tr></table></div>
+        .language-button {
+            background: rgba(255, 255, 255, 0.9);
+            border: 1px solid rgba(255, 255, 255, 0.3);
+            border-radius: 0.5rem;
+            padding: 0.5rem 1rem;
+            color: #374151;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
 
-			<div style="padding: 5px;">
-				<h1 style="text-align: center;">Caucasus and Central Asia Locusts Management system (CCALM)</h1>
-				<p style="font-size: 14pt; text-indent: 25px;">
-					<img src="./resources/images/locust.png" align="right" style="margin: 5px;">
-					According to the implementation of the Road Map "program to improve national and regional locust control in the Caucasus and Central Asia (CCA)" developed a system of monitoring and analysis designed to control locusts in the CCA using a geographic information system and remote sensing technology.
-				</p>
+        .language-button:hover {
+            background: rgba(255, 255, 255, 1);
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
 
-				<!--p style="font-size: 14pt; text-indent: 25px;">
-					To use the "Automated system of data collection" you have to agree to the <a href="#">terms</a> and <a href="#">sign up</a>.
-				<p-->
+        .language-button.active {
+            background: var(--color-button);
+            color: white;
+        }
+    </style>
+</head>
+<body class="antialiased">
 
-				<center>
-					<table border="0"><tr><td style="width: 300px; padding: 20px">
-						<a target="_blank" href="https://play.google.com/store/apps/details?id=kz.istt.locust"><center>Automated system of data collection (ASDC)<br>
-						<img src="./resources/images/google_android_download.png"></center></a>
-					</td><td style="width: 300px; padding: 20px">
-						<a href="#" onclick="window.open('./engine'); return false;"><center>Caucasus and Central Asia Locusts Management system (CCALM)<br>
-						<img src="./resources/images/flex.png"></center></a>
-					</td></tr></table>
-				</center>
+    <!-- 
+      Website configuration object.
+      All user-facing text, colors, fonts, and URLs are defined here.
+      This makes the site easily editable without touching the HTML structure.
+    -->
+    <script>
+        const config = {
+            // Text content
+            en: {
+                title: "Caucasus and Central Asia Locust Management System (CCALM)",
+                introText: `The Automated System for Data Collection (ASDC) and the Geographic Information System (GIS) "Caucasus and Central Asia Locust Management System (CCALM)" were created as part of the "Programme to improve national and regional locust management in Caucasus and Central Asia (CCA)", implemented by the Food and Agriculture Organization (FAO) of the United Nations to the benefit of ten countries. Used on tablets or smartphones, ASDC allows field data collection during locust survey and control and near real-time transmission to the GIS. CCALM, filled with ASDC data and other sources (satellite products), aims at improving analysis, forecasting and reporting at national and regional levels and as such contributes to early warning and early reaction.`,
+                card1: {
+                    title: "Automated System for Data Collection (ASDC)",
+                    buttonText: "Download ASDC"
+                },
+                card2: {
+                    title: "Caucasus and Central Asia Locust Management System (CCALM)",
+                    buttonText: "Access CCALM"
+                },
+                footer: {
+                    contactTitle: "Contact Us",
+                    phone: "Tel 8(727)3967038",
+                    email: "info@ccalm.org",
+                    copyrightYear: "2025"
+                }
+            },
+            ru: {
+                title: "Система управления саранчовыми на Кавказе и в Центральной Азии (CCALM)",
+                introText: `Автоматизированная система сбора данных (ASDC) и геоинформационная система (ГИС) "Система управления саранчовыми на Кавказе и в Центральной Азии (CCALM)" были созданы в рамках "Программы по улучшению национальной и региональной борьбы с саранчой на Кавказе и в Центральной Азии (КЦА)", реализуемой Продовольственной и сельскохозяйственной организацией Объединенных Наций (ФАО) в интересах десяти стран. Используемая на планшетах или смартфонах, ASDC позволяет собирать полевые данные во время обследования и борьбы с саранчой и передавать их в ГИС практически в режиме реального времени. CCALM, наполненный данными ASDC и других источников (спутниковые продукты), призван улучшить анализ, прогнозирование и отчетность на национальном и региональном уровнях и, таким образом, способствовать раннему предупреждению и раннему реагированию.`,
+                card1: {
+                    title: "Автоматизированная система сбора данных (ASDC)",
+                    buttonText: "Скачать ASDC"
+                },
+                card2: {
+                    title: "Система управления саранчовыми на Кавказе и в Центральной Азии (CCALM)",
+                    buttonText: "Доступ к CCALM"
+                },
+                footer: {
+                    contactTitle: "Контакты:",
+                    phone: "Тел.: 8(727)3967038",
+                    email: "info@ccalm.org",
+                    copyrightYear: "2025"
+                }
+            },
+            // URLs for buttons and links
+            urls: {
+                asdc: "https://play.google.com/store/apps/details?id=kz.istt.locust",
+                ccalm: "/engine",
+                phone: "tel:+77273967038",
+                email: "mailto:info@ccalm.org"
+            },
+            // Style configuration
+            styles: {
+                fontPrimary: "'EB Garamond', serif",
+                colors: {
+                    button: "#16A34A",
+                    buttonHover: "#15803D", // Darker shade for hover
+                    wave1: "#5D7958", // Bottom wave color
+                    wave2: "#6F876E", // Middle wave color
+                    wave3: "#8B9E8D", // Top wave color
+                    textOnWave: "#EEF0EE",
+                    bgCore: "#F8F7F2",
+                    bgFooter: "#1F2937"
+                }
+            }
+        };
 
-				<br>
-				<center>For any questions contact us at tel./Fax 8(727)3967038, E-mail: <a href="mailto:info@ccalm.org">info@ccalm.org</a>.</center>
+        // Current language state
+        let currentLanguage = 'en';
 
-			</div>
-		</div>
-    </body>
-</html>
\ No newline at end of file
+        // This function applies styles from the config object to CSS custom properties (variables)
+        function applyStyles() {
+            const root = document.documentElement;
+            root.style.setProperty('--font-primary', config.styles.fontPrimary);
+            root.style.setProperty('--color-button', config.styles.colors.button);
+            root.style.setProperty('--color-button-hover', config.styles.colors.buttonHover);
+            root.style.setProperty('--color-wave-1', config.styles.colors.wave1);
+            root.style.setProperty('--color-wave-2', config.styles.colors.wave2);
+            root.style.setProperty('--color-wave-3', config.styles.colors.wave3);
+            root.style.setProperty('--color-text-on-wave', config.styles.colors.textOnWave);
+            root.style.setProperty('--color-bg-core', config.styles.colors.bgCore);
+            root.style.setProperty('--color-bg-footer', config.styles.colors.bgFooter);
+        }
+
+        // This function populates the DOM with content from the config object
+        function populateContent() {
+            const content = config[currentLanguage];
+            document.getElementById('main-title').textContent = content.title;
+            document.title = content.title;
+            document.getElementById('intro-text').textContent = content.introText;
+            document.getElementById('card1-title').textContent = content.card1.title;
+            const card1Btn = document.getElementById('card1-button');
+            card1Btn.textContent = content.card1.buttonText;
+            card1Btn.href = config.urls.asdc;
+            document.getElementById('card2-title').textContent = content.card2.title;
+            const card2Btn = document.getElementById('card2-button');
+            card2Btn.textContent = content.card2.buttonText;
+            card2Btn.href = config.urls.ccalm;
+            document.getElementById('footer-contact-title').textContent = content.footer.contactTitle;
+            const footerPhone = document.getElementById('footer-phone');
+            footerPhone.textContent = content.footer.phone;
+            footerPhone.href = config.urls.phone;
+            const footerEmail = document.getElementById('footer-email');
+            footerEmail.textContent = content.footer.email;
+            footerEmail.href = config.urls.email;
+            document.getElementById('copyright-notice').textContent = `© ${content.footer.copyrightYear} CCALM. All Rights Reserved.`;
+        }
+
+        // This function switches between languages
+        function switchLanguage(lang) {
+            currentLanguage = lang;
+            populateContent();
+            
+            // Update active button
+            document.querySelectorAll('.language-button').forEach(btn => {
+                btn.classList.remove('active');
+            });
+            document.getElementById(`lang-${lang}`).classList.add('active');
+        }
+
+        // This function sets up the Intersection Observer for scroll animations
+        function setupScrollAnimations() {
+            const sections = document.querySelectorAll('.fade-in-section');
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        entry.target.classList.add('is-visible');
+                    }
+                });
+            }, {
+                threshold: 0.1 // Trigger when 10% of the element is visible
+            });
+
+            sections.forEach(section => {
+                observer.observe(section);
+            });
+        }
+
+        // Run all setup functions when the DOM is fully loaded
+        document.addEventListener('DOMContentLoaded', () => {
+            applyStyles();
+            populateContent();
+            setupScrollAnimations();
+        });
+    </script>
+
+    <!-- Language Selector -->
+    <div class="language-selector">
+        <button id="lang-en" class="language-button active" onclick="switchLanguage('en')">
+            🇬🇧 English
+        </button>
+        <button id="lang-ru" class="language-button" onclick="switchLanguage('ru')">
+            🇷🇺 Русский
+        </button>
+    </div>
+
+    <!-- Header Section -->
+    <header class="wave-header pb-28 pt-10">
+        <div class="container mx-auto px-6 text-center">
+            <div class="inline-block bg-white/95 backdrop-blur-md p-6 md:p-10 rounded-xl shadow-2xl">
+                <h1 id="main-title" class="text-3xl md:text-5xl font-bold text-gray-800"></h1>
+            </div>
+        </div>
+    </header>
+
+    <!-- Main Content Section -->
+    <main class="pb-16 md:pb-20">
+        <div class="container mx-auto px-6">
+            
+            <!-- Introductory Text -->
+            <section class="max-w-4xl mx-auto text-center mb-8 md:mb-12 fade-in-section -mt-16 relative z-10">
+                <div class="bg-white p-10 rounded-lg shadow-lg">
+                    <p id="intro-text" class="text-lg md:text-xl leading-relaxed text-gray-600"></p>
+                </div>
+            </section>
+
+            <!-- Feature Cards Section -->
+            <section class="grid grid-cols-1 md:grid-cols-2 gap-10 lg:gap-16 max-w-5xl mx-auto fade-in-section">
+                
+                <!-- Card 1: Automated System -->
+                <div class="info-card flex flex-col items-center p-8 text-center">
+                    <div class="icon-container mb-6">
+                        <i class="ph-bold ph-device-tablet text-5xl"></i>
+                    </div>
+                    <h2 id="card1-title" class="text-xl font-semibold text-gray-700 mb-6 flex-grow"></h2>
+                    <a id="card1-button" href="#" class="btn-custom mt-auto" target="_blank"></a>
+                </div>
+
+                <!-- Card 2: Management System -->
+                <div class="info-card flex flex-col items-center p-8 text-center">
+                    <div class="icon-container mb-6">
+                        <i class="ph-bold ph-desktop-tower text-5xl"></i>
+                    </div>
+                    <h2 id="card2-title" class="text-xl font-semibold text-gray-700 mb-6 flex-grow"></h2>
+                    <a id="card2-button" href="#" class="btn-custom mt-auto"  target="_blank"></a>
+                </div>
+
+            </section>
+        </div>
+    </main>
+
+    <!-- Footer Section -->
+    <footer style="background-color: var(--color-bg-footer);" class="text-gray-300 py-12">
+        <div class="container mx-auto px-6 text-center">
+            <h3 id="footer-contact-title" class="text-2xl font-semibold mb-6 text-white"></h3>
+            <div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-8 text-lg">
+                <a id="footer-phone" href="#" class="flex items-center space-x-3 hover:text-white transition-colors duration-300"  target="_blank">
+                    <i class="ph ph-phone"></i>
+                    <span></span>
+                </a>
+                <a id="footer-email" href="#" class="flex items-center space-x-3 hover:text-white transition-colors duration-300"  target="_blank">
+                    <i class="ph ph-envelope-simple"></i>
+                    <span></span>
+                </a>
+            </div>
+            <div class="mt-10 border-t border-gray-700 pt-6">
+                <p id="copyright-notice" class="text-sm text-gray-500"></p>
+            </div>
+        </div>
+    </footer>
+
+</body>
+</html>
diff --git a/src/main/resources/templates/index_old.html b/src/main/resources/templates/index_old.html
new file mode 100644
index 0000000..fdc8c78
--- /dev/null
+++ b/src/main/resources/templates/index_old.html
@@ -0,0 +1,97 @@
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <link rel="shortcut icon" href="./resources/favicon.ico" />
+        <title>Automated system of data collection</title>
+        <meta name="yandex-verification" content="2cb5374be0668fe9" />
+
+		<script src="../resources/metadata/dbms/tools.js?v=9"></script>
+		<script src="../resources/metadata/dbms/window.js?v=10"></script>
+        
+        <meta name="description" content="According to the implementation of the Road Map program to improve national and regional locust control in the Caucasus and Central Asia (CCA) developed a system of monitoring and analysis designed to control locusts in the CCA using a geographic information system and remote sensing technology">
+
+		<style type="text/css">
+			html,body
+			{
+				height:100%;
+				min-height:100%;
+				margin:0px;
+				padding:0px;
+				text-align:center;
+				background-color: #f0f0f0;
+			}
+			.content
+			{
+				max-width:960px;
+				height:100%;
+				min-height:100%;
+				margin:0 auto;
+				text-align:left;
+				background-color: #ffffff;
+			}
+		</style>
+		<script type="text/javascript">
+
+			function setCookie (name, value, expires, path, domain, secure)
+			{
+				var exdate=new Date();
+				exdate.setDate(exdate.getDate() + expires);
+				expires=exdate.toUTCString()
+
+				document.cookie = name + "=" + escape(value) +
+					((expires) ? "; expires=" + expires : "") +
+					((path) ? "; path=" + path : "") +
+					((domain) ? "; domain=" + domain : "") +
+					((secure) ? "; secure" : "");
+			}
+
+			if(window.location.host.indexOf('locust.kz')>=0){
+				window.location.href = "ccalm.org";
+			}
+
+			document.addEventListener('DOMContentLoaded', () => {
+				const url = new URL(window.location.href);
+				const message = url.searchParams.get('msg');
+				if (message) {
+					alert2(trt('Alert'),trt(message));
+					url.searchParams.delete('msg');
+					window.history.replaceState({}, document.title, url);
+				}
+			});
+
+		</script>
+    </head>
+    <body>
+
+		<div class='content'>
+
+			<div style="padding: 5px; background-color: #ffa100;"><table cellspacing="0" cellpadding="0" border="0" style="width: 100%"><tr><td style="width: 50px;"><a href="/"><img src="./resources/images/locust.png" style="width: 70px;"></a></td><td style="text-align: right; vertical-align: top;"><!--a href="#" onclick="setCookie ('lng', 'en', 365, '', '', ''); window.location.reload();">English</a--></td></tr></table></div>
+
+			<div style="padding: 5px;">
+				<h1 style="text-align: center;">Caucasus and Central Asia Locusts Management system (CCALM)</h1>
+				<p style="font-size: 14pt; text-indent: 25px;">
+					<img src="./resources/images/locust.png" align="right" style="margin: 5px;">
+					According to the implementation of the Road Map "program to improve national and regional locust control in the Caucasus and Central Asia (CCA)" developed a system of monitoring and analysis designed to control locusts in the CCA using a geographic information system and remote sensing technology.
+				</p>
+
+				<!--p style="font-size: 14pt; text-indent: 25px;">
+					To use the "Automated system of data collection" you have to agree to the <a href="#">terms</a> and <a href="#">sign up</a>.
+				<p-->
+
+				<center>
+					<table border="0"><tr><td style="width: 300px; padding: 20px">
+						<a target="_blank" href="https://play.google.com/store/apps/details?id=kz.istt.locust"><center>Automated system of data collection (ASDC)<br>
+						<img src="./resources/images/google_android_download.png"></center></a>
+					</td><td style="width: 300px; padding: 20px">
+						<a href="#" onclick="window.open('./engine'); return false;"><center>Caucasus and Central Asia Locusts Management system (CCALM)<br>
+						<img src="./resources/images/flex.png"></center></a>
+					</td></tr></table>
+				</center>
+
+				<br>
+				<center>For any questions contact us at tel./Fax 8(727)3967038, E-mail: <a href="mailto:info@ccalm.org">info@ccalm.org</a>.</center>
+
+			</div>
+		</div>
+    </body>
+</html>
\ No newline at end of file
