-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
359 lines (328 loc) · 18 KB
/
blog.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
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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
<!doctype html>
<html class="no-js smooth-scroll" lang="fa-IR" dir="rtl">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Page Title Here -->
<title>پروتئین ملکی</title>
<!-- Meta -->
<!-- Page Description Here -->
<meta name="description" content="">
<!-- Disable screen scaling-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, shrink-to-fit=no">
<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
<!-- Web fonts and Web Icons -->
<link rel="stylesheet" href="./fonts/ionicons/stylesheet.css">
<link rel="stylesheet" href="./fonts/font-awesome.min.css">
<!-- Vendor CSS style -->
<link rel="stylesheet" href="./css/page-loader.css">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="./js/swiper/swiper-bundle.css"> -->
<!-- <link rel="stylesheet" href="./js/vegas/vegas.min.css"> -->
<!-- Main CSS files -->
<link rel="stylesheet" href="./css/main.css">
<!-- add alt layout here -->
<!-- <script src="./js/vendor/modernizr-2.7.1.min.js"></script> -->
</head>
<body id="menu" class="body-page">
<!-- Page Loader : just comment these lines to remove it -->
<div class="page-loader" id="page-loader">
<div>
<div class="icon icon-spin"></div>
<p>M A L E K I</p>
</div>
</div>
<!-- Begin of navigation bar .navbar-top -->
<header class="navbar-top navbar navbar-a navbar-expand-lg navbar-dark">
<nav class="container-fluid px-0">
<!-- Logo -->
<a class="navbar-brand" href="index.html">
<span class="logo">
<img loading="lazy" class="light-logo" src="img/logo.svg" alt="Simpleux Template">
</span>
<span class="text ms-3">
<span class="line strong">M A L E K I</span>
<span class="line sub">PROTEIN</span>
</span>
</a>
<!-- Call to action -->
<ul class="navbar-nav order-lg-2 ms-md-4 me-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle fs-4" href="#" id="navbarTopDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
سفارش
</a>
<ul class="dropdown-menu" aria-labelledby="navbarTopDropdown">
<li><a class="dropdown-item text-right fs-5" href="login.html">ورود<i
class="ion ion-md-person me-2 fs-5"></i></a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item text-right" href="basket.html">سبد خرید<i
class="ion ion-ios-basket me-2 fs-5"></i></a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item text-right" href="tel:09123456789">سفارش تلفنی<i
class="ion ion-md-phone-portrait me-2 fs-5"></i></a></li>
</ul>
</li>
</ul>
<!-- Menu button -->
<button class="navbar-toggler order-lg-3" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarMenuCollapse" aria-controls="navbarMenuCollapse" aria-expanded="false"
aria-label="Toggle navigation">
<span class="icon icon-menu icon-menu-a">
<span class="bars">
<span class="bar1"></span>
<span class="bar2"></span>
<span class="bar3"></span>
</span>
</span>
</button>
<!-- Navigation menu -->
<div class="collapse navbar-collapse order-lg-1" id="navbarMenuCollapse">
<div class="navbar-menu-wrapper">
<div class="nav-body">
<!-- Menu links at top -->
<!-- Fullscreen menu on large devices -->
<div class="nav-fullscreen-lg">
<ul class="navbar-nav nav text-right">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">خانه</a>
</li>
<li class="nav-item">
<a class="nav-link pt-0" href="index.html#products">محصولات</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">درباره ما</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#gallery">گالری</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">بلاگ</a>
</li>
</ul>
</div>
</div>
<!-- Nav footer of small devices -->
<div class="nav-footer-md">
<nav class="nav-social nav-social-a">
<ul>
<li class="nav-item">
<a class="nav-link btn" href="#">
instagram
<span class="icon">
<i class="ion ion-logo-instagram"></i>
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</nav>
</header>
<!-- End of navigation bar .navbar-top -->
<div class="nav-dot-menu"></div>
<!-- BEGIN OF page main content -->
<main class="page-main sections-scroll scroll-anim" id="mainpage">
<!-- Begin of blog section -->
<section id="products" class="section section-a fullscreen-h-lg">
<!-- Begin of section body -->
<div class="section-body">
<!-- content -->
<div class="section-content container content-width anim">
<div class="row mb-4">
<div class="col-12 text-right">
<!-- title and description -->
<div class="title-desc" data-anim-visible="zoom-in">
<h2 class="display-3 anim-1 mb-4">بلاگ</h2>
</div>
</div>
</div>
<!-- item-list -->
<div class="part-wrapper">
<div class="item-list row row-cols-1 row-cols-md-2 row-cols-lg-3 g-5 anim-list">
<div class="col mb-2">
<!-- card -->
<div class="item item-image-b" data-anim-visible="fade">
<!-- img -->
<div class="item-img rounded-md">
<img loading="lazy" class="fit" src="img/items/img-square-2.jpg"
alt="team member">
</div>
<div class="item-body">
<div class="desc">
<div class="row">
<!-- title -->
<div class="col-12 text-center">
<h2 class="fs-3">طرز تهیه قیمه محلی طرز تهیه قیمه محلی</h2>
</div>
<!-- show more -->
<div class="col-12 text-center mt-3">
<a class="btn btn-outline-b btn-white" href="blogDetail.html">
<span class="text">مشاهده مطلب</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- end of card -->
</div>
<!-- -->
</div>
</div>
<!-- end of item-list -->
</div>
</div>
<!-- End of section body -->
<div class="row" dir="ltr">
<div class="col-12">
<!-- pagination -->
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item">
<a class="page-link rounded-circle" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link rounded-circle" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
<!-- end of pagination -->
</div>
</div>
</section>
<!-- End of blog section -->
<!-- Begin of home contact -->
<section id="contact" class="section section-a fullscreen-h-lg">
<!-- Begin of section body -->
<div class="section-body section-contact pb-3" itemscope itemtype="https://schema.org/Organization">
<!-- content -->
<div class="section-content container content-width anim">
<div class="row justify-content-between">
<div class="col-12 col-lg-6 text-right">
<!-- title and description -->
<div class="title-desc">
<h2 class="display-3 anim-1 mb-4 text-right" data-anim-visible="fade">تماس با ما</h2>
</div>
</div>
</div>
<div class="row align-items-center mt-4 anim-4" dir="rtl">
<!-- -->
<!-- <div class="col-12 col-md-4 order-md-0 order-first mb-4 mb-md-0">
<div class="row justify-content-md-center">
<iframe class="rounded-4 p-1"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3229.640473853158!2d50.686648500000025!3d35.955763999999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f8daa98fabeb3fd%3A0xb15e7f589dadd4b2!2sMaleki%20Butcher%20Shop!5e0!3m2!1sen!2s!4v1723712435700!5m2!1sen!2s"
width="auto" height="270px" allowfullscreen="true" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div> -->
<div class="col-12 col-md-6 mb-4 text-right order-md-first order-0">
<div itemprop="department" itemscope itemtype="https://schema.org/Place"
data-anim-visible="fade">
<h4 class="dep-name" itemprop="name">
<strong>اطلاعات فروشگاه</strong>
</h4>
<div class="dep-address" itemprop="address" itemscope
itemtype="https://schema.org/PostalAddress">
<div class="addr-line mb-3 mb-md-none"> شماره تماس: <br> <a href="tel:02644224933"
class="text-light text-decoration-none fs-4" itemprop="telephone"><i
class="ion ion-md-phone-portrait ms-2 fs-3 text-light"></i>
02644224933</a></div>
<!-- -->
<div class="addr-line"> اینستاگرام:<br>
<a href="#" target="_blank" class="text-light text-decoration-none"
itemprop="streetAddress"> <i
class="ion ion-logo-instagram ms-2 fs-3 text-light"></i>protein.maleki</a>
</div>
<!-- -->
<div class="addr-line mb-3 mb-md-none"> آدرس:<br>
<a href="https://maps.app.goo.gl/aFzFUH129NdhyhMeA"
class="text-decoration-none fs-4 text-light" itemprop="streetAddress"> <i
class="ion ion-md-compass ms-2 fs-3 text-light"></i>هشتگرد, بلوار
امام, جنب
میدان
دخانیات</a>
</div>
<div class="addr-line">
<!-- <span itemprop="postalCode">98000</span> -->
<!-- <span itemprop="addressLocality">New Warc City, Antartica</span> -->
</div>
</div>
</div>
</div>
<!-- -->
<div class="col-12 col-md-6 mb-3 mb-md-none">
<div class="row justify-content-md-center">
<div class="col-auto">
<h4 class="dep-name" itemprop="name">
<strong>لینک های مفید</strong>
</h4>
<nav class="nav-list" data-anim-visible="fade">
<ul class="nav flex-column pe-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page"
href="index.html">خانه</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#products">محصولات</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">درباره ما</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#gallery">گالری</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">بلاگ</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End of section body -->
<!-- divider -->
<div class="border w-100" data-anim-visible="zoom-in" data-anim-start="0.3" data-anim-line-delay="0.2">
</div>
<!-- credit -->
<div class="row my-4">
<div class="col-12">
<h5>طراحی و توسعه توسط شرکت برنامه نویسی <a href="https://pestehmenu.ir" class="credit">پستـه
تِـک</a></h5>
</div>
</div>
</section>
<!-- End of contact section -->
</main>
<!-- END OF page main content -->
<!-- scripts -->
<!-- All Javascript plugins goes here -->
<script defer src="./js/bootstrap.min.js"></script>
<!-- All vendor scripts -->
<script defer src="./js/swiper/swiper-bundle.min.js"></script>
<script src="./js/rellax/rellax-custom.js"></script>
<!-- <script src="./js/axios/axios.min.js"></script> -->
<!-- Custom made script -->
<script src="./js/scroll-slider.js"></script>
<script src="./js/section-scroll.js"></script>
<script src="./js/scroll-anim.js"></script>
<!-- Javascript main files -->
<script src="./js/main.js"></script>
<!-- <script src="./js/init-form.js"></script> -->
</body>
</html>