diff --git a/main_dc/stubSite/index.html b/main_dc/stubSite/index.html
index 3315a38..6ff0df3 100644
--- a/main_dc/stubSite/index.html
+++ b/main_dc/stubSite/index.html
@@ -1,36 +1,134 @@
-
+
-
Идут технические работы
-
Сайт временно недоступен. Мы работаем над улучшением сервиса.
-
Попробуйте зайти позже.
-
С уважением, команда ValitovGaziz
-
telegram: @valitovgaziz
-
email: valitovgaziz@yandex.ru
+
+
+
ValitovGaziz
+
Технологический предприниматель & Fullstack-разработчик
+
+
+
🔧
+
+
Идут плановые технические работы
+
+
+ Сайт временно недоступен. Мы работаем над улучшением сервиса и скоро вернемся!
+
+
+
+ Примерное время восстановления: 60:00
+
+
+
+
Прогресс обновлений:
+
+
+
+
+
Что происходит сейчас?
+
Мы обновляем инфраструктуру, улучшаем производительность и добавляем новые функции для лучшего пользовательского опыта.
+
+
+
+
Мой главный проект: Yalarba.ru
+
Платформа для планирования путешествий нового поколения, которая меняет подход к путешествиям по Башкортостану.
+
Технологии: Nuxt.js 4, Vue3.js, Golang, PostgreSQL, Docker
+
+
+
+
Golang
+
Vue3.js
+
Nuxt.js
+
PostgreSQL
+
Docker
+
JavaScript
+
+
+
+
+
+
+
+
Ищем талантливых людей!
+
В данный момент формируем команду для развития проектов. Нужны программисты, дизайнеры и аналитики.
+
Присоединиться к команде
+
+
+
+
+
\ No newline at end of file
diff --git a/main_dc/stubSite/style.css b/main_dc/stubSite/style.css
new file mode 100644
index 0000000..ce8e878
--- /dev/null
+++ b/main_dc/stubSite/style.css
@@ -0,0 +1,292 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+ color: #333;
+ min-height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 20px;
+ line-height: 1.6;
+}
+
+.maintenance-container {
+ background: rgba(255, 255, 255, 0.95);
+ border-radius: 20px;
+ padding: 40px;
+ max-width: 800px;
+ width: 100%;
+ box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+ text-align: center;
+ position: relative;
+ overflow: hidden;
+}
+
+.maintenance-container::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 5px;
+ background: linear-gradient(90deg, #667eea, #764ba2, #f093fb);
+}
+
+.logo {
+ margin-bottom: 30px;
+}
+
+.logo h1 {
+ color: #333;
+ font-size: 2.5em;
+ margin-bottom: 5px;
+ background: linear-gradient(90deg, #667eea, #764ba2);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ font-weight: 800;
+}
+
+.logo .subtitle {
+ color: #666;
+ font-size: 1.2em;
+ font-weight: 300;
+}
+
+.status-icon {
+ font-size: 80px;
+ margin: 20px 0;
+ color: #667eea;
+ animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+
+ 0%,
+ 100% {
+ transform: scale(1);
+ }
+
+ 50% {
+ transform: scale(1.1);
+ }
+}
+
+h2 {
+ color: #333;
+ margin-bottom: 20px;
+ font-size: 2em;
+}
+
+.status-message {
+ background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+ color: white;
+ padding: 15px;
+ border-radius: 10px;
+ margin: 25px 0;
+ font-weight: 600;
+ font-size: 1.1em;
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+}
+
+.info-box {
+ background: #f8f9fa;
+ border-left: 4px solid #667eea;
+ padding: 20px;
+ margin: 25px 0;
+ text-align: left;
+ border-radius: 0 10px 10px 0;
+}
+
+.info-box h3 {
+ color: #333;
+ margin-bottom: 10px;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.info-box h3::before {
+ content: "💡";
+}
+
+.project-highlight {
+ background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+ color: white;
+ padding: 20px;
+ border-radius: 15px;
+ margin: 25px 0;
+ text-align: left;
+}
+
+.project-highlight h3 {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ margin-bottom: 15px;
+}
+
+.project-highlight h3::before {
+ content: "🚀";
+}
+
+.contact-info {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 20px;
+ margin: 30px 0;
+ text-align: left;
+}
+
+.contact-card {
+ background: white;
+ padding: 20px;
+ border-radius: 10px;
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+ transition: transform 0.3s;
+}
+
+.contact-card:hover {
+ transform: translateY(-5px);
+}
+
+.contact-card h4 {
+ color: #667eea;
+ margin-bottom: 10px;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.social-links {
+ display: flex;
+ justify-content: center;
+ gap: 20px;
+ margin: 30px 0;
+}
+
+.social-link {
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ background: #667eea;
+ color: white;
+ padding: 12px 25px;
+ border-radius: 50px;
+ text-decoration: none;
+ font-weight: 600;
+ transition: all 0.3s;
+}
+
+.social-link:hover {
+ background: #764ba2;
+ transform: translateY(-3px);
+}
+
+.progress-container {
+ margin: 30px 0;
+}
+
+.progress-bar {
+ height: 8px;
+ background: #e9ecef;
+ border-radius: 4px;
+ overflow: hidden;
+ margin-top: 10px;
+}
+
+.progress {
+ height: 100%;
+ background: linear-gradient(90deg, #667eea, #764ba2);
+ width: 75%;
+ border-radius: 4px;
+ animation: loading 2s ease-in-out infinite;
+}
+
+@keyframes loading {
+
+ 0%,
+ 100% {
+ width: 70%;
+ }
+
+ 50% {
+ width: 80%;
+ }
+}
+
+.countdown {
+ font-size: 1.5em;
+ color: #333;
+ font-weight: 700;
+ margin: 20px 0;
+ font-family: monospace;
+}
+
+.skills-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+ gap: 15px;
+ margin: 25px 0;
+}
+
+.skill-tag {
+ background: #f1f3ff;
+ color: #667eea;
+ padding: 10px 15px;
+ border-radius: 25px;
+ font-size: 0.9em;
+ font-weight: 600;
+ border: 2px solid #667eea;
+}
+
+.footer-note {
+ margin-top: 40px;
+ padding-top: 20px;
+ border-top: 1px solid #eee;
+ color: #666;
+ font-size: 0.9em;
+}
+
+.btn {
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+ color: white;
+ border: none;
+ padding: 15px 35px;
+ border-radius: 50px;
+ font-size: 1em;
+ font-weight: 600;
+ cursor: pointer;
+ transition: all 0.3s;
+ margin: 10px;
+ display: inline-block;
+ text-decoration: none;
+}
+
+.btn:hover {
+ transform: translateY(-3px);
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
+}
+
+@media (max-width: 768px) {
+ .maintenance-container {
+ padding: 25px;
+ }
+
+ .logo h1 {
+ font-size: 2em;
+ }
+
+ .contact-info {
+ grid-template-columns: 1fr;
+ }
+
+ .skills-grid {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
\ No newline at end of file