967 lines
40 KiB
HTML
967 lines
40 KiB
HTML
<!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/blue.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 navbar-fixed 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-white-blue.png" class="logo logo-display" alt="">
|
||
<img src="images/logo-dark-blue.png" class="logo logo-scrolled" 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-blue.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-->
|
||
<section id="text-rotate" class="parallax text-rotator">
|
||
<div class="centered padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-sm-1 col-md-2"></div>
|
||
<div class="col-sm-10 col-md-8 text-center">
|
||
<div class="">
|
||
<div class="swiper-container" dir="rtl">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="swipe-rotate whitecolor">
|
||
<h1 class="text-captilize text-center">
|
||
قالب <strong>تک صفحه</strong> خلاقانه <br> ایده آل برای شرکت ها و استارتآپ ها
|
||
</h1>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="swipe-rotate whitecolor">
|
||
<h1 class="text-captilize text-center">
|
||
<strong>قالب شرکتی حرفه ای</strong> <br> برای مشتریان حرفه ای و بزرگ
|
||
</h1>
|
||
<a href="#" class="button white top40">آشنایی بیشتر</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="swipe-rotate whitecolor">
|
||
<h1 class="text-captilize text-center">
|
||
قالبی <strong>ایده آل</strong> برای <br> انواع شرکت ها و استارت آپ ها
|
||
</h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-1 col-md-2"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-pagination top40"></div>
|
||
</section>
|
||
<!--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">
|
||
<i class="fa fa-pencil-square-o"></i>
|
||
<h4 class="text-capitalize bottom15">ویژگیهای نامحدود</h4>
|
||
<p class="no_bottom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4 top30">
|
||
<div class="icon_box border_radius">
|
||
<i class="fa fa-umbrella"></i>
|
||
<h4 class="text-capitalize bottom15">طراحی خلاقانه</h4>
|
||
<p class="no_bottom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4 top30">
|
||
<div class="icon_box border_radius">
|
||
<i class="fa fa-laptop"></i>
|
||
<h4 class="text-capitalize bottom15">طراحی واکنشگرا</h4>
|
||
<p class="no_bottom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4 top30">
|
||
<div class="icon_box border_radius">
|
||
<i class="fa fa-pencil-square-o"></i>
|
||
<h4 class="text-capitalize bottom15">ویژگیهای نامحدود</h4>
|
||
<p class="no_bottom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4 top30">
|
||
<div class="icon_box border_radius">
|
||
<i class="fa fa-umbrella"></i>
|
||
<h4 class="text-capitalize bottom15">طراحی خلاقانه</h4>
|
||
<p class="no_bottom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4 top30">
|
||
<div class="icon_box border_radius">
|
||
<i class="fa fa-laptop"></i>
|
||
<h4 class="text-capitalize bottom15">طراحی واکنشگرا</h4>
|
||
<p class="no_bottom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--About Us ends -->
|
||
|
||
|
||
<!--Testimonials-->
|
||
<section class="bg bglight" 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="bglight padding darkcolor 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="cube-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="cube-gallery" class="cbp">
|
||
<div class="cbp-item logo">
|
||
<a href="images/portfolio4-1.jpg" data-fancybox="gallery">
|
||
<img src="images/portfolio4-1.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-1.jpg" data-fancybox="first-Maxo">
|
||
<h4>جان اسنو</h4>
|
||
<p class="heading">عکاسی <span class="colorbar"></span></p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="cbp-item logo web print">
|
||
<a href="images/portfolio4-2.jpg" data-fancybox="gallery">
|
||
<img src="images/portfolio4-2.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-2.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/portfolio4-3.jpg" data-fancybox="gallery">
|
||
<img src="images/portfolio4-3.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-3.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-4.jpg" data-fancybox="gallery">
|
||
<img src="images/portfolio4-4.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-4.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/portfolio4-5.jpg" data-fancybox="gallery">
|
||
<img src="images/portfolio4-5.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 logo print">
|
||
<a href="images/portfolio4-6.jpg" data-fancybox="gallery">
|
||
<img src="images/portfolio4-6.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>
|
||
</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 bglight" id="maxo_news">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-12">
|
||
<div class="padding darkcolor 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 darkcolor">
|
||
<div class="overlay"></div>
|
||
<h3 class="bottom10">اما واتسون</h3>
|
||
<p class="darkcolor">مدیر عامل </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 darkcolor">
|
||
<div class="overlay"></div>
|
||
<h3 class="bottom10">اولیور کوئین</h3>
|
||
<p class="darkcolor">مدیر ارشد فناوری </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 darkcolor">
|
||
<div class="overlay"></div>
|
||
<h3 class="bottom10">اسلید ویلسون</h3>
|
||
<p class="darkcolor">طراح گرافیک </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 darkcolor">
|
||
<div class="overlay"></div>
|
||
<h3 class="bottom10">روی هارپر</h3>
|
||
<p class="darkcolor">مدیر بازاریابی </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 darkcolor">
|
||
<div class="overlay"></div>
|
||
<h3 class="bottom10">اما واتسون</h3>
|
||
<p class="darkcolor">مدیر عامل </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 darkcolor">
|
||
<div class="overlay"></div>
|
||
<h3 class="bottom10">اولیور کوئین</h3>
|
||
<p class="darkcolor">مدیر ارشد فناوری </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 darkcolor">
|
||
<div class="overlay"></div>
|
||
<h3 class="bottom10">اسلید ویلسون</h3>
|
||
<p class="darkcolor">طراح گرافیک </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 darkcolor">
|
||
<div class="overlay"></div>
|
||
<h3 class="bottom10">روی هارپر</h3>
|
||
<p class="darkcolor">مدیر بازاریابی </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 bglight" 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 darkcolor 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 dark 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/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> |