intro-site/index-two.html

970 lines
43 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Maxo - قالب شرکتی تک صفحه</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/cubeportfolio.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="css/settings.css">
<link rel="stylesheet" type="text/css" href="css/bootsnav.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/green.css">
<link rel="icon" href="images/favicon.png">
</head>
<body id="home" data-spy="scroll" data-target=".navbar" data-offset="50">
<!--Page Loader-->
<div class="loader">
<div class="spinner">
<div class="dot1"></div>
<div class="dot2"></div>
</div>
</div>
<!--Page Loader ends-->
<!--Header Starts-->
<header class="default">
<nav class="navbar navbar-default bootsnav">
<div class="container">
<div class="menu-icon">
<span></span>
</div>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="index.html">
<img src="images/logo-dark-green.png" class="logo" alt="">
</a>
</div>
<div class="collapse navbar-collapse" id="navbar-menu">
<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
<li class="active"><a href="#home" class="scroll">خانه</a></li>
<li><a href="#features" class="scroll">درباره ما</a></li>
<li><a href="#work" class="scroll"> نمونه‌کارها</a></li>
<li><a href="#pricing" class="scroll">قیمت ها</a></li>
<li><a href="#maxo_news" class="scroll"> اخبار</a></li>
<li><a href="#maxo-blog" class="scroll">بلاگ</a></li>
<li><a href="#contactus" class="scroll">تماس</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!--Header ends-->
<!--Full Menu-->
<section class="overlay-menu">
<div class="menu-icon active">
<span></span>
</div>
<div class="centered">
<div class="container">
<div class="row">
<div class="col-sm-12 columns half text-center">
<a href="index.html" class="logo-full heading_space"><img src="images/logo-dark-green.png" alt=""></a>
</div>
<div class="col-sm-12 columns half text-right">
<ul class="full-nav top20 heading_space">
<li class="active"><span>01.</span> <a href="#home" class="scroll">خانه</a></li>
<li><span>02.</span> <a href="#features" class="scroll">درباره ما</a></li>
<li><span>03.</span> <a href="#work" class="scroll"> نمونه‌کارها</a></li>
<li><span>04.</span> <a href="#pricing" class="scroll">قیمت ها</a></li>
<li><span>05.</span> <a href="#maxo_news" class="scroll"> اخبار</a></li>
<li><span>06.</span> <a href="#maxo-blog" class="scroll">بلاگ</a></li>
<li><span>07.</span> <a href="#contactus" class="scroll">تماس</a></li>
<li><span>08.</span> <a href="blog-detail.html">جزئیات مطلب بلاگ</a></li>
</ul>
</div>
<div class="col-sm-12">
<ul class="social">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-instagram"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-telegram"></i> </a> </li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Full Menu-->
<!--Main Slider-->
<div id="revo_main_wrapper" class="rev_slider_wrapper fullwidthbanner-container">
<div id="maxo-main" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
<ul>
<!-- SLIDE -->
<li data-index="rs-17" data-transition="fade" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" class="text-center">
<!-- MAIN IMAGE -->
<img src="video/thumb.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="7" data-no-retina>
<div class="rs-background-video-layer" data-volume="mute" data-videowidth="100%" data-videoheight="100%" data-videomp4="video/video.mp4" data-videopreload="preload" data-videoloop="loop" data-forcecover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="true" data-nextslideatend="true"></div>
<!--If you need youtube vide-->
<!--<div class="rs-background-video-layer"
data-ytid="hEkiWaEp03k"
data-volume="mute"
data-forcerewind="on"
data-nextslideatend="true"
data-autoplay="true"
data-autoplayonlyfirsttime="true"
data-videoloop="loopandnoslidestop"
data-videoattributes="version=3&enablejsapi=1&html5=1&hd=1&autoplay=1&wmode=opaque&showinfo=0&rel=0&
origin=http://server.local"></div>-->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme whitecolor" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['200','170','190','120']" data-voffset="['0','0','0','0']" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on">
<h1 class="text-captilize">
قالب <strong>تک صفحه</strong> خلاقانه
<span> ایده آل برای شرکت ها و استارت‌آپ ها </span>
</h1>
</div>
<div class="tp-caption tp-resizeme" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['370','310','320','260']" data-voffset="['0','0','0','0']" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="s:900;e:Power2.easeInOut;s:900;e:Power2.easeInOut;" data-start="2500" data-splitin="none" data-splitout="none" data-responsive_offset="on">
<a href="#" class="button light">شروع</a>
<a href="#" class="button white">آشنایی بیشتر</a>
</div>
</li>
<!-- SLIDE 2 -->
<li data-index="rs-18" data-transition="fade" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" class="text-left">
<!-- MAIN IMAGE -->
<img src="images/banner7.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme whitecolor" data-x="['left','left','left','left']" data-hoffset="['50','40','30','20']" data-y="['200','170','190','120']" data-voffset="['0','0','0','0']" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on">
<h1 class="text-captilize">
قالب <strong>تک صفحه</strong> خلاقانه
<span> ایده آل برای شرکت ها و استارت‌آپ ها </span>
</h1>
</div>
<div class="tp-caption tp-resizeme" data-x="['left','left','left','left']" data-hoffset="['50','40','30','20']" data-y="['370','310','320','260']" data-voffset="['0','0','0','0']" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="s:900;e:Power2.easeInOut;s:900;e:Power2.easeInOut;" data-start="2500" data-splitin="none" data-splitout="none" data-responsive_offset="on">
<a href="#" class="button light">شروع</a>
<a href="#" class="button white">آشنایی بیشتر</a>
</div>
</li>
<!-- SLIDE 3 -->
<li data-index="rs-19" data-transition="fade" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500">
<!-- MAIN IMAGE -->
<img src="images/banner8.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme whitecolor text-left" data-x="['right','right','right','right']" data-hoffset="['50','40','30','20']" data-y="['200','170','190','120']" data-voffset="['0','0','0','0']" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on">
<h1 class="text-captilize">
قالب <strong>تک صفحه</strong> خلاقانه
<span> ایده آل برای شرکت ها و استارت‌آپ ها </span>
</h1>
</div>
<div class="tp-caption tp-resizeme" data-x="['right','right','right','right']" data-hoffset="['50','40','30','20']" data-y="['370','310','320','260']" data-voffset="['0','0','0','0']" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="s:900;e:Power2.easeInOut;s:900;e:Power2.easeInOut;" data-start="2500" data-splitin="none" data-splitout="none" data-responsive_offset="on">
<a href="#" class="button light">شروع</a>
<a href="#" class="button white">آشنایی بیشتر</a>
</div>
</li>
</ul>
</div>
</div>
<!--Main Slider ends -->
<!--About Us-->
<section id="features" class="padding">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<p class="title bottom0">لورم ایپسوم متن</p>
<h2 class="text-captalize darkcolor bottom30">بررسی ویژگی ها</h2>
</div>
<div class="icon_wrap text-center clearfix">
<div class="col-sm-4 top30">
<div class="icon_box whitebox">
<i class="fa fa-bicycle"></i>
<h4 class="text-capitalize bottom10">برندسازی</h4>
<hr>
<p class="no_bottom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله</p>
</div>
</div>
<div class="col-sm-4 top30">
<div class="icon_box whitebox">
<i class="fa fa-umbrella"></i>
<h4 class="text-capitalize bottom10">بازاریابی</h4>
<hr>
<p class="no_bottom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله</p>
</div>
</div>
<div class="col-sm-4 top30">
<div class="icon_box whitebox">
<i class="fa fa-bar-chart"></i>
<h4 class="text-capitalize bottom10">لورم ایپسوم متن</h4>
<hr>
<p class="no_bottom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--About Us ends -->
<!--Testimonials-->
<section class="bg bgdefault" id="maxo-testimonials">
<div class="bghalf imgone hidden-xs"></div>
<div class="container">
<div class="row">
<div class="col-md-offset-6 col-md-6 col-sm-12">
<div class="bgdefault padding whitecolor right">
<h2 class="text-captalize heading_space">مکسو خلاق است</h2>
<div class="testimonial">
<div class="testimonial_slide">
<span class="photo bottom25"><img src="images/testimonial1.png" alt=""> </span>
<div class="signature bottom25">
<h6>استیو جابز</h6>
<span>شرکت سیب پردازان</span>
</div>
<p class="bottom0 top15">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Testimonials ends-->
<!--Gallery-->
<section id="work" class="padding">
<div class="container">
<div class="row">
<div class="col-sm-7">
<p class="bottom0">لورم ایپسوم متن</p>
<h2 class="text-captalize darkcolor heading_space">نمونه‌کارها</h2>
</div>
<div class="col-sm-5 text-left">
<div id="work-filters" class="cbp-l-filters heading_space">
<div data-filter="*" class="cbp-filter-item">
<span>گرافیک</span>
</div>
<div data-filter=".web" class="cbp-filter-item">
<span>وب</span>
</div>
<div data-filter=".print" class="cbp-filter-item">
<span>چاپ</span>
</div>
<div data-filter=".logo" class="cbp-filter-item">
<span>لوگو</span>
</div>
</div>
</div>
</div>
<div id="work-gallery" class="cbp">
<div class="cbp-item logo">
<a href="images/portfolio1.jpg" data-fancybox="gallery">
<img src="images/portfolio1.jpg" alt="">
</a>
<div class="overlay text-uppercase whitecolor">
<a class="likeus" href="javascript:void(0)"><span><i class="fa fa-thumbs-up"></i> 25</span> </a>
<a href="images/portfolio1.jpg" data-fancybox="gallery">
<h4>جان اسنو</h4>
<p class="heading">عکاسی <span class="colorbar"></span></p>
</a>
</div>
</div>
<div class="cbp-item logo web print">
<a href="images/portfolio2.jpg" data-fancybox="gallery">
<img src="images/portfolio2.jpg" alt="">
</a>
<div class="overlay text-uppercase whitecolor">
<a class="likeus" href="javascript:void(0)"><span><i class="fa fa-thumbs-up"></i> 25</span> </a>
<a href="images/portfolio2.jpg" data-fancybox="gallery">
<h4>جان اسنو</h4>
<p class="heading">عکاسی <span class="colorbar"></span></p>
</a>
</div>
</div>
<div class="cbp-item print graphics logo">
<a href="images/portfolio3.jpg" data-fancybox="gallery">
<img src="images/portfolio3.jpg" alt="">
</a>
<div class="overlay text-uppercase whitecolor">
<a class="likeus" href="javascript:void(0)"><span><i class="fa fa-thumbs-up"></i> 25</span> </a>
<a href="images/portfolio3.jpg" data-fancybox="gallery">
<h4>جان اسنو</h4>
<p class="heading">عکاسی <span class="colorbar"></span></p>
</a>
</div>
</div>
<div class="cbp-item graphics web print">
<a href="images/portfolio4.jpg" data-fancybox="gallery">
<img src="images/portfolio4.jpg" alt="">
</a>
<div class="overlay text-uppercase whitecolor">
<a class="likeus" href="javascript:void(0)"><span><i class="fa fa-thumbs-up"></i> 25</span> </a>
<a href="images/portfolio4.jpg" data-fancybox="gallery">
<h4>جان اسنو</h4>
<p class="heading">عکاسی <span class="colorbar"></span></p>
</a>
</div>
</div>
<div class="cbp-item logo print">
<a href="images/portfolio5.jpg" data-fancybox="gallery">
<img src="images/portfolio5.jpg" alt="">
</a>
<div class="overlay text-uppercase whitecolor">
<a class="likeus" href="javascript:void(0)"><span><i class="fa fa-thumbs-up"></i> 25</span> </a>
<a href="images/portfolio5.jpg" data-fancybox="gallery">
<h4>جان اسنو</h4>
<p class="heading">عکاسی <span class="colorbar"></span></p>
</a>
</div>
</div>
<div class="cbp-item">
<img src="images/portfolio6.jpg" alt="">
<div class="text_wrap bg_transparent text-capitalize">
<h5 class="bottom5 darkcolor">پروژه های</h5>
<h2 class="bottom10 darkcolor">مکسو</h2>
<a href="javascript:void(0)" class="button light top10">همه پروژه ها</a>
</div>
</div>
</div>
</div>
</section>
<!--Gallery ends-->
<!--Parallax-->
<section id="m-parallax" class="parallax-bg parallax padding">
<div class="container text-center">
<div class="row">
<div class="col-sm-1 col-md-2"></div>
<div class="col-sm-10 col-md-8">
<h2 class="whitecolor"><i class="fa fa-quote-right"></i> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک <i class="fa fa-quote-left"></i></h2>
<p class="top20">- بابک جهانبخش -</p>
</div>
<div class="col-sm-1 col-md-2"></div>
</div>
</div>
</section>
<!--Parallax Ends-->
<!--PRICINGS Starts-->
<section id="pricing" class="padding">
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<p class="title bottom0">لورم ایپسوم متن </p>
<h2 class="text-capitalize darkcolor bottom20">بسته ها</h2>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="pricing_item top40">
<div class="pricebox bottom25 clearfix">
<div class="price_title">
<h3 class="darkcolor text-uppercase bottom10"> پایه</h3>
<span class="ratings">
<i class="fa fa-star"></i> <i class="fa fa-star"></i>
<i class="fa fa-star-half-full"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
<div class="price darkcolor">
<p><strong>19,000 <small>تومان</small></strong><span class="month">ماهانه</span></p>
</div>
</div>
<p class="availability">5 گیگابایت فضا</p>
<p class="availability">پهنای باند نامحدود</p>
<p class="availability">پشتیبان گیری هفتگی</p>
<p class="availability">پنل مدیریت قدرتمند</p>
<p class="availability">100 حساب ایمیل</p>
<p class="availability">پشتیبانی 24 ساعته</p>
<p class="availability">نصب رایگان نرم افزار</p>
<a href="javascript:void(0)" class="button dark top20">هم اکنون بخرید</a>
</div>
</div>
<div class="col-sm-4">
<div class="pricing_item active top40">
<div class="pricebox bottom25 clearfix">
<div class="price_title">
<h3 class="darkcolor text-uppercase bottom10"> حرفه ای</h3>
<span class="ratings">
<i class="fa fa-star"></i> <i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
<div class="price darkcolor">
<p><strong>49,000 <small>تومان</small></strong><span class="month">ماهانه</span></p>
</div>
</div>
<p class="availability">5 گیگابایت فضا</p>
<p class="availability">پهنای باند نامحدود</p>
<p class="availability">پشتیبان گیری هفتگی</p>
<p class="availability">پنل مدیریت قدرتمند</p>
<p class="availability">100 حساب ایمیل</p>
<p class="availability">پشتیبانی 24 ساعته</p>
<p class="availability">نصب رایگان نرم افزار</p>
<a href="javascript:void(0)" class="button white top20">هم اکنون بخرید</a>
</div>
</div>
<div class="col-sm-4">
<div class="pricing_item top40">
<div class="pricebox bottom25 clearfix">
<div class="price_title">
<h3 class="darkcolor text-uppercase bottom10"> طلایی</h3>
<span class="ratings">
<i class="fa fa-star"></i> <i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</span>
</div>
<div class="price darkcolor">
<p><strong>109,000 <small>تومان</small></strong><span class="month">ماهانه</span></p>
</div>
</div>
<p class="availability">5 گیگابایت فضا</p>
<p class="availability">پهنای باند نامحدود</p>
<p class="availability">پشتیبان گیری هفتگی</p>
<p class="availability">پنل مدیریت قدرتمند</p>
<p class="availability">100 حساب ایمیل</p>
<p class="availability">پشتیبانی 24 ساعته</p>
<p class="availability">نصب رایگان نرم افزار</p>
<a href="javascript:void(0)" class="button dark top20">سفارشی سازی</a>
</div>
</div>
</div>
</div>
</section>
<!--PRICINGS ends-->
<!--Latest Updates-->
<section class="bg bgdefault" id="maxo_news">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="padding whitecolor equalheight left">
<h2 class="text-capitalize heading_space">جدیدترین به روز رسانی ها</h2>
<div class="updates">
<div class="update_slide">
<div class="latest_updates bottom40">
<div class="updatephoto">
<img src="images/update1.jpg" alt="">
<a href="javascript:void(0)" class="ivydatedate">19 مهر</a>
</div>
<div class="update_text">
<h6 class="bottom20"><a href="blog-detail.html">لورم ایپسوم متن ساختگی با تولید</a> </h6>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و</p>
</div>
</div>
<div class="latest_updates bottom25">
<div class="updatephoto">
<img src="images/update2.jpg" alt="">
<a href="javascript:void(0)" class="ivydatedate">19 مهر</a>
</div>
<div class="update_text">
<h6 class="bottom20"><a href="blog-detail.html">لورم ایپسوم متن ساختگی با تولید</a></h6>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bghalf imgtwo equalheight hidden-xs"></div>
</section>
<!--Latest Updates ends-->
<!-- Our Team-->
<section class="padding" id="team">
<div class="container ivy-team">
<div class="row">
<div class="col-sm-12 text-center">
<p class="title bottom0">لورم ایپسوم متن</p>
<h2 class="text-capitalize heading_space darkcolor">تیم ما</h2>
</div>
<div class="col-sm-12">
<div class="ivy-team">
<div class="swiper-container" dir="rtl">
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide ourteam">
<div class="image">
<ul class="social_vertical">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
</ul>
<img src="images/team1.jpg" alt="">
</div>
<div class="team_caption whitecolor">
<div class="overlay"></div>
<h3 class="bottom10">اما واتسون</h3>
<p class="whitecolor">مدیر عامل </p>
</div>
</div>
<div class="swiper-slide ourteam">
<div class="image">
<ul class="social_vertical">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
</ul>
<img src="images/team2.jpg" alt="">
</div>
<div class="team_caption whitecolor">
<div class="overlay"></div>
<h3 class="bottom10">اولیور کوئین</h3>
<p class="whitecolor">مدیر ارشد فناوری </p>
</div>
</div>
<div class="swiper-slide ourteam">
<div class="image">
<ul class="social_vertical">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
</ul>
<img src="images/team3.jpg" alt="">
</div>
<div class="team_caption whitecolor">
<div class="overlay"></div>
<h3 class="bottom10">اسلید ویلسون</h3>
<p class="whitecolor">طراح گرافیک </p>
</div>
</div>
<div class="swiper-slide ourteam">
<div class="image">
<ul class="social_vertical">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
</ul>
<img src="images/team4.jpg" alt="">
</div>
<div class="team_caption whitecolor">
<div class="overlay"></div>
<h3 class="bottom10">روی هارپر</h3>
<p class="whitecolor">مدیر بازاریابی </p>
</div>
</div>
<div class="swiper-slide ourteam">
<div class="image">
<ul class="social_vertical">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
</ul>
<img src="images/team1.jpg" alt="">
</div>
<div class="team_caption whitecolor">
<div class="overlay"></div>
<h3 class="bottom10">اما واتسون</h3>
<p class="whitecolor">مدیر عامل </p>
</div>
</div>
<div class="swiper-slide ourteam">
<div class="image">
<ul class="social_vertical">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
</ul>
<img src="images/team2.jpg" alt="">
</div>
<div class="team_caption whitecolor">
<div class="overlay"></div>
<h3 class="bottom10">اولیور کوئین</h3>
<p class="whitecolor">مدیر ارشد فناوری </p>
</div>
</div>
<div class="swiper-slide ourteam">
<div class="image">
<ul class="social_vertical">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
</ul>
<img src="images/team3.jpg" alt="">
</div>
<div class="team_caption whitecolor">
<div class="overlay"></div>
<h3 class="bottom10">اسلید ویلسون</h3>
<p class="whitecolor">طراح گرافیک </p>
</div>
</div>
<div class="swiper-slide ourteam">
<div class="image">
<ul class="social_vertical">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
</ul>
<img src="images/team4.jpg" alt="">
</div>
<div class="team_caption whitecolor">
<div class="overlay"></div>
<h3 class="bottom10">روی هارپر</h3>
<p class="whitecolor">مدیر بازاریابی </p>
</div>
</div>
</div>
</div>
</div>
<div class="text-center">
<div class="swiper-pagination top40"></div>
</div>
</div>
</div>
</div>
</section>
<!--Our Team ends-->
<!--Blog-->
<section id="maxo-blog" class="padding bglight darkcolor">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<p class="title bottom0">لورم ایپسوم متن</p>
<h2 class="text-capitalize heading_space">بلاگ ما</h2>
<div class="our-blog">
<div class="swiper-container" dir="rtl">
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="ourblog">
<div class="row">
<div class="col-sm-12">
<div class="image">
<a href="blog.html"><img src="images/blog1.jpg" alt="blog"></a>
<div class="desc_tags">
<a href="#" class="ivydatedate">19 مهر</a>
<a href="#" class="ivydatedate">مدیر</a>
<a href="#" class="ivydatedate">طراحی</a>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="blog_desc">
<h3 class="top25 bottom20"><a href="blog.html">لورم ایپسوم متن ساختگی با تولید</a> </h3>
<p class="bottom20">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="ourblog">
<div class="row">
<div class="col-sm-12">
<div class="image">
<a href="blog.html"><img src="images/blog2.jpg" alt="blog"></a>
<div class="desc_tags">
<a href="#" class="ivydatedate">19 مهر</a>
<a href="#" class="ivydatedate">مدیر</a>
<a href="#" class="ivydatedate">طراحی</a>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="blog_desc">
<h3 class="top25 bottom20"><a href="blog.html">لورم ایپسوم متن ساختگی با تولید</a> </h3>
<p class="bottom20">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="ourblog">
<div class="row">
<div class="col-sm-12">
<div class="image">
<a href="blog.html"><img src="images/blog3.jpg" alt="blog"></a>
<div class="desc_tags">
<a href="#" class="ivydatedate">19 مهر</a>
<a href="#" class="ivydatedate">مدیر</a>
<a href="#" class="ivydatedate">طراحی</a>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="blog_desc">
<h3 class="top25 bottom20"><a href="blog.html">لورم ایپسوم متن ساختگی با تولید </a></h3>
<p class="bottom20">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="ourblog">
<div class="row">
<div class="col-sm-12">
<div class="image">
<a href="blog.html"><img src="images/blog1.jpg" alt="blog"></a>
<div class="desc_tags">
<a href="#" class="ivydatedate">19 مهر</a>
<a href="#" class="ivydatedate">مدیر</a>
<a href="#" class="ivydatedate">طراحی</a>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="blog_desc">
<h3 class="top25 bottom20"><a href="blog.html">لورم ایپسوم متن ساختگی با تولید</a> </h3>
<p class="bottom20">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="ourblog">
<div class="row">
<div class="col-sm-12">
<div class="image">
<a href="blog.html"><img src="images/blog2.jpg" alt="blog"></a>
<div class="desc_tags">
<a href="#" class="ivydatedate">19 مهر</a>
<a href="#" class="ivydatedate">مدیر</a>
<a href="#" class="ivydatedate">طراحی</a>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="blog_desc">
<h3 class="top25 bottom20"><a href="blog.html">لورم ایپسوم متن ساختگی با تولید</a> </h3>
<p class="bottom20">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="ourblog">
<div class="row">
<div class="col-sm-12">
<div class="image">
<a href="blog.html"><img src="images/blog3.jpg" alt="blog"></a>
<div class="desc_tags">
<a href="#" class="ivydatedate">19 مهر</a>
<a href="#" class="ivydatedate">مدیر</a>
<a href="#" class="ivydatedate">طراحی</a>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="blog_desc">
<h3 class="top25 bottom20"><a href="blog.html">لورم ایپسوم متن ساختگی با تولید</a> </h3>
<p class="bottom20">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination top20"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Blog ends -->
<!--We Work With....-->
<div id="we-work" class=" padding">
<div class="container">
<div class="col-md-12 col-sm-12 text-center">
<p class="title bottom0">لورم ایپسوم متن </p>
<h2 class="text-capitalize darkcolor heading_space">شرکای ما</h2>
</div>
<div class="col-md-12 col-sm-12">
<div class="partners">
<div class="swiper-container" dir="rtl">
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="image">
<img src="images/logo1.jpg" alt="we work">
</div>
</div>
<div class="swiper-slide">
<div class="image">
<img src="images/logo2.jpg" alt="we work">
</div>
</div>
<div class="swiper-slide">
<div class="image">
<img src="images/logo3.jpg" alt="we work">
</div>
</div>
<div class="swiper-slide">
<div class="image">
<img src="images/logo4.jpg" alt="we work">
</div>
</div>
<div class="swiper-slide">
<div class="image">
<img src="images/logo5.jpg" alt="we work">
</div>
</div>
<div class="swiper-slide">
<div class="image">
<img src="images/logo6.jpg" alt="we work">
</div>
</div>
<div class="swiper-slide">
<div class="image">
<img src="images/logo7.jpg" alt="we work">
</div>
</div>
<div class="swiper-slide">
<div class="image">
<img src="images/logo8.jpg" alt="we work">
</div>
</div>
<div class="swiper-slide">
<div class="image">
<img src="images/logo9.jpg" alt="we work">
</div>
</div>
<div class="swiper-slide">
<div class="image">
<img src="images/logo10.jpg" alt="we work">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--We Work With ends....-->
<!--CONTACT Us starts-->
<section class="bg bgdefault" id="contactus">
<div class="bghalf equalheight">
<div id="maxo-map"></div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="padding equalheight whitecolor left">
<h2 class="text-capitalize bottom25">تماس با ما</h2>
<div class="locations top15">
<i class="fa fa-phone"></i>
<span class="ltr_text">+(12) 345 65 89 0</span>
</div>
<div class="locations top15">
<i class="fa fa-envelope-o"></i>
<span class="ltr_text"><a href="info@sample.com">info@sample.com</a></span>
</div>
<div class="locations top15">
<i class="fa fa-map-marker"></i>
<span>تبریز، ولیعصر، جنب بانک مسکن، پلاک 987، طبقه 456</span>
</div>
<form class="callus top40" onsubmit="return false">
<div class="row">
<div class="col-sm-12 center"><div id="result"></div> </div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<input type="text" class="form-control" placeholder="نام شما" name="name" id="name" required>
</div>
<div class="col-sm-6 form-group">
<input type="email" class="form-control" placeholder="آدرس ایمیل" name="email" id="email" dir="ltr" required>
</div>
<div class="col-sm-6 form-group">
<input type="tel" class="form-control" placeholder="شماره تلفن" name="phone" id="phone" dir="ltr">
</div>
<div class="col-sm-6 form-group">
<input type="text" class="form-control" placeholder="موضوع" name="subject" id="subject">
</div>
<div class="col-sm-12 form-group">
<textarea class="form-control" placeholder="پیام شما" name="message" id="message" required></textarea>
<button class="button white top20" id="submit_btn">ثبت</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- CONTACT Us ends-->
<!--Footer starts-->
<footer id="evy-footer" class="padding_half">
<div class="container">
<div class="row">
<div class="col-sm-6">
<p class="top10">ارائه شده در وب‌سایت <a href="https://www.rtl-theme.com" target="_blank">راست‌چین</a></p>
</div>
<div class="col-sm-6 text-left">
<ul class="social top10">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-instagram"></i> </a> </li>
<li><a href="javascript:void(0)"><i class="fa fa-telegram"></i> </a> </li>
</ul>
</div>
</div>
</div>
</footer>
<!--Footer enda-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-2.2.3.js"></script>
<script src="https://maps.google.com/maps/api/js?key=AIzaSyAEn4c_T1rFt7ltf_oNavnjND8dDPm4KQs&language=fa" type="text/javascript"></script>
<script src="js/map.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootsnav.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/jquery.cubeportfolio.min.js"></script>
<script src="js/jquery.matchHeight-min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/jquery.parallax-1.1.3.js"></script>
<script src="js/jquery.themepunch.tools.min.js"></script>
<script src="js/jquery.themepunch.revolution.min.js"></script>
<script src="js/revolution.extension.actions.min.js"></script>
<script src="js/revolution.extension.layeranimation.min.js"></script>
<script src="js/revolution.extension.navigation.min.js"></script>
<script src="js/revolution.extension.parallax.min.js"></script>
<script src="js/revolution.extension.slideanims.min.js"></script>
<script src="js/revolution.extension.kenburn.min.js"></script>
<script src="js/revolution.extension.video.min.js"></script>
<script src="js/functions.js"></script>
</body>
</html>