-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
169 lines (160 loc) · 8.19 KB
/
Copy pathindex.html
File metadata and controls
169 lines (160 loc) · 8.19 KB
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Кондитерская | Авторские торты на заказ</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav class="navbar">
<div class="container">
<h1 class="logo">🍰</h1>
<ul class="nav-menu">
<li><a href="index.html">Меню</a></li>
<li><a href="#reviews">Отзывы</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</div>
</nav>
</header>
<main>
<!-- Меню -->
<section id="menu" class="menu-section">
<div class="container">
<h2 class="section-title">Наше меню</h2>
<div class="menu-grid">
<a href="torti.html" class="menu-item">
<div class="menu-image-wrapper">
<img src="pics/tort1.png" alt="Торты" class="menu-image">
</div>
<h3 class="menu-label">ТОРТЫ</h3>
</a>
<a href="bento.html" class="menu-item">
<div class="menu-image-wrapper">
<img src="pics/bento1.png" alt="Бенто-торты" class="menu-image">
</div>
<h3 class="menu-label">БЕНТО-ТОРТЫ</h3>
</a>
<a href="cupcakes.html" class="menu-item">
<div class="menu-image-wrapper">
<img src="pics/cupcake1.png" alt="Капкейки" class="menu-image">
</div>
<h3 class="menu-label">КАПКЕЙКИ</h3>
</a>
<a href="eclairs.html" class="menu-item">
<div class="menu-image-wrapper">
<img src="pics/eclair1.png" alt="Эклеры" class="menu-image">
</div>
<h3 class="menu-label">ЭКЛЕРЫ</h3>
</a>
<a href="tartlets.html" class="menu-item">
<div class="menu-image-wrapper">
<img src="pics/tartalet1.png" alt="Тарталетки" class="menu-image">
</div>
<h3 class="menu-label">ТАРТАЛЕТКИ</h3>
</a>
<a href="creative.html" class="menu-item">
<div class="menu-image-wrapper">
<img src="pics/other4-2.png" alt="Творчество" class="menu-image">
</div>
<h3 class="menu-label">ТВОРЧЕСТВО</h3>
</a>
</div>
</div>
</section>
<!-- Отзывы -->
<section id="reviews" class="reviews-section alt-bg">
<div class="container">
<h2 class="section-title">Отзывы клиентов</h2>
<div class="reviews-grid">
<div class="review-card">
<div class="review-stars">⭐⭐⭐⭐⭐</div>
<p class="review-text">"Невероятно вкусный торт! Очень довольна качеством и оформлением. Все гости были в восторге!"</p>
<p class="review-author">— Анна</p>
</div>
<div class="review-card">
<div class="review-stars">⭐⭐⭐⭐⭐</div>
<p class="review-text">"Заказывала бенто-торт для дочери. Прекрасное оформление и очень вкусный! Обязательно закажу еще раз."</p>
<p class="review-author">— Мария</p>
</div>
<div class="review-card">
<div class="review-stars">⭐⭐⭐⭐⭐</div>
<p class="review-text">"Капкейки просто восхитительны! Каждый раз пробую новые вкусы и не перестаю удивляться."</p>
<p class="review-author">— Елена</p>
</div>
<div class="review-card">
<div class="review-stars">⭐⭐⭐⭐⭐</div>
<p class="review-text">"Эклеры с лимонным кремом — это что-то невероятное! Легкие, воздушные, тают во рту."</p>
<p class="review-author">— Дмитрий</p>
</div>
</div>
</div>
</section>
<!-- Контакты -->
<section id="contacts" class="contacts-section">
<div class="container">
<h2 class="section-title">Контакты</h2>
<div class="contacts-content">
<div class="contact-info">
<h3>Свяжитесь со мной для заказа</h3>
<div class="contact-item">
<strong>📱 Телефон:</strong>
<p><a href="tel:+375297130705">+375 29 713-07-05</a></p>
</div>
<div class="contact-item">
<strong>💬 Telegram:</strong>
<p><a href="https://t.me/vichkachech" target="_blank">@vichkachech</a></p>
</div>
<div class="contact-item">
<strong>📧 Email:</strong>
<p><a href="mailto:Viktorijachech@icloud.com">Viktorijachech@icloud.com</a></p>
</div>
<div class="contact-item">
<strong>📍 Instagram:</strong>
<p><a href="https://instagram.com/vichkachech" target="_blank">@vichkachech</a></p>
</div>
</div>
<div class="order-info">
<h3>Как сделать заказ?</h3>
<ol class="order-steps">
<li>Свяжитесь со мной любым удобным способом</li>
<li>Выберите тип десерта и вкус</li>
<li>Обсудим детали оформления</li>
<li>Согласуем дату и время получения</li>
<li>Наслаждайтесь вкусным десертом!</li>
</ol>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<p>© 2024. Все права защищены.</p>
<p>Авторские торты и десерты на заказ</p>
</div>
</footer>
<script>
// Эффект уменьшения и прозрачности header при прокрутке
const header = document.querySelector('header');
let lastScroll = 0;
window.addEventListener('scroll', function() {
const currentScroll = window.pageYOffset || document.documentElement.scrollTop;
if (currentScroll > 100) {
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
}
lastScroll = currentScroll;
});
// Показ изображений при загрузке
document.querySelectorAll('.gallery-item img').forEach(img => {
img.onerror = function() {
this.style.display = 'none';
};
});
</script>
</body>
</html>