Your IP : 216.73.217.78
<!doctype html>
<html amp lang="lv">
<head>
<meta charset="utf-8">
<title>SEO speciālists: Anatolijs Čalijs. SEO Optimizācija un Pakalpojumi</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
<noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<script async src="https://cdn.ampproject.org/v0/amp-carousel-0.2.js" custom-element="amp-carousel"></script>
<script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="canonical" href="https://www.seo-specialists.lv" />
<meta name="description" content="Pieredzējis SEO speciālists Anatolijs Čalijs piedāvā pilna spektra SEO optimizācijas un digitālā mārketinga pakalpojumus, lai uzlabotu Jūsu vietnes pozīcijas meklētājprogrammās un piesaistītu vairāk mērķauditorijas.">
<meta property="og:title" content="SEO speciālists: Anatolijs Čalijs. SEO Optimizācija un Pakalpojumi" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.seo-specialists.lv" />
<meta property="og:image" content="https://www.seo-specialists.lv/anatolijs-calijs.webp" />
<meta property="og:description" content="Pieredzējis SEO speciālists Anatolijs Čalijs piedāvā pilna spektra SEO optimizācijas un digitālā mārketinga pakalpojumus, lai uzlabotu Jūsu vietnes pozīcijas meklētājprogrammās un piesaistītu vairāk mērķauditorijas." />
<meta property="og:site_name" content="seo-specialists.lv" />
<script type="application/ld+json">
{}
</script>
<style amp-custom>
html, body {
background-image: url('main_bg.webp'); /* Укажите путь к вашему фоновому изображению */
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed; /* Фиксируем фон, чтобы он не прокручивался */
background-position: center center; /* Центрирование фонового изображения */
background-color: #007ced; /* Синий цвет фона за контейнером */
margin: 0; /* Убираем отступы у body, чтобы фон на всю ширину страницы */
padding: 0; /* Убираем отступы у body, если они есть */
height: 100%; /* Высота body на всю страницу */
width: 100%; /* Ширина body на всю страницу */
display: flex; /* Используем flex для центрирования контейнера */
justify-content: center; /* Центрируем контейнер по горизонтали */
align-items: flex-start; /* Выравниваем контейнер по верхнему краю */
font-family: 'Poppins', 'Helvetica', sans-serif;
color: #666; /* Установка цвета текста */
line-height: 1.75em;
}
.container {
max-width: 1200px;
margin: 3% auto 3%;
width: 100%;
box-sizing: border-box;
padding: 0 ;
background-color: #ffffff; /* Белый фон для контента */
border-radius: 40px;
box-shadow: 0 0 40px -10px rgba(0,0,0,.2);
}
.logo-container {
display: flex;
align-items: center; /* Это свойство должно выравнивать элементы по центру по вертикали */
justify-content: flex-start; /* Для выравнивания содержимого по горизонтали от начала контейнера */
height: 100%; /* Убедитесь, что у контейнера есть высота, если нужно */
}
.logo-link {
margin-right: 15px; /* Регулируйте отступ по вашему вкусу */
text-decoration: none; /* Убираем подчеркивание текста */
}
.logo-image {
width: 50px; /* Регулируйте ширину логотипа */
height: 50px; /* Высота будет автоматически подстроена */
object-fit: contain;
display: block; /* Убирает возможный дефолтный отступ под изображением */
}
.logo-text {
font-size: 20px;
color: #222;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 25px;
flex-wrap: wrap; /* Для адаптивности */
}
.row {
padding: 20px; /* Внутренние отступы */
margin-bottom: 0px; /* Внешний отступ снизу */
margin-top: 20px; /* Внешний отступ снизу */
/* Другие стили */
}
.row h2 {
display: inline-block;
position: relative;
font-size: 21px;
margin: 0 0 30px 30px;
z-index: 1;
padding-bottom: 7px;
color: #333;
}
.row h2:after,h3.comment-reply-title:after {
display: block;
position: absolute;
content: '';
width: 30px;
background-color: #007ced;
height: 2px;
bottom: 0
}
.row h2:before,h3.comment-reply-title:before {
display: block;
position: absolute;
content: '';
width: 100%;
background-color: #f5f5f5;
height: 2px;
bottom: 0
}
.menu, .desktop-menu {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.menu li, .desktop-menu li {
margin: 0 10px;
}
.menu a, .desktop-menu a {
text-decoration: none;
color: #000;
}
.round-button {
border: 2px solid #007ced; /* Оконтовка синего цвета, как фон body */
color: #666; /* Цвет текста */
background-color: white; /* Белый фон внутри кнопки */
padding: 10px 20px;
text-align: center;
text-decoration: none;
line-height: 1.2;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
transition: all .3s ease-in-out;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 30px;
font-family: 'Poppins', 'Helvetica', sans-serif;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.round-button:hover {
background-color: #007ced; /* Синий фон при наведении */
color: white; /* Белый цвет текста при наведении */
border: 2px solid #007ced; /* Оконтовка остаётся такой же */
}
.main-content {
display: flex; /* Используем flex для создания колонок */
align-items: center; /* Центрирование по вертикали */
gap: 20px; /* Промежуток между колонками */
padding: 20px 0; /* Вертикальный padding для main-content */
}
.photo-column {
flex: 0 0 auto; /* Колонка фото не будет расти или сжиматься */
width: calc(50% - 10px); /* Ширина колонки фото */
}
.photo-column img {
width: 100%; /* Фото будет занимать всю ширину колонки */
aspect-ratio: 1 / 1; /* Соотношение сторон делаем квадратным */
}
.text-column {
flex-grow: 1; /* Колонка текста будет расти, занимая оставшееся пространство */
padding: 60px; /* Внутренний отступ */
margin-left: -5%; /* Отрицательный маржин, чтобы текст налез на фото */
margin-right: 5%; /* Отрицательный маржин, чтобы текст налез на фото */
box-shadow: 0 0 20px rgba(0,0,0,0.1); /* Тень для блока */
background-color: white;
}
.text-intro {
color: #888;
font-weight: 300;
font-size: 14px;
}
.text-title {
color: #333;
font-weight: 600;
font-size: 48px;
font-style: normal;
margin-top: 5px;
margin-bottom: 25px;
overflow-wrap: break-word; /* Обеспечивает перенос текста по словам */
line-height: 1em;
}
.text-description {
margin: 0 0 10px;
font-size: 14px;
}
.contact-me {
display: flex;
align-items: center;
margin-top: 25px;
gap: 10px;
justify-content: center;
}
.qr-code {
width: 50px;
height: 50px;
}
.burger-menu-button {
display: none; /* Сначала скрываем кнопку бургер-меню на десктопе */
font-size: 25px; /* Размер иконки меню */
}
.services-section {
padding: 0 50px 50px 50px;
}
.services-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Теперь будут строго 2 колонки */
gap: 20px; /* Расстояние между элементами */
list-style: none;
padding: 0;
margin: 0 auto; /* Центрирование списка */
max-width: 1200px; /* Максимальная ширина списка, можете адаптировать под свои нужды */
}
.service-item {
display: flex;
align-items: flex-start; /* Выравнивание содержимого элемента услуги по верхнему краю */
gap: 25px; /* Отступ между иконкой и текстом */
}
.service-icon {
font-size: 2rem; /* Размер иконки */
color: #007ced; /* Цвет иконки */
width: 50px; /* Ширина блока иконки для единообразия отображения */
height: 50px; /* Высота блока иконки для единообразия отображения */
display: flex;
justify-content: center; /* Центрирование иконки по горизонтали */
align-items: center; /* Центрирование иконки по вертикали */
}
.service-text {
display: flex;
flex-direction: column;
}
.service-text h3 {
margin: 0; /* Убираем стандартные отступы, если нужно */
font-family: poppins, Helvetica, sans-serif;
font-weight: 600;
font-style: normal;
color: #333;
}
.service-text p {
margin: 0; /* Убираем стандартные отступы, если нужно */
font-family: poppins, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.75em;
color: #666;
font-size: .8em;
}
.service-icon {
position: relative;
display: table-cell;
font-size: 33px;
color: #007ced;
}
.testimonials-section {
padding: 15px 50px 50px 75px;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Теперь будут строго 2 колонки */
gap: 50px; /* Расстояние между элементами */
list-style: none;
padding: 0;
margin: 0 auto; /* Центрирование списка */
max-width: 1200px; /* Максимальная ширина списка, можете адаптировать под свои нужды */
line-height: 1em;
}
.testimonial-item {
margin-bottom: 20px;
padding: 30px 20px 20px 60px;
border: 2px solid #ccc; /* Серая рамка */
position: relative; /* Необходимо для абсолютного позиционирования иконки */
display: flex;
flex-direction: column;
align-items: center;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border-radius: 8px;
}
.testimonial-icon {
position: absolute;
top: -25px; /* Регулируйте это значение, чтобы поднять иконку выше */
left: -25px; /* Сдвиг влево от края блока */
font-size: 50px; /* Размер иконки */
color: #007ced; /* Цвет иконки */
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.testimonial-text {
display: flex;
flex-direction: column;
}
.testimonial-text h3 {
margin: 0; /* Убираем стандартные отступы, если нужно */
font-family: Poppins, Helvetica, sans-serif;
font-weight: 600;
font-style: normal;
color: #333;
margin-top: 15px;
margin: 0 0 2px;
font-size: .9em;
}
.testimonial-review {
font-style: italic; /* Курсив для отзыва */
margin-bottom: 10px; /* Отступ снизу */
color: #666; /* Цвет текста */
font-size: 14px; /* Размер шрифта для отзыва */
line-height: 1.75em; /* Высота строки */
}
.testimonial-company {
font-size: 0.8em; /* Уменьшенный размер шрифта для названия компании */
margin: 0; /* Верхний отступ */
color: #bbb;
}
.clients-section {
padding: 0; /* Отступы для секции */
margin: -10px 0 30px;
}
.clients-grid {
display: flex;
justify-content: space-around; /* Равномерное распределение элементов по горизонтале */
flex-wrap: wrap; /* Перенос элементов на новую строку, если они не помещаются */
max-width: 1200px; /* Максимальная ширина контейнера, можете адаптировать под свои нужды */
margin: 10px 40px; /* Центрирование контейнера */
}
.client-logo {
object-fit: contain; /* Убедитесь, что логотипы не искажаются */
margin: 20px; /* Небольшой отступ вокруг логотипов */
}
.contact-section {
padding: 50px 50px;
background-image: url('riga.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 0;
}
.contact-item {
padding: 20px;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
align-items: center;
border-radius: 8px;
}
.contact-icon {
font-size: 2rem;
color: #007ced;
margin-bottom: 10px;
}
.contact-text p {
margin: 0;
text-align: center;
font-size: 14px;
color: #666;
}
.footer {
padding: 20px;
background-color: #f9f9f9;
text-align: center;
border-radius: 40px;
}
.social-links a {
margin: 0 10px;
font-size: 24px;
}
.social-links a i {
transition: color 0.3s ease;
}
.social-links a:hover i {
color: #007ced;
}
/* Основные стили для всплывающего окна */
.lightbox {
background: white;
width: 90%;
max-width: 500px; /* Максимальная ширина для десктопа */
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: fixed;
padding: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,.5);
border-radius: 8px;
text-align: center; /* Центрирование содержимого */
display: flex;
flex-direction: column; /* Элементы в колонку */
justify-content: center; /* Выравнивание по центру */
}
/* Кнопка закрытия */
.lightbox button {
margin-top: 20px;
padding: 10px 20px;
border: none;
background-color: #007ced; /* Синий цвет */
color: white;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
}
/* Адаптация под мобильные устройства */
@media (max-width: 768px) {
.lightbox {
width: 80%;
padding: 15px;
}
.lightbox button {
font-size: 14px;
padding: 8px 15px;
}
}
@media (max-width: 768px) {
.container {
border-radius: 0; /* Убираем закругленные края */
margin: 0; /* Убираем все внешние отступы */
padding: 0; /* Убираем все внутренние отступы */
}
header {
justify-content: space-between; /* Располагаем элементы по краям */
padding: 10px 20px; /* Подходящие отступы для мобильных */
margin: 0;
}
.burger-menu-button {
display: block; /* Показываем кнопку бургер-меню */
position: absolute;
right: 20px;
background: none;
border: none;
cursor: pointer;
font-size: 24px; /* Устанавливаем размер иконки меню */
}
.desktop-menu {
display: none; /* Скрываем меню для десктопных версий */
}
amp-sidebar {
display: flex; /* Показываем боковую навигацию для мобильных устройств */
}
.main-content {
width: 100%; /* Задаем полную ширину для адаптации под мобильные устройства */
flex-direction: column; /* Элементы внутри выстраиваются вертикально */
align-items: center; /* Центрируем элементы по горизонтали */
padding: 0; /* Сбрасываем паддинги */
gap: 0px; /* Промежуток между колонками */
}
.photo-column {
width: 100%; /* Растягиваем изображение на всю ширину колонки */
max-height: 300px; /* Ограничиваем высоту изображения */
object-fit: cover; /* Обеспечиваем покрытие блока изображением без искажений */
object-position: top; /* Фокусируемся на верхней части изображения */
}
.text-column {
margin: 0px; /* Сбрасываем маргины */
padding: 25px; /* Внутренний отступ */
}
.text-title {
font-weight: 600;
font-size: 38px;
}
.button-container { /* Предполагается, что .round-button находится внутри .button-container */
display: flex;
justify-content: center;
width: 100%; /* Устанавливаем ширину контейнера в 100% для полной ширины */
}
.round-button {
/* Стили кнопки */
margin: 0; /* Убираем внешние отступы, если они были */
justify-content: center;
}
.qr-code {
display: none;
}
.photo-column img {
max-width: 100%; /* Устанавливаем максимальную ширину изображения */
height: auto; /* Высота изображения автоматически подгоняется под ширину */
padding: 0; /* Сбрасываем паддинги для предотвращения выпирания */
margin: 0; /* Сбрасываем маргины */
object-fit: cover; /* Обрезка изображения для заполнения контейнера */
object-position: top; /* Выравниваем изображение по верху */
}
.services-grid, .testimonials-grid {
grid-template-columns: 1fr; /* Делаем сетку одноколоночной на экранах меньше 768px */
}
}
@media (max-width: 991px) {
.container {
border-radius: 0; /* Убираем закругленные края */
margin: 0; /* Убираем все внешние отступы */
padding: 0; /* Убираем все внутренние отступы */
}
header {
justify-content: space-between; /* Располагаем элементы по краям */
padding: 10px 20px; /* Подходящие отступы для мобильных */
margin: 0;
}
.burger-menu-button {
display: block; /* Показываем кнопку бургер-меню */
position: absolute;
right: 20px;
background: none;
border: none;
cursor: pointer;
font-size: 24px; /* Устанавливаем размер иконки меню */
}
.desktop-menu {
display: none; /* Скрываем меню для десктопных версий */
}
amp-sidebar {
display: flex; /* Показываем боковую навигацию для мобильных устройств */
}
}
@media (max-width: 768px) {
.burger-menu-button {
display: block; /* Показываем кнопку бургер-меню */
}
.desktop-menu {
display: none; /* Скрываем меню для десктопных версий */
}
amp-sidebar {
display: flex;
flex-direction: column;
background-color: #007ced; /* Синий цвет фона */
width: 100%; /* Используйте 100%, если хотите, чтобы меню занимало всю ширину экрана */
min-width: 250px; /* Минимальная ширина */
color: white;
padding: 20px; /* Отступы внутри меню */
}
amp-sidebar a {
color: white !important; /* Принудительно задаем белый цвет текста для всех ссылок внутри amp-sidebar */
text-decoration: none;
}
amp-sidebar ul {
display: flex;
flex-direction: column; /* Вертикальное расположение */
padding-left: 0; /* Убираем отступы списка */
}
amp-sidebar ul li {
margin-bottom: 15px; /* Отступы между пунктами */
}
amp-sidebar ul li a {
color: white;
text-decoration: none;
}
amp-sidebar button {
/* Стили для кнопки закрытия, если требуется */
}
}
</style>
</head>
<body>
<div class="container">
<header>
<div class="logo-container">
<a href="/" class="logo-link">
<img src="logo-media-rock.webp" alt="SEO specialists - Logo" class="logo-image">
</a>
<a href="/" class="logo-link">
<div class="logo-text"><b>Anatolijs</b> Čalijs</div>
</a>
</div>
<nav class="desktop-menu">
<ul class="menu">
<li><a href="#services">SEO pakalpojumi</a></li>
<li><a href="#testimonials">Atsauksmes</a></li>
<li><a href="#clients">Klienti</a></li>
<li><a href="#contact">Kontakti</a></li>
</ul>
</nav>
<button on="tap:sidebar.toggle" class="burger-menu-button" aria-label="Toggle menu">
☰
</button>
</header>
<amp-sidebar id="sidebar" layout="nodisplay" side="right">
<button on="tap:sidebar.close" aria-label="Close menu">✕</button>
<ul class="menu">
<li><a href="#services">SEO pakalpojumi</a></li>
<li><a href="#testimonials">Atsauksmes</a></li>
<li><a href="#clients">Klienti</a></li>
<li><a href="#contact">Kontakti</a></li>
</ul>
</amp-sidebar>
<div class="main-content">
<!-- Колонка для фото -->
<div class="photo-column">
<img src="anatolijs-calijs.webp" alt="Anatolijs Čalijs - SEO speciālists">
</div>
<!-- Колонка для текста -->
<div class="text-column">
<p class="text-intro">20 gadu pieredze</p>
<h1 class="text-title">SEO speciālists</h1>
<p class="text-description">SEO speciālists, nodarbojos ar web-lapu SEO optimizāciju kopš 2005. gada. Uzlaboju to redzamību Google meklēšanas sistēmās pēc mērķvārdiem. Veicu kompleksu atslēgvārdu analīzi, vietnes tehniskā stāvokļa auditu un uzlabošanu, kvalitatīva satura izveidi, kā arī atpakaļsaišu veidošanu.</p>
<div class="contact-me">
<button class="round-button" on="tap:my-lightbox.open">Contact me</button>
<img src="qr.png" alt="QR Code" class="qr-code">
</div>
</div>
</div>
<div class="row">
<h2 id="#services" >SEO pakalpojumi</h2>
</div>
<div class="services-section" id="services">
<ul class="services-grid">
<div class="service-item">
<i class="fas fa-user service-icon"></i>
<div class="service-text">
<h3>OnSite SEO</h3>
<p>Darbs pie vietnes iekšējiem faktoriem, lai uzlabotu tās pozīcijas meklētājprogrammās. Tas ietver tīmekļa lapas struktūras, saturu, atslēgvārdu izvēli un tehnisko aspektu optimizāciju.</p>
</div>
</div>
<div class="service-item">
<i class="fas fa-user service-icon"></i>
<div class="service-text">
<h3>OffSite SEO</h3>
<p>Šis virziens veltīts vietnes popularitātes un autoritātes veicināšanai internetā ārpus tās pašas. Galvenokārt tas nozīmē kvalitatīvu atpakaļsaišu veidošanu no citiem saistītiem resursiem.</p>
</div>
</div>
<div class="service-item">
<i class="fas fa-user service-icon"></i>
<div class="service-text">
<h3>AI Programatic SEO</h3>
<p>Izmanto mākslīgo intelektu, lai automatizētu un optimizētu SEO procesus, piemēram, saturu un atslēgvārdu stratēģiju. Tas ļauj efektīvāk reaģēt uz meklētājprogrammu algoritmu izmaiņām un uzlabot vietnes pozīcijas.</p>
</div>
</div>
<div class="service-item">
<i class="fas fa-user service-icon"></i>
<div class="service-text">
<h3>SEO konsultācijas</h3>
<p>Sniedz individuālas konsultācijas par SEO, palīdzot uzlabot vietnes redzamību meklētājprogrammās. Tas ietver padomus par mārketinga stratēģiju, atslēgvārdu izpēti un konkurences analīzi.</p>
</div>
</div>
<!-- Повторите <li class="service-item"> для других услуг -->
</ul>
</div>
<div class="row">
<h2 id="#clients" >Pieredze</h2>
</div>
<div class="clients-section" id="clients">
<div class="clients-grid">
<img src="eb-logo.webp" alt="Логотип компании 1" class="client-logo">
<img src="longo.webp" alt="Логотип компании 1" class="client-logo">
<img src="vamo.webp" alt="Логотип компании 1" class="client-logo">
<img src="4finance.webp" alt="Логотип компании 1" class="client-logo">
<img src="entez.webp" alt="Логотип компании 1" class="client-logo">
<!-- Добавьте другие логотипы по аналогии -->
</div>
</div>
<div class="row">
<h2 id="#testimonials">Atsauksmes</h2>
</div>
<div class="testimonials-section" id="testimonials">
<ul class="testimonials-grid">
<!-- Пример элемента списка отзывов -->
<li class="testimonial-item">
<img src="arturs.webp" alt="Arturs SARMA" class="testimonial-icon">
<div class="testimonial-text">
<p class="testimonial-review">Anatoliy is a true modern day SEO and digital marketing specialist, and a great person to work with. </p>
<h3 class="testimonial-name">Arturs SARMA</h3>
<p class="testimonial-company">CEO at BALTENT / Spins.lv</p>
</div>
</li>
<li class="testimonial-item">
<img src="aigars.webp" alt="Aigars Armanovs" class="testimonial-icon">
<div class="testimonial-text">
<p class="testimonial-review">Anatoliy is a statesman: a thorough professional, an excellent listener, and always seeking the common ground. Within the company, he is a collaborative team player, and can be relied upon to lead multi-functional projects diligently and through example. I recommend him highly.</p>
<h3 class="testimonial-name">Aigars Armanovs</h3>
<p class="testimonial-company">Owner at MarketMeNow</p>
</div>
</li>
<li class="testimonial-item">
<img src="jevgenijs.webp" alt="Jevgenijs Minajevs" class="testimonial-icon">
<div class="testimonial-text">
<p class="testimonial-review">Anatoliy is high level professional in SEO and SEM area. He helped me to move my web site to first position in google search as well as other search engines. I would definatly recomend Anatoliy to anyone.</p>
<h3 class="testimonial-name">Jevgenijs Minajevs</h3>
<p class="testimonial-company">Senior Java Software Engineer - JM IT</p>
</div>
</li>
<li class="testimonial-item">
<img src="janis.webp" alt="Janis BRIEDITIS " class="testimonial-icon">
<div class="testimonial-text">
<p class="testimonial-review">Anatoly is high class SEO professional managing very complicated projects on many markets in many countries. I'm glad I can recommend Anatoly as reliable person and great colleague with high sense of responsibility.</p>
<h3 class="testimonial-name">Janis BRIEDITIS </h3>
<p class="testimonial-company">Partnership Lead at Httpool</p>
</div>
</li>
</ul>
</div>
<div class="row">
<h2 id="#contact">Kontakti</h2>
</div>
<div class="contact-section" id="contacts">
<div class="contact-grid">
<div class="contact-item">
<i class="fas fa-address-book contact-icon"></i>
<div class="contact-text">
<p><b>Sazinies ar mani</b></p>
<p><a href="tel:+37128292748" style="color: #666; text-decoration: none;">+371 28292748</a></p>
<p><a href="mailto:info@media-rock.com" style="color: #666; text-decoration: none;">info@media-rock.com</a></p>
</div>
</div>
<div class="contact-item">
<i class="fas fa-map-marked-alt contact-icon"></i>
<div class="contact-text">
<p><b>Biroja adrese:</b></p>
<p>Domalaukums 2,</p>
<p>Rīga, LV1010</p>
</div>
</div>
<div class="contact-item">
<i class="fas fa-building contact-icon"></i>
<div class="contact-text">
<p><b>Media Rock SIA</b></p>
<p>LV40103501865</p>
<p>Jūrkalnes 87-18, LV1029</p>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="social-links">
<a href="https://www.facebook.com/anatoliy.chaliy" style="color: #666; text-decoration: none;">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://t.me/anatollica" style="color: #666; text-decoration: none;">
<i class="fab fa-telegram"></i>
</a>
<a href="https://www.instagram.com/chaliy.anatoliy/" style="color: #666; text-decoration: none;">
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/in/anatoliy-chaliy/" style="color: #666; text-decoration: none;">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</footer>
<amp-lightbox id="my-lightbox" layout="nodisplay">
<div class="lightbox" role="button" tabindex="0" on="tap:my-lightbox.close">
<!-- Измененное содержимое всплывающего окна -->
<h3>Kontakti:</h3>
<p><a href="tel:+37128292748" style="color: #007ced; text-decoration: none;">📞 +371 28292748</a></p>
<p><a href="https://wa.me/0037128292748" style="color: #007ced; text-decoration: none;">💬 WhatsApp</a></p>
<p><a href="mailto:info@media-rock.com" style="color: #007ced; text-decoration: none;">📧 info@media-rock.com</a></p>
<p><a href="https://t.me/anatollica" style="color: #007ced; text-decoration: none;">📱 Telegram</a></p>
<button on="tap:my-lightbox.close">Close</button>
</div>
</amp-lightbox>
</div>
</body>
</html>