فراغیب

الگو:کانتینر متن و کارت: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<html>
<section class="about-cafenet">


<html lang="fa" dir="rtl">
    <div class="container">


<head>
        <!-- ===========================
                متن (سمت راست)
        ============================ -->


    <meta charset="UTF-8">
        <div class="about-content">


    <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <span class="section-subtitle">
                خدمات کافی نت
            </span>


    <title>همراه مطمئن شما در انجام خدمات اینترنتی و اداری | کافی نت</title>
            <h2>
                همراه مطمئن شما در انجام خدمات اینترنتی
            </h2>


    <meta name="description" content="ارائه خدمات حرفه‌ای کافی نت شامل ثبت نام، خدمات دولت الکترونیک، امور بانکی، بیمه، مالیات، ترجمه، رزرو بلیط و صدها خدمت آنلاین دیگر.">
            <p>
                کافی نت ما با ارائه صدها خدمت اینترنتی، اداری و ثبت‌نامی، انجام تمامی امور آنلاین شما را با سرعت، دقت و امنیت بالا بر عهده دارد. از ثبت‌نام سامانه‌های دولتی، خدمات بانکی، بیمه، مالیات، ترجمه مدارک، رزرو بلیط و ثبت شرکت گرفته تا بسیاری از خدمات تخصصی دیگر، همه در کوتاه‌ترین زمان و با پشتیبانی کامل انجام می‌شود.
            </p>


    <meta name="keywords" content="کافی نت، خدمات کافی نت، ثبت نام اینترنتی، خدمات آنلاین، خدمات اداری">
            <a href="/services" class="main-btn">


    <meta name="robots" content="index,follow">
                مشاهده خدمات


    <link rel="preconnect" href="https://fonts.googleapis.com">
                <i class="fa-solid fa-arrow-left"></i>


    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
            </a>


    <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
        </div>
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
 
    <link rel="stylesheet" href="common.css">
 
</head>
 
<body>
 
<section class="about-cafenet">
 
    <div class="container">


         <!-- ==========================
         <!-- ===========================
                 کارت های آماری
                 کارت‌ها (سمت چپ)
         =========================== -->
         ============================ -->


         <div class="stats-wrapper">
         <div class="stats-wrapper">


            <div class="stats-shadow"></div>
             <!-- کارت اول -->
 
             <!-- کارت 1 -->


             <article class="stat-card">
             <article class="stat-card">


                 <div class="card-top">
                 <div class="card-top">
                    <span class="card-title">
                        خدمات انجام شده
                    </span>


                     <div class="icon">
                     <div class="icon">
                         <i class="fa-solid fa-file-circle-check"></i>
                         <i class="fa-solid fa-file-circle-check"></i>
                     </div>
                     </div>
                    <span class="card-title">
                        خدمات انجام شده
                    </span>


                 </div>
                 </div>
خط ۶۲: خط ۶۰:
             </article>
             </article>


             <!-- کارت 2 -->
             <!-- کارت دوم -->


             <article class="stat-card">
             <article class="stat-card">


                 <div class="card-top">
                 <div class="card-top">
                    <span class="card-title">
                        مشتریان دائمی
                    </span>


                     <div class="icon">
                     <div class="icon">
                         <i class="fa-solid fa-users"></i>
                         <i class="fa-solid fa-users"></i>
                     </div>
                     </div>
                    <span class="card-title">
                        مشتریان دائمی
                    </span>


                 </div>
                 </div>
خط ۸۲: خط ۸۲:
             </article>
             </article>


             <!-- کارت 3 -->
             <!-- کارت سوم -->


             <article class="stat-card">
             <article class="stat-card">


                 <div class="card-top">
                 <div class="card-top">
                    <span class="card-title">
                        رضایت مشتریان
                    </span>


                     <div class="icon">
                     <div class="icon">
                         <i class="fa-solid fa-face-smile"></i>
                         <i class="fa-solid fa-face-smile"></i>
                     </div>
                     </div>
                    <span class="card-title">
                        رضایت کاربران
                    </span>


                 </div>
                 </div>
خط ۱۰۲: خط ۱۰۴:
             </article>
             </article>


             <!-- کارت 4 -->
             <!-- کارت چهارم -->


             <article class="stat-card">
             <article class="stat-card">


                 <div class="card-top">
                 <div class="card-top">
                    <span class="card-title">
                        سابقه فعالیت
                    </span>


                     <div class="icon">
                     <div class="icon">
                         <i class="fa-solid fa-calendar-check"></i>
                         <i class="fa-solid fa-calendar-check"></i>
                     </div>
                     </div>
                    <span class="card-title">
                        سابقه فعالیت
                    </span>


                 </div>
                 </div>
خط ۱۲۱: خط ۱۲۵:


             </article>
             </article>
        </div>
        <!-- ==========================
                متن
        =========================== -->
        <div class="about-content">
            <span class="section-subtitle">
                خدمات حرفه‌ای کافی نت
            </span>
            <h2>
                همراه مطمئن شما در انجام خدمات اینترنتی و اداری
            </h2>
            <p>
                تمامی خدمات اینترنتی، اداری و ثبت‌نامی را با سرعت، دقت و امنیت بالا انجام می‌دهیم. از ثبت‌نام آزمون‌ها و سامانه‌های دولتی گرفته تا خدمات بانکی، مالیاتی، بیمه، ترجمه مدارک، رزرو بلیط، ثبت شرکت، امور دانشگاهی و صدها خدمت آنلاین دیگر، همه در کوتاه‌ترین زمان و با پشتیبانی کامل انجام می‌شود.
            </p>
            <a href="/services" class="main-btn">
                مشاهده تمامی خدمات
                <i class="fa-solid fa-arrow-left"></i>
            </a>


         </div>
         </div>
خط ۱۵۸: خط ۱۳۲:
</section>
</section>


</body>


</html>
</html>
برگرفته از «https://fa.faraghaib.ir/wiki/الگو:کانتینر_متن_و_کارت»