مراحل اوليه و تبديل قالب html به قالب وردپرسي

بخش هدر و فوتر و بخشي از اسلايدر اماده شده
This commit is contained in:
رسول محمدی خانقاه 2025-05-29 12:40:53 +03:30
commit dcb288a66e
65 changed files with 2167 additions and 0 deletions

86
404.html Normal file
View File

@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>کیت کالا</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<script src="assets/js/swiper-bundle.min.js" type="text/javascript"></script>
</head>
<body>
<header>
<a class="btnsearch" href="#"></a>
<a class="kitkala-basket" href="#"></a>
<a class="registerbtn" href="#">ورود/ ثبت نام</a>
<a class="logo" href="#"><img src="assets/img/logo.png" alt=""></a>
<nav class="main-menu">
<ul>
<li> <a href="#">صفحه اصلی</a> </li>
<li> <a href="#">فروشگاه</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li> <a href="#">وبلاگ</a> </li>
<li> <a href="#">تخفیف ها</a> </li>
<li> <a href="#">آموزش ها</a> </li>
<li> <a href="#">درباره ما</a> </li>
</ul>
</nav>
</header>
<div class="kitkala-center"><div class="breadcrumb">صفحه اصلی > درباره ما</div></div>
<div class="content404">
<h1 class="title404">عه مثل اینکه این صفحه وجود نداره</h1>
<img src="assets/img/404.png" alt="">
<p>اشکال نداره حالا که این صفحه وجود نداره می تونی از بخش پایین وارد صفحه اصلی بشی</p>
<a class="gotohome" href="#">بریم صفحه اصلی</a>
</div>
<footer>
<div class="kitkala-center">
<div class="feature-footer">
<img src="assets/img/features.png" alt="">
</div>
<div class="footer-column">
<h4 class="footer-column-title">راه های ارتباطی</h4>
<p>
شماره تماس: 02154743046 <br>
ایمیل : info@kitwp.com <br>
آدرس : تهران، زعفرانیه ساختمان اداری لاله <br>
زمان پاسخگویی : 8 صبح تا 8 عصر <br>
</p>
</div>
<div class="footer-column">
<h4 class="footer-column-title">دسترسی سریع</h4>
<ul>
<li><a href="#">درباره ما</a></li>
<li><a href="#">یگیری سفارش</a></li>
<li><a href="#">روش های پرداخت</a></li>
<li><a href="#">سوالان متداول</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-column-title">مجوزها</h4>
<a href="#"><img src="assets/img/namad.png" alt=""> </a>
</div>
<div class="copyright-text"><p>استفاده از مطالب فروشگاه اینترنتی کیت کالا برای مقاصد غیر تجاری و با ذکر منبع بلا مانع است.</p></div>
</div>
</footer>
</body>
</html>

171
archive.html Normal file
View File

@ -0,0 +1,171 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>کیت کالا</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<script src="assets/js/swiper-bundle.min.js" type="text/javascript"></script>
</head>
<body>
<header>
<a class="btnsearch" href="#"></a>
<a class="kitkala-basket" href="#"></a>
<a class="registerbtn" href="#">ورود/ ثبت نام</a>
<a class="logo" href="#"><img src="assets/img/logo.png" alt=""></a>
<nav class="main-menu">
<ul>
<li> <a href="#">صفحه اصلی</a> </li>
<li> <a href="#">فروشگاه</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li> <a href="#">وبلاگ</a> </li>
<li> <a href="#">تخفیف ها</a> </li>
<li> <a href="#">آموزش ها</a> </li>
<li> <a href="#">درباره ما</a> </li>
</ul>
</nav>
</header>
<div class="kitkala-center">
<div class="breadcrumb">صفحه اصلی > درباره ما</div>
<div class="archive-content">
<h1 class="archive-main-title">گوشی اپل</h1>
<div class="clear"></div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<a class="readmore" href="#">ادامه مطلب</a>
</div>
</div>
<aside class="kitkala-sidebar">
<a href="#"><img src="assets/img/ads.png" alt=""></a>
<div class="sidebar-related-post">
<span class="last-post-title">آخرین نوشته ها</span>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum.png" alt=""></a>
<a href="#"><h3 class="title-post">بهترین گوشی سامسونگ</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum2.png" alt=""></a>
<a href="#"><h3 class="title-post">گوشی نوت 11 پرو به زودی وارد بازار می شود</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum.png" alt=""></a>
<a href="#"><h3 class="title-post">بهترین گوشی سامسونگ</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum2.png" alt=""></a>
<a href="#"><h3 class="title-post">گوشی نوت 11 پرو به زودی وارد بازار می شود</h3></a>
</div>
</div>
<a href="#"><img src="assets/img/side-img.png" alt=""> </a>
</aside>
</div>
<div class="clear"></div>
<footer>
<div class="kitkala-center">
<div class="feature-footer">
<img src="assets/img/features.png" alt="">
</div>
<div class="footer-column">
<h4 class="footer-column-title">راه های ارتباطی</h4>
<p>
شماره تماس: 02154743046 <br>
ایمیل : info@kitwp.com <br>
آدرس : تهران، زعفرانیه ساختمان اداری لاله <br>
زمان پاسخگویی : 8 صبح تا 8 عصر <br>
</p>
</div>
<div class="footer-column">
<h4 class="footer-column-title">دسترسی سریع</h4>
<ul>
<li><a href="#">درباره ما</a></li>
<li><a href="#">یگیری سفارش</a></li>
<li><a href="#">روش های پرداخت</a></li>
<li><a href="#">سوالان متداول</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-column-title">مجوزها</h4>
<a href="#"><img src="assets/img/namad.png" alt=""> </a>
</div>
<div class="copyright-text"><p>استفاده از مطالب فروشگاه اینترنتی کیت کالا برای مقاصد غیر تجاری و با ذکر منبع بلا مانع است.</p></div>
</div>
</footer>
</body>
</html>

13
assets/css/swiper-bundle.min.css vendored Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
assets/img/0.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
assets/img/1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
assets/img/2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
assets/img/3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
assets/img/404.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

BIN
assets/img/acer.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
assets/img/add-to-cart.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
assets/img/adl.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
assets/img/adr.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

BIN
assets/img/ads.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
assets/img/apple.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
assets/img/article-thum.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

BIN
assets/img/article.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 753 B

BIN
assets/img/asus.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
assets/img/author.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
assets/img/basket.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
assets/img/brand.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/img/clock.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
assets/img/comment.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
assets/img/date.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
assets/img/dell.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
assets/img/doll.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 967 B

BIN
assets/img/features.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
assets/img/gur.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
assets/img/hp.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
assets/img/lab.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

BIN
assets/img/laptop.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 479 B

BIN
assets/img/left-banner.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
assets/img/lenovo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
assets/img/lg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
assets/img/loc.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
assets/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
assets/img/namad.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

BIN
assets/img/org.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 990 B

BIN
assets/img/pay.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 941 B

BIN
assets/img/phone.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

BIN
assets/img/price.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 761 B

6
assets/img/search.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 30" width="30px" height="30px">
<g id="surface1366167">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 13 3 C 7.488281 3 3 7.488281 3 13 C 3 18.511719 7.488281 23 13 23 C 15.398438 23 17.597656 22.148438 19.324219 20.734375 L 25.292969 26.707031 C 25.542969 26.96875 25.917969 27.074219 26.265625 26.980469 C 26.617188 26.890625 26.890625 26.617188 26.980469 26.265625 C 27.074219 25.917969 26.96875 25.542969 26.707031 25.292969 L 20.734375 19.320312 C 22.148438 17.597656 23 15.398438 23 13 C 23 7.488281 18.511719 3 13 3 Z M 13 5 C 17.429688 5 21 8.570312 21 13 C 21 17.429688 17.429688 21 13 21 C 8.570312 21 5 17.429688 5 13 C 5 8.570312 8.570312 5 13 5 Z M 13 5 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 866 B

BIN
assets/img/side-img.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

BIN
assets/img/sidebar-thum.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
assets/img/slide.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

BIN
assets/img/sony.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
assets/img/suggest.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
assets/img/thum.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

14
assets/js/swiper-bundle.min.js vendored Normal file

File diff suppressed because one or more lines are too long

69
footer.php Normal file
View File

@ -0,0 +1,69 @@
<footer>
<div class="kitkala-center">
<div class="feature-footer">
<img src="assets/img/features.png" alt="">
</div>
<div class="footer-column">
<h4 class="footer-column-title">راه های ارتباطی</h4>
<p>
شماره تماس: 02154743046 <br>
ایمیل : info@kitwp.com <br>
آدرس : تهران، زعفرانیه ساختمان اداری لاله <br>
زمان پاسخگویی : 8 صبح تا 8 عصر <br>
</p>
</div>
<div class="footer-column">
<h4 class="footer-column-title">دسترسی سریع</h4>
<ul>
<li><a href="#">درباره ما</a></li>
<li><a href="#">یگیری سفارش</a></li>
<li><a href="#">روش های پرداخت</a></li>
<li><a href="#">سوالان متداول</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-column-title">مجوزها</h4>
<a href="#"><img src="assets/img/namad.png" alt=""> </a>
</div>
<div class="copyright-text"><p>استفاده از مطالب فروشگاه اینترنتی کیت کالا برای مقاصد غیر تجاری و با ذکر منبع بلا مانع است.</p></div>
</div>
</footer>
<?php wp_footer();?>
<script>
var swiper = new Swiper(".brand-slider", {
loop: true,
});
</script>
<script>
var swiper = new Swiper(".mySwiper", {
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
loop: true,
autoHeight: true,
autoplay: {
delay: 2000,
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
},
});
</script>
<script>
var menu = ['10%', '20%', '30%','40%'];
var swiper = new Swiper(".discount-slider", {
direction: "vertical",
pagination: {
el: ".swiper-pagination",
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
loop: true,
});
</script>
</body>
</html>

23
functions.php Normal file
View File

@ -0,0 +1,23 @@
<?php
// این تابع برای برای منوی هدر میباشد
function hefz_header_menu(){
register_nav_menu('header-menu',__('هدر بالایی'));
}
add_action('init', 'hefz_header_menu');
//افزودن قابلیت های قالب
add_theme_support('post-thumbnails');
//پست تایپ اسلایدر
function Hefz_Slider_PostType(){
register_post_type('slider', array(
'labels' => array(
'name' => __('اسلایدرها') ,
'singular_name' => __('اسلایدر') ,
'add_new' => __( 'افزودن اسلایدر'),
'add_new_item' => __( 'افزودن اسلایدر'),
),
'public' => true ,
'has_archive' => false ,
'supports' => array('title','editor','thumbnail','link')
));
}
add_filter('init','Hefz_Slider_PostType');

24
header.php Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="<?php bloginfo('charset')?>">
<title><?php bloginfo('name')?></title>
<link rel="stylesheet" href="<?php bloginfo('template_url')?>/style.css">
<link rel="stylesheet" href="<?php bloginfo('template_url')?>/assets/css/swiper-bundle.min.css">
<script src="<?php bloginfo('template_url')?>/assets/js/swiper-bundle.min.js" type="text/javascript"></script>
<?php wp_head();?>
</head>
<body>
<header>
<a class="btnsearch" href="#"></a>
<a class="kitkala-basket" href="#"></a>
<a class="registerbtn" href="#">ورود/ ثبت نام</a>
<a class="logo" href="#"><img src="<?php bloginfo('template_url')?>/assets/img/logo.png" alt=""></a>
<nav class="main-menu">
<?php wp_nav_menu( array(
'theme_location' => 'header-menu',
'container' => '',
) )
?>
</nav>
</header>

314
index.php Normal file
View File

@ -0,0 +1,314 @@
<?php get_header();?>
<div class="kitkala-center">
<div class="left-banner"><a href="#"><img src="assets/img/left-banner.jpg" alt=""></a></div>
<div class="home-slider">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="assets/img/slide.png" alt=""></div>
<div class="swiper-slide"><img src="assets/img/slide.png" alt=""></div>
<div class="swiper-slide"><img src="assets/img/slide.png" alt=""></div>
<div class="swiper-slide"><img src="assets/img/slide.png" alt=""></div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="clear"></div>
<div class="banner-container">
<div class="banner-item">
<a href="#"> <img src="assets/img/0.jpg" alt=""> </a>
</div>
<div class="banner-item">
<a href="#"> <img src="assets/img/1.jpg" alt=""> </a>
</div>
<div class="banner-item">
<a href="#"> <img src="assets/img/2.jpg" alt=""> </a>
</div>
<div class="banner-item">
<a href="#"> <img src="assets/img/3.jpg" alt=""> </a>
</div>
</div>
<div class="suggest-product">
<h2 class="kitkala-suggest-title">پیشنهاد کیت کالا</h2>
<a href="#"> <img class="suggest-product-image" src="assets/img/suggest.png" alt=""> </a>
<a href="#"> <h3 class="title-product">لب تاپ ایسر مدل 2022 مخصوص کاربران گیمر</h3> </a>
<span class="sug-product-price">36,549,000 تومان</span>
<a href="#"> <span class="add-to-cart">افزودن به سبد خرید</span> </a>
</div>
<div class="discount-box swiper discount-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="discount-column">
<span class="sale-percent">20%</span>
<img src="assets/img/lab.jpg" alt="">
</div>
<div class="discount-column content">
<div class="product-prices">
<span class="regular-price">4,200,000 تومان</span>
<span class="sale-price">4,050,000 تومان</span>
</div>
<h2 class="product-title">لب تاپ 15 اینچی لنوو مدل 2022</h2>
<p class="sort-desc">
پردازنده Ryzen 5 5600H <br>
حافظه رم DDR4 با ظرفیت 16 گیگابایت <br>
هارددیسک با ظرفیت 1 ترابایت <br>
پردازنده گرافیکی با حافظه 4 گیگابایت <br>
</p>
</div>
<div class="discount-column sugeest-time">
<div class="text-suggest-time">
<span class="wonderful-suggest">پیشنهاد شگفت انگیز</span>
<span class="until-time">فرصتی باقی مانده</span>
</div>
<div class="countdown">
<div class="day">
<span class="no">02</span>
<span class="txt">روز</span>
</div>
<div class="hour">
<span class="no">20</span>
<span class="txt">ساعت</span>
</div>
<div class="minute">
<span class="no">14</span>
<span class="txt">دقیقه</span>
</div>
<div class="second">
<span class="no">23</span>
<span class="txt">ثانیه</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discount-column">
<span class="sale-percent">20%</span>
<img src="assets/img/lab.jpg" alt="">
</div>
<div class="discount-column content">
<div class="product-prices">
<span class="regular-price">4,200,000 تومان</span>
<span class="sale-price">4,050,000 تومان</span>
</div>
<h2 class="product-title">لب تاپ 15 اینچی لنوو مدل 2022</h2>
<p class="sort-desc">
پردازنده Ryzen 5 5600H <br>
حافظه رم DDR4 با ظرفیت 16 گیگابایت <br>
هارددیسک با ظرفیت 1 ترابایت <br>
پردازنده گرافیکی با حافظه 4 گیگابایت <br>
</p>
</div>
<div class="discount-column sugeest-time">
<div class="text-suggest-time">
<span class="wonderful-suggest">پیشنهاد شگفت انگیز</span>
<span class="until-time">فرصتی باقی مانده</span>
</div>
<div class="countdown">
<div class="day">
<span class="no">02</span>
<span class="txt">روز</span>
</div>
<div class="hour">
<span class="no">20</span>
<span class="txt">ساعت</span>
</div>
<div class="minute">
<span class="no">14</span>
<span class="txt">دقیقه</span>
</div>
<div class="second">
<span class="no">23</span>
<span class="txt">ثانیه</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discount-column">
<span class="sale-percent">20%</span>
<img src="assets/img/lab.jpg" alt="">
</div>
<div class="discount-column content">
<div class="product-prices">
<span class="regular-price">4,200,000 تومان</span>
<span class="sale-price">4,050,000 تومان</span>
</div>
<h2 class="product-title">لب تاپ 15 اینچی لنوو مدل 2022</h2>
<p class="sort-desc">
پردازنده Ryzen 5 5600H <br>
حافظه رم DDR4 با ظرفیت 16 گیگابایت <br>
هارددیسک با ظرفیت 1 ترابایت <br>
پردازنده گرافیکی با حافظه 4 گیگابایت <br>
</p>
</div>
<div class="discount-column sugeest-time">
<div class="text-suggest-time">
<span class="wonderful-suggest">پیشنهاد شگفت انگیز</span>
<span class="until-time">فرصتی باقی مانده</span>
</div>
<div class="countdown">
<div class="day">
<span class="no">02</span>
<span class="txt">روز</span>
</div>
<div class="hour">
<span class="no">20</span>
<span class="txt">ساعت</span>
</div>
<div class="minute">
<span class="no">14</span>
<span class="txt">دقیقه</span>
</div>
<div class="second">
<span class="no">23</span>
<span class="txt">ثانیه</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discount-column">
<span class="sale-percent">20%</span>
<img src="assets/img/lab.jpg" alt="">
</div>
<div class="discount-column content">
<div class="product-prices">
<span class="regular-price">4,200,000 تومان</span>
<span class="sale-price">4,050,000 تومان</span>
</div>
<h2 class="product-title">لب تاپ 15 اینچی لنوو مدل 2022</h2>
<p class="sort-desc">
پردازنده Ryzen 5 5600H <br>
حافظه رم DDR4 با ظرفیت 16 گیگابایت <br>
هارددیسک با ظرفیت 1 ترابایت <br>
پردازنده گرافیکی با حافظه 4 گیگابایت <br>
</p>
</div>
<div class="discount-column sugeest-time">
<div class="text-suggest-time">
<span class="wonderful-suggest">پیشنهاد شگفت انگیز</span>
<span class="until-time">فرصتی باقی مانده</span>
</div>
<div class="countdown">
<div class="day">
<span class="no">02</span>
<span class="txt">روز</span>
</div>
<div class="hour">
<span class="no">20</span>
<span class="txt">ساعت</span>
</div>
<div class="minute">
<span class="no">14</span>
<span class="txt">دقیقه</span>
</div>
<div class="second">
<span class="no">23</span>
<span class="txt">ثانیه</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="kitkala-feature">
<div class="">
<span class="feature"> <img src="assets/img/org.png" alt="">ضمانت اصل بودن کالا</span>
<span class="feature"> <img src="assets/img/price.png" alt="">تخفیف های همیشگی</span>
<span class="feature"> <img src="assets/img/pay.png" alt="">پرداخت در محل</span>
<span class="feature"> <img src="assets/img/doll.png" alt="">بهترین قیمت روز</span>
<span class="feature"> <img src="assets/img/gur.png" alt="">گارانتی بازگشت وجه</span>
<span class="feature"> <img src="assets/img/loc.png" alt="">ارسال به تمام نقاط کشور</span>
</div>
</div>
<div class="most-sells-product">
<h4 class="most-sell-title">پرفروش ترین لب تاپ ها</h4>
<div class="inner-item-product">
<div class="item-product">
<a href="#"> <img src="assets/img/lab.jpg" alt=""> </a>
<a href="#"> <h3>لب تاپ ایسوس مدل2022 رم 4 گیگ 1 ترابایت</h3> </a>
<span>23,392,000 تومان</span>
</div>
<div class="item-product">
<a href="#"> <img src="assets/img/lab.jpg" alt=""> </a>
<a href="#"> <h3>لب تاپ ایسوس مدل2022 رم 4 گیگ 1 ترابایت</h3> </a>
<span>23,392,000 تومان</span>
</div>
<div class="item-product">
<a href="#"> <img src="assets/img/lab.jpg" alt=""> </a>
<a href="#"> <h3>لب تاپ ایسوس مدل2022 رم 4 گیگ 1 ترابایت</h3> </a>
<span>23,392,000 تومان</span>
</div>
<div class="item-product">
<a href="#"> <img src="assets/img/lab.jpg" alt=""> </a>
<a href="#"> <h3>لب تاپ ایسوس مدل2022 رم 4 گیگ 1 ترابایت</h3> </a>
<span>23,392,000 تومان</span>
</div>
<div class="item-product">
<a href="#"> <img src="assets/img/lab.jpg" alt=""> </a>
<a href="#"> <h3>لب تاپ ایسوس مدل2022 رم 4 گیگ 1 ترابایت</h3> </a>
<span>23,392,000 تومان</span>
</div>
</div>
</div>
<div class="home-middle-banner">
<a class="adl-banner" href="#"> <img src="assets/img/adl.jpg" alt=""> </a>
<a class="adr-banner" href="#"> <img src="assets/img/adr.jpg" alt=""> </a>
</div>
<div class="home-article">
<h4 class="home-art-title">آخرین مقالات سایت</h4>
<div class="home-box-article">
<div class="article-item">
<a href="#"> <img src="assets/img/thum.jpg" alt=""> </a>
<a href="#"> <h3>10 اپلیکیشن برتر برای متحرک کردنعکس در اندروید و آیفون</h3> </a>
<a href="#" class="author">اسحاق شفایی</a>
<span class="publish-date">8 آبان 1400</span>
</div>
<div class="article-item">
<a href="#"> <img src="assets/img/thum.jpg" alt=""> </a>
<a href="#"> <h3>10 اپلیکیشن برتر برای متحرک کردنعکس در اندروید و آیفون</h3> </a>
<a href="#" class="author">اسحاق شفایی</a>
<span class="publish-date">8 آبان 1400</span>
</div>
<div class="article-item">
<a href="#"> <img src="assets/img/thum.jpg" alt=""> </a>
<a href="#"> <h3>10 اپلیکیشن برتر برای متحرک کردنعکس در اندروید و آیفون</h3> </a>
<a href="#" class="author">اسحاق شفایی</a>
<span class="publish-date">8 آبان 1400</span>
</div>
<div class="article-item">
<a href="#"> <img src="assets/img/thum.jpg" alt=""> </a>
<a href="#"> <h3>10 اپلیکیشن برتر برای متحرک کردنعکس در اندروید و آیفون</h3> </a>
<a href="#" class="author">اسحاق شفایی</a>
<span class="publish-date">8 آبان 1400</span>
</div>
<div class="article-item">
<a href="#"> <img src="assets/img/thum.jpg" alt=""> </a>
<a href="#"> <h3>10 اپلیکیشن برتر برای متحرک کردنعکس در اندروید و آیفون</h3> </a>
<a href="#" class="author">اسحاق شفایی</a>
<span class="publish-date">8 آبان 1400</span>
</div>
</div>
<h4 class="home-brand-title">برندهای ویژه</h4>
<div class="home-brands swiper brand-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="center-item">
<div class="brand-item"><a href="#"><img src="assets/img/hp.png" alt=""></a></div>
<div class="brand-item"><a href="#"><img src="assets/img/asus.png" alt=""></a></div>
<div class="brand-item"><a href="#"><img src="assets/img/lenovo.png" alt=""></a></div>
<div class="brand-item"><a href="#"><img src="assets/img/acer.png" alt=""></a></div>
<div class="brand-item"><a href="#"><img src="assets/img/dell.png" alt=""></a></div>
<div class="brand-item"><a href="#"><img src="assets/img/apple.png" alt=""></a></div>
<div class="brand-item"><a href="#"><img src="assets/img/lg.png" alt=""></a></div>
<div class="brand-item"><a href="#"><img src="assets/img/sony.png" alt=""></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<?php get_footer();?>

123
page.html Normal file
View File

@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>کیت کالا</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<script src="assets/js/swiper-bundle.min.js" type="text/javascript"></script>
</head>
<body>
<header>
<a class="btnsearch" href="#"></a>
<a class="kitkala-basket" href="#"></a>
<a class="registerbtn" href="#">ورود/ ثبت نام</a>
<a class="logo" href="#"><img src="assets/img/logo.png" alt=""></a>
<nav class="main-menu">
<ul>
<li> <a href="#">صفحه اصلی</a> </li>
<li> <a href="#">فروشگاه</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li> <a href="#">وبلاگ</a> </li>
<li> <a href="#">تخفیف ها</a> </li>
<li> <a href="#">آموزش ها</a> </li>
<li> <a href="#">درباره ما</a> </li>
</ul>
</nav>
</header>
<div class="kitkala-center">
<div class="breadcrumb">صفحه اصلی > درباره ما</div>
<section class="pages-content">
<h1 class="page-title">درباره ما</h1>
<p class="content-pa">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
</p>
</section>
<aside class="kitkala-sidebar">
<a href="#"><img src="assets/img/ads.png" alt=""></a>
<div class="sidebar-related-post">
<span class="last-post-title">آخرین نوشته ها</span>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum.png" alt=""></a>
<a href="#"><h3 class="title-post">بهترین گوشی سامسونگ</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum2.png" alt=""></a>
<a href="#"><h3 class="title-post">گوشی نوت 11 پرو به زودی وارد بازار می شود</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum.png" alt=""></a>
<a href="#"><h3 class="title-post">بهترین گوشی سامسونگ</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum2.png" alt=""></a>
<a href="#"><h3 class="title-post">گوشی نوت 11 پرو به زودی وارد بازار می شود</h3></a>
</div>
</div>
<a href="#"><img src="assets/img/side-img.png" alt=""> </a>
</aside>
</div>
<div class="clear"></div>
<footer>
<div class="kitkala-center">
<div class="feature-footer">
<img src="assets/img/features.png" alt="">
</div>
<div class="footer-column">
<h4 class="footer-column-title">راه های ارتباطی</h4>
<p>
شماره تماس: 02154743046 <br>
ایمیل : info@kitwp.com <br>
آدرس : تهران، زعفرانیه ساختمان اداری لاله <br>
زمان پاسخگویی : 8 صبح تا 8 عصر <br>
</p>
</div>
<div class="footer-column">
<h4 class="footer-column-title">دسترسی سریع</h4>
<ul>
<li><a href="#">درباره ما</a></li>
<li><a href="#">یگیری سفارش</a></li>
<li><a href="#">روش های پرداخت</a></li>
<li><a href="#">سوالان متداول</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-column-title">مجوزها</h4>
<a href="#"><img src="assets/img/namad.png" alt=""> </a>
</div>
<div class="copyright-text"><p>استفاده از مطالب فروشگاه اینترنتی کیت کالا برای مقاصد غیر تجاری و با ذکر منبع بلا مانع است.</p></div>
</div>
</footer>
</body>
</html>

133
post.html Normal file
View File

@ -0,0 +1,133 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>کیت کالا</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<script src="assets/js/swiper-bundle.min.js" type="text/javascript"></script>
</head>
<body>
<header>
<a class="btnsearch" href="#"></a>
<a class="kitkala-basket" href="#"></a>
<a class="registerbtn" href="#">ورود/ ثبت نام</a>
<a class="logo" href="#"><img src="assets/img/logo.png" alt=""></a>
<nav class="main-menu">
<ul>
<li> <a href="#">صفحه اصلی</a> </li>
<li> <a href="#">فروشگاه</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li> <a href="#">وبلاگ</a> </li>
<li> <a href="#">تخفیف ها</a> </li>
<li> <a href="#">آموزش ها</a> </li>
<li> <a href="#">درباره ما</a> </li>
</ul>
</nav>
</header>
<div class="kitkala-center">
<div class="breadcrumb">صفحه اصلی > درباره ما</div>
<section class="pages-content">
<div class="thumbnail-image"><img src="assets/img/article-thum.png" alt=""></div>
<div class="specification-post">
<a class="category-post" href="#">مقالات</a>
<h1 class="post-title">محبوب ترین گوشی های کیت کالا</h1>
<p class="short-decs">در این پست می خواهیم محبوب ترین گوشی های کیت کالا رو باهم بررسی کنیم پس اگر قصد دارید یک گوشی مناسب خریداری کنید حتما تا آخر این مقاله همراه کیت کالا باشید.</p>
<div class="meta-info">
<span class="comment">0</span>
<span class="publish-date">20 دی 1400</span>
<span class="author-name">اسحاق شفایی</span>
</div>
</div>
<div class="clear"></div>
<div class="inner-content">
<p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
<br>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
</p>
</div>
</section>
<aside class="kitkala-sidebar">
<a href="#"><img src="assets/img/ads.png" alt=""></a>
<div class="sidebar-related-post">
<span class="last-post-title">آخرین نوشته ها</span>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum.png" alt=""></a>
<a href="#"><h3 class="title-post">بهترین گوشی سامسونگ</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum2.png" alt=""></a>
<a href="#"><h3 class="title-post">گوشی نوت 11 پرو به زودی وارد بازار می شود</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum.png" alt=""></a>
<a href="#"><h3 class="title-post">بهترین گوشی سامسونگ</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum2.png" alt=""></a>
<a href="#"><h3 class="title-post">گوشی نوت 11 پرو به زودی وارد بازار می شود</h3></a>
</div>
</div>
<a href="#"><img src="assets/img/side-img.png" alt=""> </a>
</aside>
</div>
<div class="clear"></div>
<footer>
<div class="kitkala-center">
<div class="feature-footer">
<img src="assets/img/features.png" alt="">
</div>
<div class="footer-column">
<h4 class="footer-column-title">راه های ارتباطی</h4>
<p>
شماره تماس: 02154743046 <br>
ایمیل : info@kitwp.com <br>
آدرس : تهران، زعفرانیه ساختمان اداری لاله <br>
زمان پاسخگویی : 8 صبح تا 8 عصر <br>
</p>
</div>
<div class="footer-column">
<h4 class="footer-column-title">دسترسی سریع</h4>
<ul>
<li><a href="#">درباره ما</a></li>
<li><a href="#">یگیری سفارش</a></li>
<li><a href="#">روش های پرداخت</a></li>
<li><a href="#">سوالان متداول</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-column-title">مجوزها</h4>
<a href="#"><img src="assets/img/namad.png" alt=""> </a>
</div>
<div class="copyright-text"><p>استفاده از مطالب فروشگاه اینترنتی کیت کالا برای مقاصد غیر تجاری و با ذکر منبع بلا مانع است.</p></div>
</div>
</footer>
</body>
</html>

182
product-cat.html Normal file
View File

@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>کیت کالا</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<script src="assets/js/swiper-bundle.min.js" type="text/javascript"></script>
</head>
<body>
<header>
<a class="btnsearch" href="#"></a>
<a class="kitkala-basket" href="#"></a>
<a class="registerbtn" href="#">ورود/ ثبت نام</a>
<a class="logo" href="#"><img src="assets/img/logo.png" alt=""></a>
<nav class="main-menu">
<ul>
<li> <a href="#">صفحه اصلی</a> </li>
<li> <a href="#">فروشگاه</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a>
<ul>
<li><a href="#">محصولات الکترونیکی</a></li>
<li><a href="#">محصولات دیجیتالی</a></li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li><a href="#">انواع موبایل های جدید</a></li>
<li><a href="#">پربازدیدترین محصولات</a></li>
</ul>
</li>
<li> <a href="#">وبلاگ</a> </li>
<li> <a href="#">تخفیف ها</a> </li>
<li> <a href="#">آموزش ها</a> </li>
<li> <a href="#">درباره ما</a> </li>
</ul>
</nav>
</header>
<div class="kitkala-center">
<div class="breadcrumb">صفحه اصلی > درباره ما</div>
<div class="archive-content">
<h1 class="archive-main-title">گوشی اپل</h1>
<div class="clear"></div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
<div class="item">
<a href="#"><img src="assets/img/phone.png" alt=""></a>
<a href="#"><h3 class="archive-title">گوشی اپل 12 پرو مکس بهترین گوشی است؟</h3></a>
<span class="price-product">35,000,000 تومان</span>
<a class="add-to-cart-category" href="#">افزودن به سبد خرید</a>
</div>
</div>
<aside class="kitkala-sidebar">
<a href="#"><img src="assets/img/ads.png" alt=""></a>
<div class="sidebar-related-post">
<span class="last-post-title">آخرین نوشته ها</span>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum.png" alt=""></a>
<a href="#"><h3 class="title-post">بهترین گوشی سامسونگ</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum2.png" alt=""></a>
<a href="#"><h3 class="title-post">گوشی نوت 11 پرو به زودی وارد بازار می شود</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum.png" alt=""></a>
<a href="#"><h3 class="title-post">بهترین گوشی سامسونگ</h3></a>
</div>
<div class="item-post">
<a href="#"><img src="assets/img/sidebar-thum2.png" alt=""></a>
<a href="#"><h3 class="title-post">گوشی نوت 11 پرو به زودی وارد بازار می شود</h3></a>
</div>
</div>
<a href="#"><img src="assets/img/side-img.png" alt=""> </a>
</aside>
</div>
<div class="clear"></div>
<footer>
<div class="kitkala-center">
<div class="feature-footer">
<img src="assets/img/features.png" alt="">
</div>
<div class="footer-column">
<h4 class="footer-column-title">راه های ارتباطی</h4>
<p>
شماره تماس: 02154743046 <br>
ایمیل : info@kitwp.com <br>
آدرس : تهران، زعفرانیه ساختمان اداری لاله <br>
زمان پاسخگویی : 8 صبح تا 8 عصر <br>
</p>
</div>
<div class="footer-column">
<h4 class="footer-column-title">دسترسی سریع</h4>
<ul>
<li><a href="#">درباره ما</a></li>
<li><a href="#">یگیری سفارش</a></li>
<li><a href="#">روش های پرداخت</a></li>
<li><a href="#">سوالان متداول</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-column-title">مجوزها</h4>
<a href="#"><img src="assets/img/namad.png" alt=""> </a>
</div>
<div class="copyright-text"><p>استفاده از مطالب فروشگاه اینترنتی کیت کالا برای مقاصد غیر تجاری و با ذکر منبع بلا مانع است.</p></div>
</div>
</footer>
</body>
</html>

1009
style.css Normal file

File diff suppressed because it is too large Load Diff