Karsha/EndPoint.Site/Views/Home/Index.cshtml

<!--Main Slider-->
<section class="main-slider">

	<div class="main-slider-carousel owl-carousel owl-theme">

		<div class="slide style-two" style="background-image:url(../sitetemplate/assets/images/main-slider/1.jpg)">
			<div class="auto-container">
				<div class="content clearfix">
					<div class="title">تجهيزات و مبلمان سالنهاى انتظار</div>
					<h2> در فرودگاه ها و ترمینال ها </h2>
					<div class="text">
						طراحى و توليد تجهيزات و مبلمان سالنهاى انتظار (فرودگاه،ترمينالها و...)
					</div>
					<div class="link-box">
						<a href="about.html" class="theme-btn btn-style-one">بیشتر بدانیم</a>
					</div>
				</div>
			</div>
		</div>

		<div class="slide style-two" style="background-image:url(../sitetemplate/assets/images/main-slider/2.jpg)">
			<div class="auto-container">
				<div class="content clearfix">
					<div class="title">انواع تجهیزات اداری</div>
					<h2>کمد ، میز و فایل </h2>
					<div class="text">
						طراحى و توليد انواع تجهيزات فلزى (كمد،فايل،ميز و...)براى سازمان هاى نظامى،انتظامى،ادارات، مناطق ،ارتشى،كارخانجات 
					</div>
					<div class="link-box">
						<a href="about.html" class="theme-btn btn-style-one">بیشتر بدانیم</a>
					</div>
				</div>
			</div>
		</div>

		<div class="slide style-two" style="background-image:url(../sitetemplate/assets/images/main-slider/3.jpg)">
			<div class="auto-container">
				<div class="content clearfix">
					<div class="title">اجرای صندلی های سالن ها</div>
					<h2> در سالن های همایش ،کنفرانس و سمینار ها</h2>
					<div class="text">
						طراحى و اجراى سالن هاى همايش،سينما،كنفرانس،سمينارها
					</div>
					<div class="link-box">
						<a href="about.html" class="theme-btn btn-style-one">بیشتر بدانیم</a>
					</div>
				</div>
			</div>
		</div>

		<div class="slide style-two" style="background-image:url(../sitetemplate/assets/images/main-slider/4.jpg)">
			<div class="auto-container">
				<div class="content clearfix">
					<div class="title">طراحی براساس سلیقه مشتری</div>
					<h2>در اداره ها و شرکت ها</h2>
					<div class="text">
						طراحى و اجراى سيستمهاى پارتيشن بندى(تقسيم بندى فضاهاى ادارى،بانك ها و..)
					</div>
					<div class="link-box">
						<a href="about.html" class="theme-btn btn-style-one">بیشتر بدانیم</a>
					</div>
				</div>
			</div>
		</div>

		<div class="slide style-two" style="background-image:url(../sitetemplate/assets/images/main-slider/5.jpg)">
			<div class="auto-container">
				<div class="content clearfix">
					<div class="title">طراحی تجهیزات پزشکی</div>
					<h2>کارگاه های آموزشی</h2>
					<div class="text">
						طراحى و تجهيز كامل كارگاه هاى نظام جديد آموزشى در شاخه هاى كاردانش و فنى حرفه اى تحت نظارت و الگوى استاندارد
					</div>
					<div class="link-box">
						<a href="about.html" class="theme-btn btn-style-one">بیشتر بدانیم</a>
					</div>
				</div>
			</div>
		</div>

		<div class="slide style-two" style="background-image:url(../sitetemplate/assets/images/main-slider/6.jpg)">
			<div class="auto-container">
				<div class="content clearfix">
					<div class="title">طراحی و تجهیزات آزمایشگاهی</div>
					<h2>فضاسازی متناسب با سلیقه مشتری</h2>
					<div class="text">
						طراحى و تجهيز لابراتور هاى زبان،كامپيوتر و آزمايشگاها.
					</div>
					<div class="link-box">
						<a href="about.html" class="theme-btn btn-style-one">بیشتر بدانیم</a>
					</div>
				</div>
			</div>
		</div>

	</div>
	<!-- Left Title -->

	<div class="auto-container">
		<!-- Social Box -->
		<div class="social-box">
			<a href="#"><span class="fa fa-paper-plane"></span></a>
			<a href="#"><span class="fa fa-instagram"></span></a>
			<a href="#"><span class="fa fa-whatsapp"></span></a>
			<a href="#"><span class="fa fa-google-plus"></span></a>
		</div>
	</div>
	<!--Scroll Dwwn Btn-->
	<div class="mouse-btn-down scroll-to-target" data-target=".services-section-two"></div>
</section>
<!--End Main Slider-->
<!-- Project Section -->
<section class="project-section">
	<div class="auto-container">
		<!-- Sec Title -->
		<div class="sec-title">
			<div class="title-inner">
				<div class="title">گروه محصولات ما</div>
			</div>
		</div>

		<div class="four-item-carousel owl-carousel owl-theme  wow slideInRight" data-wow-delay="300ms"
			 data-wow-duration="1500ms">

			<!-- Project Block -->
			@await Component.InvokeAsync("GetCategories")

		</div>

	</div>
</section>
<!-- End Project Section -->
<!-- Services Section Two -->
<section class="services-section-two wow slideInLeft" data-wow-delay="300ms" data-wow-duration="1500ms"
		 style="background-image:url(../sitetemplate/assets/images/background/4.jpg)">
	<div class="auto-container">
		<div class="sec-title">
			<div class="title-inner">
				<div class="title">خدمات ما</div>
			</div>
		</div>
		<div class="row clearfix">



			<!-- Services Block Three -->
			<div class="services-block-three col-lg-4 col-md-12 col-sm-12">
				<div class="inner-box">
					<div class="upper-box">
						<div class="icon fa fa-flask"></div>
						<h6><a href="chemical-research.html">لورم ایپسوم متن ساختگی</a></h6>
					</div>
					<div class="text">
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از
						طراحان گرافیک است.
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک
						است.
					</div>
					<a class="read-more" href="chemical-research.html">
						بیشتر بدانیم <span class="arrow fa fa-angle-double-right"></span>
					</a>
				</div>
			</div>

			<!-- Services Block Three -->
			<div class="services-block-three col-lg-4 col-md-12 col-sm-12">
				<div class="inner-box">
					<div class="upper-box">
						<div class="icon fa fa-flask"></div>
						<h6><a href="chemical-research.html">لورم ایپسوم متن ساختگی</a></h6>
					</div>
					<div class="text">
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از
						طراحان گرافیک است.
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک
						است.
					</div>
					<a class="read-more" href="chemical-research.html">
						بیشتر بدانیم <span class="arrow fa fa-angle-double-right"></span>
					</a>
				</div>
			</div>

			<!-- Services Block Three -->
			<div class="services-block-three col-lg-4 col-md-12 col-sm-12">
				<div class="inner-box">
					<div class="upper-box">
						<div class="icon fa fa-flask"></div>
						<h6><a href="chemical-research.html">لورم ایپسوم متن ساختگی</a></h6>
					</div>
					<div class="text">
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از
						طراحان گرافیک است.
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک
						است.
					</div>
					<a class="read-more" href="chemical-research.html">
						بیشتر بدانیم <span class="arrow fa fa-angle-double-right"></span>
					</a>
				</div>
			</div>

			<!-- Services Block Three -->
			<div class="services-block-three col-lg-4 col-md-12 col-sm-12">
				<div class="inner-box">
					<div class="upper-box">
						<div class="icon fa fa-flask"></div>
						<h6><a href="chemical-research.html">لورم ایپسوم متن ساختگی</a></h6>
					</div>
					<div class="text">
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از
						طراحان گرافیک است.
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک
						است.
					</div>
					<a class="read-more" href="chemical-research.html">
						بیشتر بدانیم <span class="arrow fa fa-angle-double-right"></span>
					</a>
				</div>
			</div>

			<!-- Services Block Three -->
			<div class="services-block-three col-lg-4 col-md-12 col-sm-12">
				<div class="inner-box">
					<div class="upper-box">
						<div class="icon fa fa-flask"></div>
						<h6><a href="chemical-research.html">لورم ایپسوم متن ساختگی</a></h6>
					</div>
					<div class="text">
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از
						طراحان گرافیک است.
						لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک
						است.
					</div>
					<a class="read-more" href="chemical-research.html">
						بیشتر بدانیم <span class="arrow fa fa-angle-double-right"></span>
					</a>
				</div>
			</div>

		</div>
	</div>
</section>
<!-- End Services Section Two -->
<!-- Choice Section -->
<section class="choice-section">
	<div class="auto-container">
		<div class="row clearfix">

			<!-- Content Column -->
			<div class="content-column col-lg-6 col-md-12 col-sm-12 wow slideInRight" data-wow-delay="300ms"
				 data-wow-duration="1500ms">
				<div class="inner-column">
					<!-- Sec Title -->
					<div class="sec-title">
						<div class="title-inner">
							<div class="title">معرفی شرکت بازرگانی کارشا کالای باستان </div>
						</div>
					</div>
					<div class="text">

						گروه كارخانجات دنياى فلزآمل(كارشا كالا)

						به مجموعه شركت ها و كارخانجات بزرگى اشاره دارد كه بنيان آن در سال ١٣٤٩ توسط مرحوم ((سيف

						اله حبيب زاده عمران)) در كنار مرحوم حاج عماد عمادالدين كليد خورد و در سال ١٣٥٤ با كناره

						گيرى مرحوم عماد الدين و با مشاركت دو برادر ديگر خود موفق به اخذ پروانه بهره بردارى شد.

						مرحوم سيف اله حبيب زاده عمران در سال ١٣٤٩ شروع به ساخت كارخانه اى نمود كه از پيشگامان

						اين صنعت در كشور شناخته ميشود

						اين شركت با هدف توليد تجهيزات ادارى، تاسيس و از سال ١٣٥٤ ساخت تجهيزات مدارس را هدف اول

						خود قرار داد و در اين راه خدمات بسيار ارزشمندي به صنايع آموزشى كشور تقديم نمود

						مرحوم سيف اله حبيب زاده عمران توانست در ابتداى راه با جذب بيش از ١٠٠ نيروى كار بصورت

						مستقيم،و جذب بودجه هاى عمرانى كشور و مصرف آن در داخل استان كمك شايانى به اقتصاد منطقه

						خود نمايد.
					</div>
					<div class="link-box left">
						<a href="~/about/index" class="theme-btn btn-style-two">بیشتر بخوانیم</a>
					</div>
				</div>
			</div>

			<!-- Image Column -->
			<div class="image-column col-lg-6 col-md-12 col-sm-12">
				<div class="inner-column wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
					<div class="image">
						<img src="~/sitetemplate/assets/images/resource/2.jpg" alt="" />
					</div>
				</div>
			</div>

		</div>
	</div>
</section>
<!-- End Choice Section -->
<!--Sponsors Section-->
<section class="sponsors-section   wow slideInRight" data-wow-delay="300ms" data-wow-duration="1500ms">

	<div class="auto-container">
		<div class="sec-title">
			<div class="title-inner">
				<div class="title">مشتریان شرکت بازرگانی کارشا کالای باستان</div>
			</div>
		</div>
		<div class="sponsors-outer">
			<!--Sponsors Carousel-->
			<ul class="sponsors-carousel owl-carousel owl-theme">
				@await Component.InvokeAsync("GetCustomer")
			
			</ul>
		</div>

	</div>
</section>
<!--End Sponsors Section-->
<!-- Testimonial Section -->
<section class="testimonial-section-two   wow slideInLeft" data-wow-delay="300ms" data-wow-duration="1500ms"
		 style="background-image:url(../sitetemplate/assets/images/background/4.jpg)">
	<div class="auto-container">
		<!-- Sec Title -->
		<div class="sec-title">
			<div class="title-inner">
				<div class="title">اخبار شرکت</div>
			</div>
		</div>

		<div class="three-item-carousel owl-carousel owl-theme">

			<!-- Services Block Five -->
			<div class="services-block-five">
				<div class="inner-box">
					<div class="image">
						<a href="#"><img src="~/sitetemplate/assets/images/resource/service-1.jpg" alt="" /></a>
						<div class="overlay-box">
							<a href="#" class="link-icon flaticon-link"></a>
						</div>
					</div>
					<div class="lower-content">
						<div class="upper-box">
							<h3><a href="#">دریافت گواهی تقدیر از سازمان صنایع و معادن</a></h3>
							<div class="text">
								دریافت گواهی تقدیر از سازمان صنایع و معادن دریافت گواهی تقدیر از
								سازمان صنایع و معادن....
							</div>
						</div>
						<div class="lower-box">
							<div class="clearfix">
								<div class="pull-left">
									<a href="#" class="arrow-icon">
										<span class="fa fa-arrow-circle-left"></span>
									</a>
								</div>
								<div class="pull-right">
									<a href="#" class="read-more">بیشتر بدانیم</a>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Services Block Five -->
			<div class="services-block-five">
				<div class="inner-box">
					<div class="image">
						<a href="#"><img src="~/sitetemplate/assets/images/resource/service-1.jpg" alt="" /></a>
						<div class="overlay-box">
							<a href="#" class="link-icon flaticon-link"></a>
						</div>
					</div>
					<div class="lower-content">
						<div class="upper-box">
							<h3><a href="#">دریافت گواهی تقدیر از سازمان صنایع و معادن</a></h3>
							<div class="text">
								دریافت گواهی تقدیر از سازمان صنایع و معادن دریافت گواهی تقدیر از
								سازمان صنایع و معادن....
							</div>
						</div>
						<div class="lower-box">
							<div class="clearfix">
								<div class="pull-left">
									<a href="#" class="arrow-icon">
										<span class="fa fa-arrow-circle-left"></span>
									</a>
								</div>
								<div class="pull-right">
									<a href="#" class="read-more">بیشتر بدانیم</a>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>

	</div>
</section>
<!-- End Testimonial Section -->