-
Notifications
You must be signed in to change notification settings - Fork 0
/
footer.html
110 lines (108 loc) · 5.33 KB
/
footer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!-- Footer Section -->
<div class="footer-container">
<div class="footer-column">
<h3>Ссылки</h3>
<ul>
<li><a href="#">О сайте</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Команда</a></li>
<li><a href="#">Приложение MovieHub</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Категории</h3>
<ul>
<li><a href="movies.html">Фильмы</a></li>
<li><a href="series.html">Сериалы</a></li>
<li><a href="animations.html">Мультфильмы</a></li>
<li><a href="#">Другое</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Контакты</h3>
<ul>
<li><a href="#" id="contactLink">Свяжитесь с нами</a></li>
<li><a href="#" id="supportLink">Техподдержка</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div class="footer-logo-text">
<img src="assets/styles/images/movie_11327060.png" alt="MovieHub Logo" class="footer-logo"/>
<span class="footer-company-name">MOVIEHUB</span>
</div>
<div class="footer-rights">© <span id="currentYear"></span>. Сделано с любовью by IT girls ❤️ </div>
<div class="social-icons">
<a href="#" class="social-icon">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0 0 64 64"
style="fill:#FAB005;"> <path d="M32,10c12.15,0,22,9.85,22,22s-9.85,22-22,22s-22-9.85-22-22S19.85,10,32,10z M39.589,40.968 c0.404-1.241,2.301-13.615,2.534-16.054c0.071-0.738-0.163-1.229-0.619-1.449c-0.553-0.265-1.371-0.133-2.322,0.21 c-1.303,0.47-17.958,7.541-18.92,7.951c-0.912,0.388-1.775,0.81-1.775,1.423c0,0.431,0.256,0.673,0.96,0.924 c0.732,0.261,2.577,0.82,3.668,1.121c1.05,0.29,2.243,0.038,2.913-0.378c0.709-0.441,8.901-5.921,9.488-6.402 c0.587-0.48,1.056,0.135,0.576,0.616c-0.48,0.48-6.102,5.937-6.844,6.693c-0.901,0.917-0.262,1.868,0.343,2.249 c0.689,0.435,5.649,3.761,6.396,4.295c0.747,0.534,1.504,0.776,2.198,0.776C38.879,42.942,39.244,42.028,39.589,40.968z"></path>
</svg>
</a>
<a href="#" class="social-icon">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0 40 300 150"
style="fill:#FAB005;">
<g fill="#fab005" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M15,4c-4.186,0 -9.61914,1.04883 -9.61914,1.04883l-0.01367,0.01563c-1.90652,0.30491 -3.36719,1.94317 -3.36719,3.93555v6v0.00195v5.99805v0.00195c0.00384,1.96564 1.4353,3.63719 3.37695,3.94336l0.00391,0.00586c0,0 5.43314,1.05078 9.61914,1.05078c4.186,0 9.61914,-1.05078 9.61914,-1.05078l0.00195,-0.00195c1.94389,-0.30554 3.37683,-1.97951 3.37891,-3.94727v-0.00195v-5.99805v-0.00195v-6c-0.00288,-1.96638 -1.43457,-3.63903 -3.37695,-3.94531l-0.00391,-0.00586c0,0 -5.43314,-1.04883 -9.61914,-1.04883zM12,10.39844l8,4.60156l-8,4.60156z"></path></g></g>
</svg>
</a>
</div>
</div>
<!-- Contact Modal -->
<div id="contactModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<h3>Свяжитесь с нами</h3>
<form action="submit_form.php" method="POST">
<div class="form-row">
<div class="form-group">
<label for="name">
<span class="icon">👤</span>
<input type="text" id="name" name="name" placeholder="Имя" required>
</label>
</div>
<div class="form-group">
<label for="phone">
<span class="icon">📞</span>
<input type="tel" id="phone" name="phone" placeholder="Телефон" required>
</label>
</div>
<div class="form-group">
<label for="email">
<span class="icon">📧</span>
<input type="email" id="email" name="email" placeholder="E-mail" required>
</label>
</div>
</div>
<div class="form-group">
<label for="message">
<span class="icon">💬</span>
<textarea id="message" name="message" placeholder="Сообщение"></textarea>
</label>
</div>
<button type="submit" class="submit-btn">Отправить</button>
</form>
</div>
</div>
<!-- Chat Box -->
<div id="chatContainer" class="chat-container">
<div class="chat-header">
<span>Поддержка MovieHub</span>
<button id="closeChat" class="close-chat">✕</button>
</div>
<div class="chat-body">
<div class="buttons">
<button>Ошибки в работе приложения</button>
<button>Нет кнопки «Смотреть»</button>
<button>Офлайн-просмотр</button>
<button>Управление оплатой и аккаунтом</button>
<button>Как отменить подписку</button>
<button>Управление устройствами</button>
<button>Пожелание для сервиса</button>
<button>Реклама</button>
<button>Другое</button>
</div>
</div>
<div class="chat-footer">
<input type="text" placeholder="Сообщение">
</div>
</div>