Hugging Face's logo

Spaces:
bitlo
/
content-machine-mavericks
Running

App Files Community
bitlo commited on
Commit
e59f94b
·
verified ·
1 Parent(s): e06a2ec

1.Добавь сквозное меню , в нем логотип TOPTERA пункт меню "Вакансии" со ссылкой на /seo-spetsialist-seo-optimizator

Browse files

2. Добавь футер, в футере 3 пункта Минск , Москва , Алматы
При нажатии , адреса соответсвующие:
Адрес: ул. Толстого 10, Минск, Минская область, Беларусь
Адрес: Романов пер., 4 2, Москва, Россия, 125009
Адрес: улица Желтоксан 115, Алматы 050000, Казахстан

Files changed (3) hide show
  1. components/navbar.js +5 -2
  2. script.js +15 -3
  3. seo-spetsialist-seo-optimizator.html +70 -0
components/navbar.js CHANGED
@@ -26,7 +26,10 @@ class CustomNavbar extends HTMLElement {
26
  </style>
27
  <nav class="navbar fixed w-full z-50 py-4 px-6 bg-white md:bg-transparent">
28
  <div class="container mx-auto flex justify-between items-center">
29
- <a href="/" class="text-2xl font-bold text-primary">Toptera</a>
30
 
31
  <div class="hidden md:flex space-x-8">
32
- <a href="#problem" class="text-zinc-700 hover:text-primary transition duration-300">
 
 
 
 
26
  </style>
27
  <nav class="navbar fixed w-full z-50 py-4 px-6 bg-white md:bg-transparent">
28
  <div class="container mx-auto flex justify-between items-center">
29
+ <a href="/" class="text-2xl font-bold text-primary">TOPTERA</a>
30
 
31
  <div class="hidden md:flex space-x-8">
32
+ <a href="#problem" class="text-zinc-700 hover:text-primary transition duration-300">Проблемы</a>
33
+ <a href="#process" class="text-zinc-700 hover:text-primary transition duration-300">Процесс</a>
34
+ <a href="#cases" class="text-zinc-700 hover:text-primary transition duration-300">Кейсы</a>
35
+ <a href="/seo-spetsialist-seo-optimizator" class="text-zinc-700 hover:text-primary transition duration-300">Вакансии</a>
script.js CHANGED
@@ -18,10 +18,22 @@ document.addEventListener('DOMContentLoaded', function() {
18
 
19
  // Run on scroll
20
  window.addEventListener('scroll', animateOnScroll);
 
 
 
21
 
22
- // Mobile menu toggle (handled in navbar component)
23
-
24
- // Form submission
 
 
 
 
 
 
 
 
 
25
  const form = document.querySelector('form');
26
  if (form) {
27
  form.addEventListener('submit', function(e) {
 
18
 
19
  // Run on scroll
20
  window.addEventListener('scroll', animateOnScroll);
21
+ // Mobile menu toggle
22
+ const mobileMenuButton = document.getElementById('mobile-menu-button');
23
+ const mobileMenu = document.getElementById('mobile-menu');
24
 
25
+ if (mobileMenuButton && mobileMenu) {
26
+ mobileMenuButton.addEventListener('click', function() {
27
+ mobileMenu.classList.toggle('open');
28
+ const icon = mobileMenuButton.querySelector('i');
29
+ if (mobileMenu.classList.contains('open')) {
30
+ feather.replace({ name: 'x' });
31
+ } else {
32
+ feather.replace({ name: 'menu' });
33
+ }
34
+ });
35
+ }
36
+ // Form submission
37
  const form = document.querySelector('form');
38
  if (form) {
39
  form.addEventListener('submit', function(e) {
seo-spetsialist-seo-optimizator.html ADDED
@@ -0,0 +1,70 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="ru">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Вакансия SEO-специалист | TOPTERA</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ </head>
12
+ <body class="bg-white text-zinc-900 font-sans">
13
+ <custom-navbar></custom-navbar>
14
+
15
+ <section class="py-20 bg-gradient-to-br from-zinc-50 to-zinc-100">
16
+ <div class="container mx-auto px-6 max-w-4xl">
17
+ <div class="text-center mb-12">
18
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">SEO-специалист / SEO-оптимизатор</h1>
19
+ <div class="w-24 h-1 bg-primary mx-auto"></div>
20
+ </div>
21
+
22
+ <div class="bg-white rounded-xl shadow-lg p-8 mb-8">
23
+ <h2 class="text-2xl font-bold mb-4 text-primary">О вакансии</h2>
24
+ <p class="mb-6">Мы ищем опытного SEO-специалиста для работы над нашими контент-проектами. Вам предстоит анализировать ниши, формировать семантическое ядро, оптимизировать контент и выводить сайты в топ поисковых систем.</p>
25
+
26
+ <h3 class="text-xl font-bold mb-3">Обязанности:</h3>
27
+ <ul class="list-disc pl-5 mb-6 space-y-2">
28
+ <li>Анализ ниш и конкурентов</li>
29
+ <li>Формирование и кластеризация семантического ядра</li>
30
+ <li>Оптимизация контента под поисковые запросы</li>
31
+ <li>Технический аудит сайтов</li>
32
+ <li>Мониторинг позиций и трафика</li>
33
+ <li>Работа с командой копирайтеров и редакторов</li>
34
+ </ul>
35
+
36
+ <h3 class="text-xl font-bold mb-3">Требования:</h3>
37
+ <ul class="list-disc pl-5 mb-6 space-y-2">
38
+ <li>Опыт работы в SEO от 2 лет</li>
39
+ <li>Знание инструментов (Ahrefs, Screaming Frog, Google Search Console)</li>
40
+ <li>Понимание принципов ранжирования в Google</li>
41
+ <li>Умение анализировать данные и принимать решения</li>
42
+ <li>Ответственность и самостоятельность</li>
43
+ </ul>
44
+
45
+ <h3 class="text-xl font-bold mb-3">Условия:</h3>
46
+ <ul class="list-disc pl-5 space-y-2">
47
+ <li>Удаленная работа</li>
48
+ <li>Гибкий график</li>
49
+ <li>Конкурентная зарплата</li>
50
+ <li>Работа над интересными проектами</li>
51
+ <li>Профессиональный рост</li>
52
+ </ul>
53
+ </div>
54
+
55
+ <div class="text-center">
56
+ <a href="#audit" class="bg-primary hover:bg-red-600 text-white font-bold py-4 px-8 rounded-lg transition duration-300 inline-block">
57
+ Откликнуться на вакансию
58
+ </a>
59
+ </div>
60
+ </div>
61
+ </section>
62
+
63
+ <custom-footer></custom-footer>
64
+
65
+ <script src="components/navbar.js"></script>
66
+ <script src="components/footer.js"></script>
67
+ <script src="script.js"></script>
68
+ <script>feather.replace();</script>
69
+ </body>
70
+ </html>