File "index (5).html"
Full path: /var/www/katalog-mo.net/public_html/wp-includes/wp-20261021100620/index (5).html
File
size: 13.39 B
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor &nnbsp; Back
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Грош Польша - Домашняя страница</title>
<style>
:root {
--primary: #DC143C; /* Crimson Poland Red */
--primary-dark: #A90E2D;
--secondary: #1E293B; /* Deep Slate */
--accent: #F59E0B; /* Warm Amber Gold */
--bg-light: #F8FAFC;
--text-main: #334155;
--text-light: #64748B;
--white: #FFFFFF;
--card-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
--nav-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: var(--bg-light);
color: var(--text-main);
line-height: 1.6;
}
/* Navigation */
nav {
background-color: var(--white);
box-shadow: var(--nav-shadow);
position: sticky;
top: 0;
z-index: 100;
}
.nav-container {
max-width: 1200px;
margin: 0 auto;
padding: 1rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.5rem;
font-weight: 700;
color: var(--secondary);
display: flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
}
.logo span {
color: var(--primary);
}
.nav-links {
display: flex;
gap: 2rem;
list-style: none;
}
.nav-links a {
text-decoration: none;
color: var(--text-main);
font-weight: 500;
transition: color 0.3s;
}
.nav-links a:hover {
color: var(--primary);
}
.btn-nav {
background-color: var(--primary);
color: var(--white) !important;
padding: 0.5rem 1.25rem;
border-radius: 50px;
transition: background-color 0.3s !important;
}
.btn-nav:hover {
background-color: var(--primary-dark);
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, #FFF5F5 0%, #FFFFFF 100%);
padding: 6rem 2rem;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: -20%;
right: -10%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(220,20,60,0.05) 0%, rgba(255,255,255,0) 70%);
border-radius: 50%;
z-index: 1;
}
.hero-container {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
position: relative;
z-index: 2;
}
.hero-content h1 {
font-size: 3.5rem;
color: var(--secondary);
line-height: 1.2;
margin-bottom: 1.5rem;
}
.hero-content h1 span {
color: var(--primary);
position: relative;
}
.hero-content p {
font-size: 1.2rem;
color: var(--text-light);
margin-bottom: 2.5rem;
max-width: 540px;
}
.cta-group {
display: flex;
gap: 1rem;
}
.btn {
display: inline-block;
padding: 0.75rem 2rem;
border-radius: 8px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s;
cursor: pointer;
}
.btn-primary {
background-color: var(--primary);
color: var(--white);
box-shadow: 0 4px 14px rgba(220, 20, 60, 0.3);
}
.btn-primary:hover {
background-color: var(--primary-dark);
transform: translateY(-2px);
}
.btn-secondary {
background-color: transparent;
color: var(--secondary);
border: 2px solid var(--secondary);
}
.btn-secondary:hover {
background-color: var(--secondary);
color: var(--white);
transform: translateY(-2px);
}
/* Features Section */
.features {
max-width: 1200px;
margin: -4rem auto 6rem auto;
padding: 0 2rem;
position: relative;
z-index: 10;
}
.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.feature-card {
background-color: var(--white);
padding: 2.5rem;
border-radius: 16px;
box-shadow: var(--card-shadow);
transition: transform 0.3s, box-shadow 0.3s;
border-top: 4px solid transparent;
}
.feature-card:hover {
transform: translateY(-5px);
border-top: 4px solid var(--primary);
}
.feature-icon {
width: 60px;
height: 60px;
background-color: #FFF0F2;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
}
.feature-icon svg {
width: 30px;
height: 30px;
fill: var(--primary);
}
.feature-card h3 {
font-size: 1.35rem;
color: var(--secondary);
margin-bottom: 0.75rem;
}
.feature-card p {
color: var(--text-light);
font-size: 0.95rem;
}
/* Dynamic Visual Block */
.hero-visual {
background: var(--white);
border-radius: 24px;
padding: 2rem;
box-shadow: var(--card-shadow);
border: 1px solid rgba(0,0,0,0.05);
}
.stats-box {
background: var(--secondary);
color: var(--white);
padding: 1.5rem;
border-radius: 16px;
margin-bottom: 1.5rem;
}
.stats-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.stats-val {
font-size: 1.8rem;
font-weight: 700;
color: var(--accent);
}
.currency-table {
width: 100%;
border-collapse: collapse;
}
.currency-table th, .currency-table td {
padding: 0.75rem 1rem;
text-align: left;
border-bottom: 1px solid #E2E8F0;
}
.currency-table th {
color: var(--text-light);
font-weight: 600;
font-size: 0.85rem;
}
.trend-up {
color: #10B981;
font-weight: 600;
}
/* Footer */
footer {
background-color: var(--secondary);
color: #94A3B8;
padding: 3rem 2rem;
text-align: center;
font-size: 0.9rem;
border-top: 4px solid var(--primary);
}
/* Responsive Design */
@media (max-width: 968px) {
.hero-container {
grid-template-columns: 1fr;
gap: 3rem;
text-align: center;
}
.hero-content p {
margin: 0 auto 2.5rem auto;
}
.cta-group {
justify-content: center;
}
.features-grid {
grid-template-columns: 1fr;
}
.features {
margin-top: 2rem;
}
}
</style>
</head>
<body>
<!-- Навигация -->
<nav>
<div class="nav-container">
<a href="#" class="logo">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="10" stroke="#DC143C" stroke-width="2"/>
<path d="M12 6V18M9 9H13.5C14.8807 9 16 10.1193 16 11.5C16 12.8807 14.8807 14 13.5 14H9" stroke="#DC143C" stroke-width="2" stroke-linecap="round"/>
</svg>
Грош<span>Польша</span>
</a>
<ul class="nav-links">
<li><a href="#">Главная</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Курсы валют</a></li>
<li><a href="#" class="btn-nav">Войти</a></li>
</ul>
</div>
</nav>
<!-- Главный экран -->
<header class="hero">
<div class="hero-container">
<div class="hero-content">
<h1>Ваш надежный гид в мире <span>финансов Польши</span></h1>
<p>Актуальные курсы валют, глубокая аналитика рынка, инвестиционные советы и финансовые инструменты для экспатов и бизнеса в Польше.</p>
<div class="cta-group">
<a href="#" class="btn btn-primary">Начать бесплатно</a>
<a href="#" class="btn btn-secondary">Узнать больше</a>
</div>
</div>
<div class="hero-visual">
<div class="stats-box">
<div class="stats-row">
<div>
<p style="font-size: 0.85rem; opacity: 0.8;">Текущий курс PLN/USD</p>
<p class="stats-val">4.02 PLN</p>
</div>
<span class="trend-up">▲ +0.45%</span>
</div>
</div>
<table class="currency-table">
<thead>
<tr>
<th>Валюта</th>
<th>Покупка</th>
<th>Продажа</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>EUR/PLN</strong></td>
<td>4.32</td>
<td>4.35</td>
</tr>
<tr>
<td><strong>USD/PLN</strong></td>
<td>4.01</td>
<td>4.04</td>
</tr>
<tr>
<td><strong>UAH/PLN</strong></td>
<td>0.098</td>
<td>0.102</td>
</tr>
</tbody>
</table>
</div>
</div>
</header>
<!-- Преимущества -->
<section class="features">
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H7c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.04-.42 1.99-1.07 2.75z"/></svg>
</div>
<h3>Онлайн Мониторинг</h3>
<p>Отслеживайте изменения курса польского злотого в реальном времени с точностью до секунды.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg>
</div>
<h3>Умная Аналитика</h3>
<p>Прогнозы экспертов и интерактивные графики для принятия правильных финансовых решений.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
</div>
<h3>Безопасность</h3>
<p>Ваши данные под надежной защитой современных протоколов шифрования банковского уровня.</p>
</div>
</div>
</section>
<!-- Подвал -->
<footer>
<p>© 2026 Грош Польша. Все права защищены. Финансовые услуги на территории Польши.</p>
</footer>
</body>
</html>