<!DOCTYPE html>
<html lang="ar" dir="rtl"><head>
<!-- Charset for proper encoding -->
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="ar-eg">
<!-- Title and Meta Description -->
<title>شات 12 | دردشة مجانية بدون تسجيل - تعارف شباب وبنات 12</title>
<meta name="description" content="دردشة 12 إلتقي بأصدقاء عرب جدد من مختلف أنحاء العالم واستمتع بالدردشة الجماعية أو بدء محادثة خاصّة في موقع شات 12 تعارف بدون تسجيل أو اشتراك مجانًا">
<meta name="keywords" content="دردشة 12, شات 12, 12 عرب شات, دردشة, شات">
<!-- Canonical Link -->
<link rel="canonical" href="https://www.12allchat.io/">
<!-- Google Site Verification -->
<meta name="google-site-verification" content="ga0Hr5mjYQj8aNfc0GKychEXrit5YcFIMu3CAqaUYBU">
<!-- Robots Meta Tag -->
<meta name="robots" content="index, follow">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="شات 12 | دردشة و تعارف من جميع أنحاء العالم بدون تسجيل مجانًا">
<meta property="og:description" content="دردشة 12 إلتقي بأصدقاء عرب جدد من مختلف أنحاء العالم واستمتع بالدردشة الجماعية أو بدء محادثة خاصّة في موقع شات 12 تعارف بدون تسجيل أو اشتراك مجانًا">
<meta property="og:site_name" content="شات 12 | دردشة 12 تعارف من جميع أنحاء العالم بدون تسجيل مجانًا">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.12allchat.io/">
<meta property="og:image" content="https://www.12allchat.io/default_images/12allchat.io/og.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">
<meta property="og:image:alt" content="شات 12 | دردشة 12 تعارف من جميع أنحاء العالم بدون تسجيل مجانًا">
<meta property="og:locale" content="ar_AR">
<!-- Viewport for Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Base Link -->
<base href="https://www.12allchat.io/">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500&family=Jost:wght@500;600;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<!-- Preconnect to external resources -->
<link rel="preconnect" href="https://www.google.com">
<link rel="preconnect" href="https://www.facebook.com">
<!-- DNS Prefetch -->
<link rel="dns-prefetch" href="https://www.12allchat.io/">
</head>
<body data-bs-spy="scroll" data-bs-target=".navbar" data-bs-offset="51">
<div class="container-xxl bg-white p-0">
<!-- Spinner Start -->
<div id="spinner" class="bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar & Hero Start -->
<div class="container-xxl position-relative p-0" id="home">
<nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0">
<a href="" class="navbar-brand p-0">
<h1 class="m-0">FitApp</h1>
<!-- <img src="img/logo.png" alt="Logo"> -->
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav mx-auto py-0">
<a href="#home" class="nav-item nav-link">الرئيسية</a>
<a href="#about" class="nav-item nav-link">عن الدردشة</a>
<a href="#feature" class="nav-item nav-link">غرف الدردشة</a>
<a href="#pricing" class="nav-item nav-link active">الإشتراك لدينا</a>
<a href="#review" class="nav-item nav-link">اتصل بنا</a>
</div>
<a href="" class="btn btn-primary-gradient rounded-pill py-2 px-4 ms-3 d-none d-lg-block">دخول الدردشة مباشرة</a>
</div>
</nav>
<div class="container-xxl bg-primary hero-header">
<div class="container px-lg-5">
<div class="row g-5">
<div class="col-lg-8 text-center text-lg-start">
<h1 class="text-white mb-4 animated slideInDown">مرحبًا بكم في شات 12، المكان الذي تلتقي فيه الأصدقاء وتجد المجتمع العربي عبر الإنترنت.
نحن نوفر لكم فرصة التواصل والتفاعل مع أفراد المجتمع العربي والمصري والاردني والعراقي والسوري ولبناني والجزائري والمغربي بكل سهولة وأمان. مهمتنا هي توفير بيئة تفاعلية آمنة ومريحة للجميع، حيث يمكنكم التحدث والتبادل بحرية، سواء كنتم تبحثون عن الصداقة أو الدردشة أو تبادل الأفكار والآراء.
تتيح لكم الدردشة فرصة اكتشاف أشخاص جدد والتواصل معهم في أي وقت ومن أي مكان.
كما نضمن لكم تجربة مستخدم سلسة عبر واجهة استخدام متوافقة مع جميع الأجهزة. انضموا إلينا اليوم واستمتعوا بتجربة فريدة في عالم الدردشة العربية!</h1>
<p class="text-white pb-3 animated slideInDown">تعرف على أصدقاء جدد من جميع انحاء العالم بدون متاعب او تسجيل ولا إعلانات مزعجة.
</p>
<a href="" class="btn btn-primary-gradient py-sm-3 px-4 px-sm-5 rounded-pill me-3 animated slideInLeft">دخول الدردشة</a>
<a href="" class="btn btn-secondary-gradient py-sm-3 px-4 px-sm-5 rounded-pill animated slideInRight">دخول بعضوية مجانا</a>
</div>
<div class="col-lg-4 d-flex justify-content-center justify-content-lg-end wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="owl-carousel screenshot-carousel owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-446px, 0px, 0px); transition: all; width: 1561px;"><div class="owl-item cloned" style="width: 223px;"><div class="item">
<img class="img-fluid" src="img/screenshot-2.png" alt="Image 2">
</div></div><div class="owl-item cloned" style="width: 223px;"><div class="item">
<img class="img-fluid" src="img/screenshot-3.png" alt="Image 3">
</div></div><div class="owl-item active" style="width: 223px;"><div class="item">
<img class="img-fluid" src="img/screenshot-1.png" alt="Image 1">
</div></div><div class="owl-item" style="width: 223px;"><div class="item">
<img class="img-fluid" src="img/screenshot-2.png" alt="Image 2">
</div></div><div class="owl-item" style="width: 223px;"><div class="item">
<img class="img-fluid" src="img/screenshot-3.png" alt="Image 3">
</div></div><div class="owl-item cloned" style="width: 223px;"><div class="item">
<img class="img-fluid" src="img/screenshot-1.png" alt="Image 1">
</div></div><div class="owl-item cloned" style="width: 223px;"><div class="item">
<img class="img-fluid" src="img/screenshot-2.png" alt="Image 2">
</div></div></div></div><div class="owl-nav disabled"><div class="owl-prev">prev</div><div class="owl-next">next</div></div><div class="owl-dots"><div class="owl-dot active"><span></span></div><div class="owl-dot"><span></span></div><div class="owl-dot"><span></span></div></div></div>
<!-- Include Owl Carousel CSS and JS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/2.3.4/assets/owl.theme.default.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/2.3.4/owl.carousel.min.js"></script>
<script>$(document).ready(function(){$('.screenshot-carousel').owlCarousel({items:1,loop:true,margin:10,nav:true,autoplay:true,autoplayTimeout:3000,autoplayHoverPause:true});});</script>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Navbar & Hero End -->
<!-- About Start -->
<div class="container-xxl py-5" id="about">
<div class="container py-5 px-lg-5">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<h5 class="text-primary-gradient fw-medium">عن شات 12
</h5>
<h1 class="mb-4">شات 12 - دردشة 12 - شات 12 القديم</h1>
<p class="mb-4">نحن شات 12، المكان الذي يجمع بين أفراد المجتمع العربي عبر الإنترنت. نحن مجتمع يهدف إلى توفير بيئة آمنة للجميع، حيث يمكنكم التواصل والتفاعل بحرية وبسهولة. نحن هنا لتمكينكم من الاستمتاع بتجربة الدردشة الصوتية والكتابية، سواء كنتم ترغبون في التعرف على أصدقاء جدد، مشاركة الأفكار والآراء، أو ببساطة الاستمتاع بأوقاتكم في جو من الود والتفاعل. مع شات 12 مصري، تحصلون على فرصة للتواصل مع الأشخاص الذين يشاركونكم نفس الاهتمامات والثقافة، وذلك من خلال واجهة استخدام سهلة ومريحة تتيح لكم الوصول إلينا من أي مكان وفي أي وقت. انضموا إلينا اليوم وكونوا جزءًا من مجتمع شات 12، حيث الحوار الهادف والتواصل الإيجابي!
</p>
<div class="row g-4 mb-4">
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;">
<div class="d-flex">
<i class="fa fa-cogs fa-2x text-primary-gradient flex-shrink-0 mt-1"></i>
<div class="ms-3">
<h2 class="mb-0" data-toggle="counter-up">1234</h2>
<p class="text-primary-gradient mb-0">اشخاص بداخل الموقع</p>
</div>
</div>
</div>
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeIn;">
<div class="d-flex">
<i class="fa fa-comments fa-2x text-secondary-gradient flex-shrink-0 mt-1"></i>
<div class="ms-3">
<h2 class="mb-0" data-toggle="counter-up">1234</h2>
<p class="text-secondary-gradient mb-0">اعضاء مسجلين</p>
</div>
</div>
</div>
</div>
<a href="" class="btn btn-primary-gradient py-sm-3 px-4 px-sm-5 rounded-pill mt-3">الدخول كزائر/ة</a>
</div>
<div class="col-lg-6">
<img class="img-fluid wow fadeInUp" data-wow-delay="0.5s" src="img/about.png" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Features Start -->
<div class="container-xxl py-5" id="feature">
<div class="container py-5 px-lg-5">
<div class="text-center wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<h5 class="text-primary-gradient fw-medium">مميزات شات 12 - دردشة 12 المصرية
</h5>
<h1 class="mb-5">مميزات وخواص</h1>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<div class="feature-item bg-light rounded p-4">
<div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
<i class="fa fa-eye text-white fs-4"></i>
</div>
<h5 class="mb-3">تواصل مباشر وفعّال
</h5>
<p class="m-0">يتيح لك شات 12 التواصل المباشر مع أفراد المجتمع العربي بكل سهولة وفعالية، سواء كنت ترغب في الدردشة الفردية أو الانضمام إلى غرف دردشة جماعية.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="feature-item bg-light rounded p-4">
<div class="d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
<i class="fa fa-layer-group text-white fs-4"></i>
</div>
<h5 class="mb-3">بيئة آمنة ومريحة
</h5>
<p class="m-0">يعتبر الأمان والراحة أمرًا مهمًا في شات 12 المصري، حيث توفر الميزات الأمنية والإجراءات الوقائية بيئة آمنة ومريحة لجميع المستخدمين.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="feature-item bg-light rounded p-4">
<div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
<i class="fa fa-edit text-white fs-4"></i>
</div>
<h5 class="mb-3">اكتشاف أصدقاء جدد
</h5>
<p class="m-0">يمكنك استخدام شات 12 لاكتشاف أشخاص جدد وتوسيع دائرة معارفك وتكوين صداقات جديدة مع أفراد المجتمع.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<div class="feature-item bg-light rounded p-4">
<div class="d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
<i class="fa fa-shield-alt text-white fs-4"></i>
</div>
<h5 class="mb-3">متوافق مع جميع الأجهزة
</h5>
<p class="m-0">يمكنك الوصول إلى شات 12 مصري من خلال أي جهاز تفاعلي مثل الكمبيوتر، الهاتف الذكي، أو الجهاز اللوحي، حيث يتوافق مع جميع الأجهزة والمتصفحات.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="feature-item bg-light rounded p-4">
<div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
<i class="fa fa-cloud text-white fs-4"></i>
</div>
<h5 class="mb-3">واجهة سهلة الاستخدام
</h5>
<p class="m-0">يتمتع شات 12 بواجهة استخدام بسيطة ومبتكرة تسهل عليك التصفح واستخدام جميع ميزات الموقع بسهولة ويسر.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="feature-item bg-light rounded p-4">
<div class="d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
<i class="fa fa-mobile-alt text-white fs-4"></i>
</div>
<h5 class="mb-3">مجتمع ودود ومتفاعل
</h5>
<p class="m-0">يضم شات مصر مجتمعًا ودودًا ومتفاعلًا من أفراد المجتمع المصري، مما يجعل تجربة الدردشة فيه أكثر متعة وإثراءًا
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Features End -->
<!-- Screenshot Start -->
<div class="container-xxl py-5">
<div class="container py-5 px-lg-5">
<div class="row g-5 align-items-center">
<div class="col-lg-8 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<h5 class="text-primary-gradient fw-medium">شات 12</h5>
<h1 class="mb-4">دردشة عربية مصرية مجانية</h1>
<p class="mb-4">مرحبًا بك في شات 12! لقد وصلت إلى بوابة الدخول لعالمنا الرقمي. نحن نرحب بك بشكل مميز ونقدر اهتمامك بالانضمام إلى مجتمعنا في شات الأردن وشات مصري. شكرًا لك على زيارتك، نتطلع إلى رؤيتك داخل الموقع ونأمل أن تجد تجربتك معنا ممتعة ومفيدة. شكرًا لك على كونك جزءًا من مجتمعنا المتميز
</p>
<p><i class="fa fa-check text-primary-gradient me-3"></i>شباب وصبايا من داخل شات مصري</p>
<p><i class="fa fa-check text-primary-gradient me-3"></i>شباب وصبايا من داخل شات الاردن</p>
<p class="mb-4"><i class="fa fa-check text-primary-gradient me-3"></i>شباب وصبايا من داخل شات العراق</p>
<a href="" class="btn btn-primary-gradient py-sm-3 px-4 px-sm-5 rounded-pill mt-3">الدخول كزائر/ة</a>
</div>
<div class="col-lg-4 d-flex justify-content-center justify-content-lg-end wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="owl-carousel screenshot-carousel owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-669px, 0px, 0px); transition: all; width: 2453px;"><div class="owl-item cloned" style="width: 223px;"><img class="img-fluid" src="img/screenshot-3.png" alt=""></div><div class="owl-item cloned" style="width: 223px;"><img class="img-fluid" src="img/screenshot-4.png" alt=""></div><div class="owl-item cloned" style="width: 223px;"><img class="img-fluid" src="img/screenshot-5.png" alt=""></div><div class="owl-item active" style="width: 223px;"><img class="img-fluid" src="img/screenshot-1.png" alt=""></div><div class="owl-item" style="width: 223px;"><img class="img-fluid" src="img/screenshot-2.png" alt=""></div><div class="owl-item" style="width: 223px;"><img class="img-fluid" src="img/screenshot-3.png" alt=""></div><div class="owl-item" style="width: 223px;"><img class="img-fluid" src="img/screenshot-4.png" alt=""></div><div class="owl-item" style="width: 223px;"><img class="img-fluid" src="img/screenshot-5.png" alt=""></div><div class="owl-item cloned" style="width: 223px;"><img class="img-fluid" src="img/screenshot-1.png" alt=""></div><div class="owl-item cloned" style="width: 223px;"><img class="img-fluid" src="img/screenshot-2.png" alt=""></div><div class="owl-item cloned" style="width: 223px;"><img class="img-fluid" src="img/screenshot-3.png" alt=""></div></div></div><div class="owl-nav disabled"><div class="owl-prev">prev</div><div class="owl-next">next</div></div><div class="owl-dots"><div class="owl-dot active"><span></span></div><div class="owl-dot"><span></span></div><div class="owl-dot"><span></span></div><div class="owl-dot"><span></span></div><div class="owl-dot"><span></span></div></div></div>
</div>
</div>
</div>
</div>
<!-- Screenshot End -->
<!-- Process Start -->
<div class="container-xxl py-5">
<div class="container py-5 px-lg-5">
<div class="text-center pb-4 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<h5 class="text-primary-gradient fw-medium"> ما الذي ستحصل عليه فعلاً؟
</h5>
<h1 class="mb-5">فوق ال1000 ميزة سنذكر 3</h1>
</div>
<div class="row gy-5 gx-4 justify-content-center">
<div class="col-lg-4 col-sm-6 text-center pt-4 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<div class="position-relative bg-light rounded pt-5 pb-4 px-4">
<div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle position-absolute top-0 start-50 translate-middle shadow" style="width: 100px; height: 100px;">
<i class="fa fa-cog fa-3x text-white"></i>
</div>
<h5 class="mt-4 mb-3">دخول الدردشة من الهاتف او الاب توب</h5>
<p class="mb-0">دخول بشكل سلس وامن واستخدام اسم مستعار للدردشة بدون الكشف عن هويتك بشكل سري ومجاني</p>
</div>
</div>
<div class="col-lg-4 col-sm-6 text-center pt-4 wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="position-relative bg-light rounded pt-5 pb-4 px-4">
<div class="d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle position-absolute top-0 start-50 translate-middle shadow" style="width: 100px; height: 100px;">
<i class="fa fa-address-card fa-3x text-white"></i>
</div>
<h5 class="mt-4 mb-3">الملف الشخصي</h5>
<p class="mb-0">يمكنك تعديل الملف الشخصي الخاص بك من أيقونة تعديل الجنس العمر الحالة واللغة وكلمة المرور وتفاصيل الحساب وغير ذلك الكثير.
</p>
</div>
</div>
<div class="col-lg-4 col-sm-6 text-center pt-4 wow fadeInUp" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="position-relative bg-light rounded pt-5 pb-4 px-4">
<div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle position-absolute top-0 start-50 translate-middle shadow" style="width: 100px; height: 100px;">
<i class="fa fa-check fa-3x text-white"></i>
</div>
<h5 class="mt-4 mb-3">دخول غرف متعدده </h5>
<p class="mb-0">دخول اكثر من غرفة مع بعض بشكل سلس وتلقي الاشعارات مثل ارسال طلبات الصداقة والدردشة الخاصة والعامة بدون الحاجة لدخول باكثر من اسم</p>
</div>
</div>
</div>
</div>
</div>
<!-- Process Start -->
<!-- Download Start -->
<div class="container-xxl py-5">
<div class="container py-5 px-lg-5">
<div class="row g-5 align-items-center">
<div class="col-lg-6">
<img class="img-fluid wow fadeInUp" data-wow-delay="0.1s" src="img/about.png" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<h5 class="text-primary-gradient fw-medium">تحميل تطبيق شات 12</h5>
<h1 class="mb-4">تطبيق شات 12 يدعم الايفون والاندرويد !</h1>
<p class="mb-4">تطبيق الدردشة يدعم الهواتف الحديثة والقديمة بشكل سلس بدون الاغلاق مساحة خفيفة وحقيقية </p>
<div class="row g-4">
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;">
<a href="" class="d-flex bg-primary-gradient rounded py-3 px-4">
<i class="fab fa-apple fa-3x text-white flex-shrink-0"></i>
<div class="ms-3">
<p class="text-white mb-0">Available On</p>
<h5 class="text-white mb-0">App Store</h5>
</div>
</a>
</div>
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeIn;">
<a href="" class="d-flex bg-secondary-gradient rounded py-3 px-4">
<i class="fab fa-android fa-3x text-white flex-shrink-0"></i>
<div class="ms-3">
<p class="text-white mb-0">Available On</p>
<h5 class="text-white mb-0">Play Store</h5>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Download End -->
<!-- Pricing Start -->
<div class="container-xxl py-5" id="pricing">
<div class="container py-5 px-lg-5">
<div class="text-center wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<h5 class="text-primary-gradient fw-medium">شراء عضوية </h5>
<h1 class="mb-5">أسعار الإشتراكات لدينا 👑
</h1>
</div>
<div class="tab-class text-center pricing wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<ul class="nav nav-pills d-inline-flex justify-content-center bg-primary-gradient rounded-pill mb-5">
<li class="nav-item">
<button class="nav-link active" data-bs-toggle="pill" href="#tab-1">شهري</button>
</li>
<li class="nav-item">
<button class="nav-link" data-bs-toggle="pill" href="#tab-2">سنوي</button>
</li>
</ul>
<div class="tab-content text-start">
<div id="tab-1" class="tab-pane fade show p-0 active">
<div class="row g-4">
<div class="col-lg-4">
<div class="bg-light rounded">
<div class="border-bottom p-4 mb-4">
<h4 class="text-primary-gradient mb-1">أونر</h4>
<span>سوبر إداري اعلى رتبة رئيس</span>
</div>
<div class="p-4 pt-0">
<h1 class="mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>200<small class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
</h1>
<div class="d-flex justify-content-between mb-3"><span>كل مميزات الشات
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>امكانية الحظر وفك الحظر
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>غرفة خاصة</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-2"><span>لون اسم ملون ومتحرك
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<a href="" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">الإشتراك من خلال الواتس - 00962785246787</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="bg-light rounded border">
<div class="border-bottom p-4 mb-4">
<h4 class="text-primary-gradient mb-1">سوبر أدمن
</h4>
<span>أسم في اول القائمة بشكل مميز</span>
</div>
<div class="p-4 pt-0">
<h1 class="mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>24.99<small class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
</h1>
<div class="d-flex justify-content-between mb-3"><span>ميزة طرد و حظر الاعضاء
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>كل مميزات الشات
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>ميزة صورة بروفايل متحركة
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-2"><span>مكالمات الصوت والفيديو
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<a href="" class="btn btn-secondary-gradient rounded-pill py-2 px-4 mt-4">الإشتراك من خلال الواتس - 00962785246787</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="bg-light rounded">
<div class="border-bottom p-4 mb-4">
<h4 class="text-primary-gradient mb-1">أدمن
</h4>
<span>أسم في اول القائمة بشكل مميز</span>
</div>
<div class="p-4 pt-0">
<h1 class="mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>34.99<small class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
</h1>
<div class="d-flex justify-content-between mb-3"><span>مكالمات صوتية مجانية
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>ميزة كتم الاعضاء
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>ميزة طرد الاعضاء
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-2"><span>بدء محادثة جماعيه صوتيه
</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<a href="" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">الإشتراك من خلال الواتس - 00962785246787</a>
</div>
</div>
</div>
</div>
</div>
<div id="tab-2" class="tab-pane fade p-0">
<div class="row g-4">
<div class="col-lg-4">
<div class="bg-light rounded">
<div class="border-bottom p-4 mb-4">
<h4 class="text-primary-gradient mb-1">Starter Plan</h4>
<span>Powerful & Awesome Features</span>
</div>
<div class="p-4 pt-0">
<h1 class="mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>114.99<small class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Yearly</small>
</h1>
<div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<a href="" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Get Started</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="bg-light rounded border">
<div class="border-bottom p-4 mb-4">
<h4 class="text-primary-gradient mb-1">Advance Plan</h4>
<span>Powerful & Awesome Features</span>
</div>
<div class="p-4 pt-0">
<h1 class="mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>124.99<small class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Yearly</small>
</h1>
<div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<a href="" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Get Started</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="bg-light rounded">
<div class="border-bottom p-4 mb-4">
<h4 class="text-primary-gradient mb-1">Premium Plan</h4>
<span>Powerful & Awesome Features</span>
</div>
<div class="p-4 pt-0">
<h1 class="mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>134.99<small class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Yearly</small>
</h1>
<div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
<a href="" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Get Started</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Pricing End -->
<!-- Testimonial Start -->
<!-- Testimonial End -->
<!-- Contact Start -->
<!-- Contact End -->
<!-- Footer Start -->
<div class="container-fluid bg-primary text-light footer wow fadeIn" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;">
<div class="container py-5 px-lg-5">
<div class="row g-5">
<div class="col-md-6 col-lg-3">
<h4 class="text-white mb-4">العنوان</h4>
<p><i class="fa fa-map-marker-alt me-3"></i>الاردن عمان - شارع الثقافة</p>
<p><i class="fa fa-phone-alt me-3"></i>00962785246787</p>
<p><i class="fa fa-envelope me-3"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e6d7d4878a8a858e8792d4d6d4d4a6818b878f8ac885898b">[email protected]</a></p>
<div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-instagram"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<h4 class="text-white mb-4">مواقع صديقة لنا</h4>
<a class="btn btn-link" href="">شات 12 القديم</a>
<a class="btn btn-link" href="">شات 12 مصري</a>
<a class="btn btn-link" href="">شات 12 العراقي</a>
<a class="btn btn-link" href="">شات 12 الاردني</a>
<a class="btn btn-link" href="">شات 12 الفلسطيني</a>
</div>
<div class="col-md-6 col-lg-3">
<h4 class="text-white mb-4">روابط مهمة</h4>
<a class="btn btn-link" href="">الإشتراك لدينا</a>
<a class="btn btn-link" href="">غرف الدردشة</a>
<a class="btn btn-link" href="">سياسة الخصوصية</a>
<a class="btn btn-link" href="">التعليمات والقوانين</a>
<a class="btn btn-link" href="">اتصل بنا</a>
</div>
<div class="col-md-6 col-lg-3">
<h4 class="text-white mb-4">عن الدردشة</h4>
<p>شات 12 القديم هو اكبر دردشة عربية ويعتبر من اول مواقع الدردشة بحيث نقدم خدمة الدردشة الاكثر تقدماً وامان في الاردن ومصر والشرق الاوسط يمكنك الدردشة بشكل مجاني او تسجيل عضوية مجانية الموقع مجاني وسيبقى مجاني</p>
<div class="position-relative w-100 mt-3">
<button type="button" class="btn shadow-none position-absolute top-0 end-0 mt-1 me-2"><i class="fa fa-paper-plane text-primary-gradient fs-4"></i></button>
</div>
</div>
</div>
</div>
<div class="container px-lg-5">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="border-bottom" href="#">شات 12 - دردشة 12 القديم</a>, All Right Reserved.
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
Designed By <a class="border-bottom" href="https://htmlcodex.com">Qusaiswedan</a>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-lg-square back-to-top pt-2" style="display: none;"><i class="bi bi-arrow-up text-white"></i></a>
<!-- JavaScript Libraries -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8fd7d5615abc32a8',t:'MTczNjEyNTg4MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'97c905242d02d3a5',t:'MTc1NzQ0NTM4Ng=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>