File size: 43.25Kb
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>التطبيق الجديد - متعددة الأغراض الهبوط قالب الصفحة</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon
============================================ -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- Google Fonts
============================================ -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,800,700,600,500,300' rel='stylesheet' type='text/css'>
<!-- Bootstrap CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Fontawsome CSS
============================================ -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- 3D Carousel CSS
============================================ -->
<link rel="stylesheet" href="css/jquery.carousel-3d.default.css">
<!-- Slick CSS
============================================ -->
<link rel="stylesheet" href="css/slick.css">
<!-- jquery-ui CSS
============================================ -->
<link rel="stylesheet" href="css/jquery-ui.css">
<!-- meanmenu CSS
============================================ -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- animate CSS
============================================ -->
<link rel="stylesheet" href="css/animate.css">
<!-- Metarial Iconic Font CSS
============================================ -->
<link rel="stylesheet" href="css/material-design-iconic-font.css">
<link rel="stylesheet" href="css/material-design-iconic-font.min.css">
<!-- style CSS
============================================ -->
<link rel="stylesheet" href="style.css">
<!-- responsive CSS
============================================ -->
<link rel="stylesheet" href="css/responsive.css">
<!-- modernizr JS
============================================ -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!--Header Area Start-->
<header>
<!--Mainmenu Start-->
<div id="main-menu" class="sticker">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 hidden-sm hidden-xs">
<div class="main-menu float-right">
<nav>
<ul>
<li class="active"><a href="#banner">الصفحة الرئيسية</a></li>
<li><a href="#about">حول</a></li>
<li><a href="#features">الميزات</a></li>
<li><a href="#pricing">التسعير</a></li>
<li><a href="#reviews">استعراض</a></li>
<li><a href="#screenshots">لقطات</a></li>
<li><a href="#support">الدعم</a></li>
</ul>
</nav>
</div>
<button type="button" class="menu-btn button-default button-olive">تحميل</button>
</div>
<div class="col-lg-4 col-md-2 hidden-sm hidden-xs">
<div class="logo">
<a href="index.html"><img src="img/logo/logo.png" alt="التطبيق الجديد" /></a>
</div>
</div>
<div class="col-sm-12 hidden-lg hidden-md">
<div class="mobile-menu">
<nav>
<ul>
<li class="active"><a href="#banner">الصفحة الرئيسية</a></li>
<li><a href="#about">حول</a></li>
<li class="hidden-xs"><a href="#features">الميزات</a></li>
<li><a href="#pricing">التسعير</a></li>
<li><a href="#reviews">استعراض</a></li>
<li><a href="#screenshots">لقطات</a></li>
<li><a href="#support">الدعم</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!--End of Mainmenu-->
</header>
<!--End of Header Area-->
<!--Banner Area Start-->
<div class="banner-area banner-horizontal" id="banner">
<div class="container">
<div class="row">
<div class="hidden-xs col-sm-4 col-lg-5">
<div class="banner-product-image">
<div class="wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0s">
<img src="img/banner/banner-mobile.png" alt="" class="floatright">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-8 col-lg-7">
<div class="banner-text">
<div class="banner-table-cell">
<h1>رائع<br><span>التطبيق الجديد</span>تطبيقات الجوال.</h1>
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، ولكن عانت الأغلبية<br>
تغيير في شكل ما، من خلال النكتة حقن، أو عشوائية الكلمات التي لا تبدو حتى<br>
هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة</p>
<div class="banner-buttons">
<button type="button" class="button-default button-olive">تحميل</button>
<a href="#" class="button-default button-white">أعرف أكثر</a>
</div>
</div>
</div>
<div class="banner-apps">
<div class="single-app wow zoomIn" data-wow-duration="3s" data-wow-delay="2s">
<div class="single-app-table-cell">
<i class="zmdi zmdi-apple"></i>
<h4>الروبوت</h4>
<h3>100إلى</h3>
</div>
</div>
<div class="single-app wow zoomIn" data-wow-duration="3s" data-wow-delay="1s">
<div class="single-app-table-cell">
<i class="zmdi zmdi-cloud-download"></i>
<h4>تحميل</h4>
<h3>202إلى</h3>
</div>
</div>
<div class="single-app wow zoomIn" data-wow-duration="3s" data-wow-delay=".5s">
<div class="single-app-table-cell">
<i class="zmdi zmdi-android"></i>
<h4>الروبوت</h4>
<h3>102إلى</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Banner Area-->
<!--About Area Start-->
<div class="about-area horizontal" id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>حول <span>التطبيق الجديد</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،<br>
ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-7 col-lg-6">
<div class="about-text">
<h2>أفضل <span>تطبيقات الجوال</span></h2>
<p>أدخل عنوان البريد الإلكتروني الخاص بكولكن لا بد لي أن أشرح لك كيف ولدت كل هذه الفكرة الخاطئة للشجب المتعة ومشيدا الألم وأنا سوف أعطيك حساب كامل للنظام، وشرح تعاليم الفعلي للمستكشف كبير من الحقيقة، سيد السعادة البشرية. لا أحد يرفض، يكره،حساب كامل للنظام، وشرح تعاليم الفعلي للمستكشف كبير من الحقيقة، سيد السعادة البشرية. لا أحد يرفض، يكره،أدخل عنوان البريد الإلكتروني الخاص بك</p>
<p>أدخل عنوان البريد الإلكتروني الخاص بك ولدت الفكرة الخاطئة للشجب المتعةأدخل عنوان البريد الإلكتروني الخاص بك ومشيدا الألم وأنا سوف أعطيك حساب كامل للنظام، وشرح لل</p>
<div class="about-buttons">
<button type="button" class="button-default button-olive">تحميل</button>
<a href="#" class="button-default button-white olive-border">أعرف أكثر</a>
</div>
</div>
</div>
<div class="col-md-offset-0 col-sm-offset-0 col-sm-5">
<div class="about-image wow bounceInUp" data-wow-duration="3s" data-wow-delay="0s">
<img src="img/banner/mobile.png" alt="" class="floatright">
</div>
</div>
</div>
</div>
</div>
<!--End of About Area-->
<!--Service Area Start-->
<div class="service-area hidden-xs horizontal">
<div class="container">
<div class="row">
<div class="col-md-4 hidden-sm">
<div class="single-item text-center">
<div class="single-item-icon">
<i class="zmdi zmdi-time"></i>
</div>
<h4>24/7 دعم</h4>
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، ولكن الغالبية عانت تغييرهناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-item text-center">
<div class="single-item-icon">
<i class="zmdi zmdi-favorite"></i>
</div>
<h4>سهل الاستخدام</h4>
<p>هناك اأدخل عنوان البريد الإلكتروني الخاص بكلعديد من الاختلافات منأدخل عنوان البريد الإلكتروني الخاص بك مقاطع من أبجد هوز المتاحة، ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-item text-center">
<div class="single-item-icon">
<i class="zmdi zmdi-settings"></i>
</div>
<h4>من السهل تخصيص</h4>
<p>هناك العديد من الاختلافات من مقاطع من أدخل عنوان البريد الإلكتروني الخاص أدخل عنوان البريد الإلكتروني الخاص بك بكأبجد هوز المتاحة، ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن</p>
</div>
</div>
</div>
</div>
</div>
<!--End of Service Area-->
<!--Features Area Start-->
<div class="features-area hidden-xs horizontal" id="features">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>رائع <span>الميزات</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،<br>
ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-7 col-md-9 col-sm-12 feature-wrapper">
<div class="single-item">
<div class="single-item-icon">
<i class="zmdi zmdi-collection-text"></i>
</div>
<div class="single-item-text">
<h4>الميزات غير محدودة</h4>
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحةهناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، </p>
</div>
</div>
<div class="single-item">
<div class="single-item-icon">
<i class="zmdi zmdi-sun"></i>
</div>
<div class="single-item-text">
<h4>عالية الدقة</h4>
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، ولكن الغالبية هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
<div class="single-item">
<div class="single-item-icon">
<i class="zmdi zmdi-brush"></i>
</div>
<div class="single-item-text">
<h4>تصميم عصري</h4>
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، ولكنهناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
<div class="single-item">
<div class="single-item-icon">
<i class="zmdi zmdi-desktop-mac"></i>
</div>
<div class="single-item-text">
<h4>تصميم فريد من نوعه</h4>
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحةهناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، ، ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
<div class="single-item">
<div class="single-item-icon">
<i class="zmdi zmdi-language-html5"></i>
</div>
<div class="single-item-text">
<h4>كود نظيفة</h4>
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Features Area-->
<!--Download Area Start-->
<div class="download-area horizontal">
<div class="download-bg"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1 class="text-white">تحميل لدينا <span>أحدث التطبيقات</span></h1>
<img src="img/icon/title-icon-white.png" alt="">
<p class="text-white">هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،<br>
ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="download-button-wrapper">
<button class="download-btn" type="button">
<span>متاح على <span class="large-text">مخزن التطبيقات</span></span>
<i class="zmdi zmdi-apple"></i>
</button>
<button class="download-btn" type="button">
<span>متاح على <span class="large-text">اللعب مخزن</span></span>
<i class="zmdi zmdi-google-play"></i>
</button>
<button class="download-btn" type="button">
<span>متاح على <span class="large-text">متاح على</span></span>
<i class="zmdi zmdi-windows"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<!--End of Download Area-->
<!--Pricing Area Start-->
<div class="pricing-area horizontal" id="pricing">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>التسعير <span>خطة</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،<br>
ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="single-price-package">
<div class="price-title">
<h3>معيار</h3>
<div class="price">
<p><span class="text-bottom">شهر/</span></p>
<h4><span class="text-large">33</span><span class="text-top">$</span></h4>
</div>
</div>
<div class="price-list">
<ul>
<li>موقع واحد</li>
<li>مستخدم واحد</li>
<li>50 عرض النطاق الترددي</li>
<li>1 التخزين</li>
<li>24X7 غير دعم</li>
</ul>
<div class="price-btn">
<button class="button" type="button">سجل</button>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="single-price-package list-large">
<div class="price-title">
<h3>الشخصية</h3>
<div class="price">
<p><span class="text-bottom">شهر/</span></p>
<h4><span class="text-large">55</span><span class="text-top">$</span></h4>
</div>
</div>
<div class="price-list">
<ul>
<li>خمسة الموقع</li>
<li>خمسة العضو</li>
<li>100 غيغابايت عرض النطاق الترددي</li>
<li>2 GB التخزين</li>
<li>24X7 غير دعم</li>
</ul>
<div class="price-btn">
<button class="button" type="button">سجل</button>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="single-price-package">
<div class="price-title">
<h3>عمل</h3>
<div class="price">
<p><span class="text-bottom">شهر/</span></p>
<h4><span class="text-large">99</span><span class="text-top">$</span></h4>
</div>
</div>
<div class="price-list">
<ul>
<li>عشرة الموقع</li>
<li>عشرة العضو</li>
<li>500 غيغابايت عرض النطاق الترددي</li>
<li>5 جيجابايت التخزين</li>
<li>24X7 غير دعم</li>
</ul>
<div class="price-btn">
<button class="button" type="button">سجل</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Pricing Area-->
<!--Testimonial Area Start-->
<div class="testimonial-area horizontal" id="reviews">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>التطبيق <span>استعراض</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،<br>
ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة </p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-offset-0 col-md-offset-1 col-sm-offset-1 col-sm-10 col-lg-12">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
<div class="testimonial-image-slider text-center">
<div class="sin-testiImage">
<img src="img/testimonial/1.png" alt="testimonial 1" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/2.png" alt="testimonial 2" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/3.png" alt="testimonial 3" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/1.png" alt="testimonial 1" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/2.png" alt="testimonial 2" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/3.png" alt="testimonial 3" />
</div>
</div>
</div>
</div>
<div class="testimonial-text-slider text-center">
<div class="sin-testiText">
<h2>م الصورة نواز</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة، ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، أو عشوائية الكلمات التي لا تبدو حتى تصديق قليلا.</p>
</div>
<div class="sin-testiText">
<h2>تشوتشيلا ماديرا</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>هذا هو تيلوس أبجد نام غير المصنفة في موضع أبجد هوز نس خة أوديو اة في موضع أبجد هوز نس خة أوديو الصورة فوتوشوب. حامل؛ حبلى فيل احترازيا أبجد احترازيا إيليت المتاحة، ولكن الغالبية عانت تغيير في شكل ما هوز حامل؛ حبلى.أبجد احترازيا إيليت هوز حامل؛ حبلى</p>
</div>
<div class="sin-testiText">
<h2>كاتي لويس</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>هذا هو تيلوس أبجد نام غير المصنفة في موضع أبجد هوز نس خة أوديو اة في موضع أبجد هوز نس خة أوديو الصورة فوتوشوب. حامل؛ حبلى فيل احترازيا أبجد احترازيا إيليت المتاحة، ولكن الغالبية عانت تغيير في شكل ما هوز حامل؛ حبلى.أبجد احترازيا إيليت هوز حامل؛ حبلى</p>
</div>
<div class="sin-testiText">
<h2>م الصورة نواز</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>هذا هو تيلوس أبجد نام غير المصنفة في موضع أبجد هوز نس خة أوديو اة في موضع أبجد هوز نس خة أوديو الصورة فوتوشوب. حامل؛ حبلى فيل احترازيا أبجد احترازيا إيليت المتاحة، ولكن الغالبية عانت تغيير في شكل ما هوز حامل؛ حبلى.أبجد احترازيا إيليت هوز حامل؛ حبلى</p>
</div>
<div class="sin-testiText">
<h2>تشوتشيلا ماديرا</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>هذا هو تيلوس أبجد نام غير المصنفة في موضع أبجد هوز نس خة أوديو اة في موضع أبجد هوز نس خة أوديو الصورة فوتوشوب. حامل؛ حبلى فيل احترازيا أبجد احترازيا إيليت المتاحة، ولكن الغالبية عانت تغيير في شكل ما هوز حامل؛ حبلى.أبجد احترازيا إيليت هوز حامل؛ حبلى</p>
</div>
<div class="sin-testiText">
<h2>كاتي لويس</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>هذا هو تيلوس أبجد نام غير المصنفة في موضع أبجد هوز نس خة أوديو اة في موضع أبجد هوز نس خة أوديو الصورة فوتوشوب. حامل؛ حبلى فيل احترازيا أبجد احترازيا إيليت المتاحة، ولكن الغالبية عانت تغيير في شكل ما هوز حامل؛ حبلى.أبجد احترازيا إيليت هوز حامل؛ حبلى</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Testimonial Area-->
<!--Screenshots Area Start-->
<div class="screenshots-area horizontal" id="screenshots">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>التطبيق <span>لقطات</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p>هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،<br>
ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div id="screenshot-carousel" data-carousel-3d>
<img src="img/screenshot/1.png" alt="">
<img src="img/screenshot/1.png" alt="">
<img src="img/screenshot/1.png" alt="">
<img src="img/screenshot/1.png" alt="">
<img src="img/screenshot/1.png" alt="">
<img src="img/screenshot/1.png" alt="">
</div>
</div>
</div>
</div>
</div>
<!--End of Screenshots Area-->
<!--Footer Area Start-->
<footer class="footer-area horizontal" id="support">
<div class="footer-bg"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1 class="text-white">أدخل<span>لمس</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p class="text-white">هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،<br>
ولكن الغالبية عانت تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-1">
<h3>اتصل بنا</h3>
<div class="conatct-info">
<div class="single-contact-info">
<div class="contact-icon">
<i class="zmdi zmdi-phone"></i>
</div>
<div class="contact-text">
<span>+012 345 678 102<br>
+012 345 678 102</span>
</div>
</div>
<div class="single-contact-info">
<div class="contact-icon">
<i class="zmdi zmdi-globe-alt"></i>
</div>
<div class="contact-text">
<span>ميلتو:عناصرالدعم@ديف.كوم<br>
ررصق://البنودديفكوم/</span>
</div>
</div>
<div class="single-contact-info">
<div class="contact-icon">
<i class="zmdi zmdi-pin"></i>
</div>
<div class="contact-text">
<span>ديف عنوان الأصناف يذهب هنا،<br>
الشارع، مفترق طرق 123.</span>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-md-offset-2">
<h3>قل مرحبا!</h3>
<form action="mail.php" method="post" id="contact-form">
<div class="form-top">
<div class="row">
<div class="form-group col-md-12">
<input name="name" type="text" class="form-control" placeholder="اسم">
</div>
<div class="form-group col-md-12">
<input name="email" type="email" class="form-control" placeholder="البريد الإلكتروني">
</div>
<div class="form-group col-md-12">
<textarea name="message" class="yourmessage form-control" placeholder="الرسالة"></textarea>
</div>
<div class="submit-form form-group col-sm-12">
<button class="button" type="submit"><span>عرض</span></button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
<div class="newsletter text-center">
<h3>الاشتراك في النشرة الإخبارية</h3>
<p class="text-white">هناك العديد من الاختلافات من مقاطع من أبجد هوز المتاحة،<br>
ولكن الغالبية لديها تغيير في شكل ما، من خلال النكتة حقن، وهي متاحة</p>
<form action="#" method="post" id="newsletter">
<div class="newsletter-content">
<button type="submit" class="button"><span>الاشتراك</span></button>
<input type="text" name="email" placeholder="أدخل عنوان البريد الإلكتروني الخاص بك">
</div>
</form>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-lg-offset-4 col-md-6 col-md-offset-3">
<div class="footer-links text-center">
<a href="#"><i class="zmdi zmdi-facebook"></i></a>
<a href="#"><i class="zmdi zmdi-twitter"></i></a>
<a href="#"><i class="zmdi zmdi-google"></i></a>
<a href="#"><i class="zmdi zmdi-linkedin"></i></a>
<a href="#"><i class="zmdi zmdi-pinterest"></i></a>
<a href="#"><i class="zmdi zmdi-youtube"></i></a>
</div>
<div class="footer-text text-center">
<span>حق النشر © 2016 <a href="#">ديف الأصناف</a></span>
</div>
</div>
</div>
</div>
</footer>
<!--End of Footer Area-->
<!-- jquery
============================================ -->
<script src="js/vendor/jquery-1.12.3.min.js"></script>
<!-- bootstrap JS
============================================ -->
<script src="js/bootstrap.min.js"></script>
<!-- wow JS
============================================ -->
<script src="js/wow.min.js"></script>
<!-- meanmenu JS
============================================ -->
<script src="js/jquery.meanmenu.js"></script>
<!-- scrollUp JS
============================================ -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- Slick JS
============================================ -->
<script src="js/slick.min.js"></script>
<!-- Nav JS
============================================ -->
<script src="js/jquery.nav.js"></script>
<!-- 3D Carousel JS
============================================ -->
<script src="js/jquery.resize.ex.js"></script>
<script src="js/waitforimages.js"></script>
<script src="js/jquery.carousel-3d.min.js"></script>
<!-- plugins JS
============================================ -->
<script src="js/plugins.js"></script>
<!-- main JS
============================================ -->
<script src="js/main.js"></script>
</body>
</html>