نجد في كثير من المواقع المعروفة والمشهورة المتخصصة في عالم الموبايل جدول المواصفات للموبايل ويختلف من موقع للأخر على حسب الشكل والمتطلبات التي تمت من أجله الإضافة ولأن البعض قد لا يتوفر لديه القدرة على توظيف مبرمج لعمل له تلك الإضافة أو أن الموقع مازال صغير وقيد التجارب ولم يصل لمرحلة الدعم الكافي لتطويره.
يمكنك إستخدام تلك الإضافة المجانية والتي يمكنك من خلالها عرض مواصفات الموبايل بشكل جيد وممتاز ومتجاوب مع الموبايل وبأكثر من كود فتجد الكود الأول به جدول مواصفات الموبايل بالحجم الكبير بدون صورة لمن يهمه كود الجدول فقط وأما عن الكود الثاني وهو كود جدول المواصفات للموبايل بالحجم الكبير والصورة متجاوب مع الموبايل ومتفاعل مع الزائر وكذلك الكود الثالث وهو نفس الكود الثاني لجدول مواصفات الموبايل بالصورة ولكن بالحجم الصغير وهو مناسب للمواقع التي بها قائمة جانبية وتريد عرض الصورة والجدول بجانب بعضهما البعض ولكن سيكون ذلك على حساب حجم الجدول ومساحته.
الجدول متجاوب ومتفاعل مع الزائر حيث يغير من لون الجدول بمجرد المرور عليه وكذلك يتغير لون الجمل بمجرد المرور كذلك عليها وحتى الأيكونات تتغير لونها كذلك مما يعطي تجربة للمستخدم أفضل بتفاعل الجدول والتأثيرات مع الزوار وهي خطوة مهمة للغاية.
يمكنك التغيير بالجدول كما تشاء بل وجعله جدول للمواصفات لأي منتج مشابه وتغيير الجمل الوصفية والبيانات كما تريد وأما إن لم تستطيع تغيير شكل الأيكونات كذلك لتتناسب مع المنتج الذي لديك يمكنك التواصل معي بالطرق الموضحة بالموقع لمساعدتك في هذا الأمر.
الكود خفيف للغاية وهو أهم شيء كود سريع بسيط مميز وبمؤثرات رائعة ومتفاعل مع الزائر بشكل ممتع والكود كذلك إحترافي ويعرض مواصفات الموبايل بشكل جديد ومبهر مما سيميز موقعك عن كثير من المواقع الأخرى التي قد يكون إسلوب وشكل عرض مواصفات الموبايل أقل جمالاً وتنسيق مما هو موجود بكود مواصفات الموبايل.
وقد يسأل البعض
أين أجد كود جدول مواصفات الموبايل مجاني؟
هل هناك كود جدول مواصفات الموبايل متجاوب مع الموبايل؟
كيف أجد كود جدول مواصفات الموبايل متناسق وبصورة ومتجاوب مع الموبايل؟
كل هذا وأكثر سيتم الإجابة عنه في كامل المقال
وسنقسم المقالة لقسمين الأول وهو لمعاينة الجدول وكذلك بأسفله كود هذا الجدول والقسم الثاني سيكون كيفية التعديل والتخصيص على الكود ليكون مناسب لموقعك وكذلك ليناسب كل مقالة لموبايل يتم وصف بياناته عن المقالة الأخرى.
القسم الأول معاينة وأكواد جدول مواصفات الموبايل
معاينة الكود رقم 1
الكاميرا
أمامية: 5 ميجا بكسل - خلفية: 50 ميجا بكسل
المعالج
رباعي النواة Helio A22 تكنولوجيا 12 نانو
الرامات
6-4 جيجا
المساحة
128-64 جيجا
يدعم شبكات
البطارية
5000 مللي أمبير
نظام التشغيل
Android 12
الشاشة
6.6 بوصة بدقة HD+ بها نوتش
معلومات إضافية
الجهاز غير مقاوم للماء
كود جدول المواصفات للموبايل 1
<div dir="rtl" class="container584">
<div class="box483">
<div class="svg583">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M5 5h-3v-1h3v1zm8 5c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm11-4v15h-24v-15h5.93c.669 0 1.293-.334 1.664-.891l1.406-2.109h8l1.406 2.109c.371.557.995.891 1.664.891h3.93zm-19 4c0-.552-.447-1-1-1-.553 0-1 .448-1 1s.447 1 1 1c.553 0 1-.448 1-1zm13 3c0-2.761-2.239-5-5-5s-5 2.239-5 5 2.239 5 5 5 5-2.239 5-5z"/></svg>
</div>
<div class="text932">
<p class="title584">الكاميرا</p>
<p class="content583">أمامية: 5 ميجا بكسل - خلفية: 50 ميجا بكسل</p>
</div>
</div>
<div class="box853">
<div class="svg583">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M16.25 6c.414 0 .75.336.75.75v9.5c0 .414-.336.75-.75.75h-9.5c-.414 0-.75-.336-.75-.75v-9.5c0-.414.336-.75.75-.75h9.5zm2.75 0c0-1.104-.896-2-2-2h-11c-1.104 0-2 .896-2 2v11c0 1.104.896 2 2 2h11c1.104 0 2-.896 2-2v-11zm-11 14v3h-1v-3h1zm4 0v3h-1v-3h1zm2 0v3h-1v-3h1zm-4 0v3h-1v-3h1zm6 0v3h-1v-3h1zm-8-20v3h-1v-3h1zm4 0v3h-1v-3h1zm2 0v3h-1v-3h1zm-4 0v3h-1v-3h1zm6 0v3h-1v-3h1zm4 15h3v1h-3v-1zm0-4h3v1h-3v-1zm0-2h3v1h-3v-1zm0 4h3v1h-3v-1zm0-6h3v1h-3v-1zm-20 8h3v1h-3v-1zm0-4h3v1h-3v-1zm0-2h3v1h-3v-1zm0 4h3v1h-3v-1zm0-6h3v1h-3v-1z"/></svg>
</div>
<div class="text932">
<p class="title584">المعالج</p>
<p class="content583">رباعي النواة Helio A22 تكنولوجيا 12 نانو</p>
</div>
</div>
<div class="box385">
<div class="smallbox485">
<div class="svg583">
<svg enable-background="new 0 0 256 256" height="35" version="1.1" viewbox="0 0 256 256" width="35" x="0px" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
<g><g><g><path d="M100.3,100.4L10,190.7l6.9,6.9l6.9,6.9l1.7-1c2-1.2,5.4-1.3,7.1-0.2c1.6,1.1,3,3.4,3,5.3c0,0.9-0.5,2.6-1,3.7l-1,2l6.7,6.7c3.7,3.7,6.9,6.7,7.2,6.7C48,227.6,227.6,48,227.6,47.4c0-0.3-3-3.5-6.7-7.2l-6.7-6.7l-2,1c-1.1,0.5-2.8,1-3.7,1c-1.9,0-4.2-1.3-5.3-3c-1.1-1.7-1-5.1,0.2-7.1l1-1.7l-6.9-6.9l-6.9-6.9L100.3,100.4z M185.3,40.5l-1.9,1.9l-0.9-1.2l-0.9-1.2l1.7-1.7l1.7-1.8l1.1,1l1.1,1L185.3,40.5z M187.2,52.5l10.9,10.9l-6,5.9l-5.9,6l-11-11l-11.1-11.1l5.8-5.8c3.2-3.2,5.9-5.8,6-5.8C176.2,41.6,181.2,46.6,187.2,52.5z M190.9,45.6c-1.9,1.9-2.4,2-3.4,0.6c-0.7-1-0.6-1.1,1-2.8l1.7-1.7l1.2,1.2l1.2,1.2L190.9,45.6z M196.7,48.1c0.9,0.9,0.8,1-1,2.9l-1.9,1.9l-0.8-1.3c-0.8-1.3-0.8-1.3,0.7-2.8c0.9-0.9,1.7-1.6,1.9-1.6C195.7,47.2,196.2,47.6,196.7,48.1z M202,53.4l1,1.1l-1.9,1.8c-1.8,1.8-1.9,1.8-2.8,0.9c-0.5-0.5-0.9-1.1-0.9-1.3c0-0.5,2.8-3.5,3.3-3.5C200.8,52.3,201.4,52.8,202,53.4z M164.2,59.8c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.1-1l-1.1-1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C163.2,58.8,163.7,59.2,164.2,59.8z M169.1,64.7c1.2,1.1,1.1,1.6-0.8,3.4l-1.6,1.6l-1.2-1.1l-1.2-1.1l1.7-1.8c0.9-1,1.8-1.8,2-1.8C168.2,63.9,168.7,64.3,169.1,64.7z M173.7,73l-1.9,1.9l-1-1.1l-1-1l1.8-1.9l1.8-1.9l1.1,1l1.1,1L173.7,73z M180,75.6c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.2-1.2l-1.2-1.2l1.6-1.6C178.3,74.4,178.8,74.3,180,75.6z M144.5,81.2l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L144.5,81.2z M156.9,104.2c0,0.3-2.6,3.1-5.8,6.3l-5.8,5.8l-11-11.1l-11.1-11l6-6l6-6l10.8,10.8C152.1,98.8,156.9,103.9,156.9,104.2z M149.9,86.6l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L149.9,86.6z M155.8,89.1c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C154.8,88.1,155.3,88.5,155.8,89.1z M161,94.3l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C159.9,93.2,160.5,93.7,161,94.3z M123.2,100.7c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C122.3,99.8,122.8,100.2,123.2,100.7z M128.5,105.9l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C127.4,104.9,127.9,105.3,128.5,105.9z M132.9,113.8l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L132.9,113.8z M138.3,119.1l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L138.3,119.1z M104.6,119.3c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.1-1l-1.1-1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C103.7,118.4,104.2,118.8,104.6,119.3z M110.4,151.1l-6,6l-11-11l-11.1-11.1l6-6l6-6l11,11l11.1,11.1L110.4,151.1z M109.6,124.3c1.2,1.1,1.1,1.6-0.8,3.4l-1.6,1.6l-1.2-1.1l-1.2-1.1l1.7-1.8c0.9-1,1.8-1.8,2-1.8C108.6,123.5,109.1,123.8,109.6,124.3z M114.2,132.5l-1.9,1.9l-1-1.1l-1-1l1.8-1.9l1.8-1.9l1.1,1l1.1,1L114.2,132.5z M120.4,135.1c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.2-1.2l-1.2-1.2l1.6-1.6C118.8,133.9,119.3,133.8,120.4,135.1z M82.3,141.6c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C81.3,140.7,81.8,141.1,82.3,141.6z M87.6,146.9l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C86.4,145.8,87,146.3,87.6,146.9z M92,154.7l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L92,154.7z M97.3,160.1l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L97.3,160.1z M63.7,160.2c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C62.7,159.3,63.2,159.7,63.7,160.2z M69.7,191.9l-6,6l-11-11l-11.1-11.1l5.9-5.9l6-6l11,11L75.6,186L69.7,191.9z M69,165.5l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C67.8,164.4,68.4,164.9,69,165.5z M73.4,173.3l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L73.4,173.3z M78.7,178.7l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L78.7,178.7z M40.7,185l-1.9,1.9l-1-1.1l-1-1l1.8-1.9l1.8-1.9l1.1,1l1.1,1L40.7,185z M47,187.6c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.2-1.2l-1.2-1.2l1.6-1.6C45.3,186.5,45.8,186.3,47,187.6z M52.1,192.8c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.1-1l-1.1-1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C51.1,191.8,51.6,192.2,52.1,192.8z M57.3,198l1,1.1l-1.9,1.8l-1.9,1.8l-1.2-1.1l-1.2-1.1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C56.2,196.9,56.8,197.4,57.3,198z"><path d="M142.3,142.5l-90.2,90.2l6.6,6.6l6.6,6.6l48.2-48.2l48.2-48.2l-1.7-1.9c-1-1.1-1.8-2.6-2-3.6c-0.7-3.6,2.7-8.3,6.5-8.9c2.3-0.4,3.6,0,6,1.9l2,1.6l36.7-36.7L246,65.3l-6.5-6.5c-3.6-3.6-6.6-6.5-6.7-6.5S191.9,92.9,142.3,142.5z M234.6,63.7l3.4,3.5l-3,3c-1.6,1.7-3.2,3-3.4,3c-0.7,0-6.8-6.1-6.8-6.7c0-0.5,5.6-6.3,6-6.3C231,60.2,232.7,61.8,234.6,63.7z M223,82.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L223,82.3z M210.9,87.4l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2S209,85.5,210.9,87.4z M198.9,99.1c1.8,1.7,3.2,3.3,3.2,3.6s-1.3,1.9-3,3.5l-3,3l-3.6-3.6l-3.6-3.6l3-3c1.6-1.7,3.2-3,3.4-3C195.5,96,197.2,97.4,198.9,99.1z M187.2,118.1l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L187.2,118.1z M175.1,123.2l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2C171.5,119.7,173.2,121.3,175.1,123.2z M152.3,145.6c1.8,1.8,3.2,3.3,3.2,3.6c0,0.6-5.7,6.3-6.2,6.3c-0.7,0-6.8-6.1-6.8-6.7s5.6-6.3,6.2-6.3C149,142.5,150.6,143.9,152.3,145.6z M140.7,164.6l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L140.7,164.6z M128.6,169.7l3.4,3.5l-3.2,3.3l-3.2,3.3l-3.4-3.3c-1.9-1.9-3.4-3.6-3.4-3.8c0-0.5,5.6-6.3,6-6.3C125,166.2,126.7,167.8,128.6,169.7z M117,188.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L117,188.3z M104.9,193.5l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2C101.3,190,103,191.5,104.9,193.5z M93.2,212.1l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L93.2,212.1z M81.1,217.2l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2S79.2,215.3,81.1,217.2z M69.5,235.8l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L69.5,235.8z" fill="#000000"></path></path></g></g></g>
</svg>
</div>
<div class="text932">
<p class="title584">الرامات</p>
<p class="content583">6-4 جيجا</p>
</div>
</div>
<div id="hideinsmall573" style="border-left:2px solid #dadada;clear:both;"></div>
<div class="smallbox485">
<div class="svg3851">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M20 18.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5.224-.5.5-.5.5.224.5.5zm4-2.5l-5-14h-14l-5 14v6h24v-6zm-17.666-12h11.333l3.75 11h-18.834l3.751-11zm15.666 16h-20v-3h20v3z"/></svg>
</div>
<div class="text932">
<p class="title584">المساحة</p>
<p class="content583">128-64 جيجا</p>
</div>
</div>
</div>
<div class="box853">
<div class="svg583">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.979 15.748l-.741.753c-1.395-1.101-2.28-2.707-2.28-4.501s.885-3.399 2.28-4.5l.741.752c-1.163.918-1.902 2.256-1.902 3.748s.739 2.831 1.902 3.748zm.338-3.748c0-.896.443-1.698 1.141-2.249l-.74-.751c-.931.733-1.521 1.805-1.521 3 0 1.196.59 2.267 1.521 3l.74-.751c-.697-.55-1.141-1.353-1.141-2.249zm7.522 0c0-1.492-.739-2.83-1.902-3.748l.741-.752c1.395 1.101 2.28 2.706 2.28 4.5s-.885 3.4-2.28 4.501l-.741-.753c1.163-.917 1.902-2.256 1.902-3.748zm-3.381 2.249l.74.751c.931-.733 1.521-1.804 1.521-3 0-1.195-.59-2.267-1.521-3l-.74.751c.697.551 1.141 1.354 1.141 2.249s-.444 1.699-1.141 2.249zm-1.5-3.749c-.828 0-1.5.672-1.5 1.5 0 .829.672 1.5 1.5 1.5s1.5-.671 1.5-1.5c0-.828-.672-1.5-1.5-1.5z"/></svg>
</div>
<div class="text853">
<p class="title584">يدعم شبكات</p>
<p class="mo3g4g5g">
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M3,7v2h5v2H4v2h4v2H3v2h5c1.1,0,2-0.9,2-2v-1.5c0-0.83-0.67-1.5-1.5-1.5c0.83,0,1.5-0.67,1.5-1.5V9c0-1.1-0.9-2-2-2H3z M21,11v4c0,1.1-0.9,2-2,2h-5c-1.1,0-2-0.9-2-2V9c0-1.1,0.9-2,2-2h5c1.1,0,2,0.9,2,2h-7v6h5v-2h-2.5v-2H21z" fill="var(--3ga1)"></path></svg>
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M9,7H7v5H5V7H3v7h4v3h2v-3h2v-2H9V7z M17,11v2h2v2h-5V9h7c0-1.1-0.9-2-2-2h-5c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h5 c1.1,0,2-0.9,2-2v-4H17z" fill="var(--4ga1)"></path></svg>
<svg style="color: red" width="60" height="60" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.0866 9.40788C34.4835 7.95197 33.5996 6.6291 32.4853 5.5148L33.8995 4.10059C35.1995 5.40061 36.2307 6.94396 36.9343 8.64251C37.6379 10.3411 38 12.1616 38 14.0001C38 15.8386 37.6379 17.6591 36.9343 19.3577C36.2307 21.0562 35.1995 22.5996 33.8995 23.8996L32.4853 22.4854C33.5996 21.3711 34.4835 20.0482 35.0866 18.5923C35.6896 17.1364 36 15.5759 36 14.0001C36 12.4242 35.6896 10.8638 35.0866 9.40788Z" fill="var(--5ga1)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.5433 11.704C29.2417 10.9761 28.7998 10.3146 28.2426 9.75748L29.6569 8.34326C30.3997 9.08613 30.989 9.96804 31.391 10.9386C31.7931 11.9093 32 12.9495 32 14.0001C32 15.0507 31.7931 16.091 31.391 17.0616C30.989 18.0322 30.3997 18.9141 29.6569 19.657L28.2426 18.2428C28.7998 17.6856 29.2417 17.0242 29.5433 16.2962C29.8448 15.5683 30 14.788 30 14.0001C30 13.2122 29.8448 12.432 29.5433 11.704Z" fill="var(--5ga1)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.7574 9.75748C19.2002 10.3146 18.7583 10.9761 18.4567 11.704C18.1552 12.432 18 13.2122 18 14.0001C18 14.788 18.1552 15.5683 18.4567 16.2962C18.7583 17.0242 19.2002 17.6856 19.7574 18.2428L18.3431 19.657C17.6003 18.9141 17.011 18.0322 16.609 17.0616C16.2069 16.091 16 15.0507 16 14.0001C16 12.9495 16.2069 11.9093 16.609 10.9386C17.011 9.96804 17.6003 9.08613 18.3431 8.34326L19.7574 9.75748Z" fill="var(--5ga1)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5147 5.5148C14.4004 6.6291 13.5165 7.95197 12.9134 9.40788C12.3104 10.8638 12 12.4242 12 14.0001C12 15.5759 12.3104 17.1364 12.9134 18.5923C13.5165 20.0482 14.4004 21.3711 15.5147 22.4854L14.1005 23.8996C12.8005 22.5996 11.7693 21.0562 11.0657 19.3576C10.3621 17.6591 10 15.8386 10 14.0001C10 12.1616 10.3621 10.3411 11.0657 8.64251C11.7693 6.94395 12.8005 5.40061 14.1005 4.10059L15.5147 5.5148Z" fill="var(--5ga1)"></path> <path d="M26 14.0001C26 15.1046 25.1046 16.0001 24 16.0001C22.8954 16.0001 22 15.1046 22 14.0001C22 12.8955 22.8954 12.0001 24 12.0001C25.1046 12.0001 26 12.8955 26 14.0001Z" fill="var(--5ga1)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 29.0001C10 27.3432 11.3431 26.0001 13 26.0001H35C36.6569 26.0001 38 27.3432 38 29.0001V41.0001C38 42.6569 36.6569 44.0001 35 44.0001H13C11.3431 44.0001 10 42.6569 10 41.0001V29.0001ZM22 30.0001C22 29.4478 21.5523 29.0001 21 29.0001H15.75C15.2733 29.0001 14.8629 29.3365 14.7694 29.804L14.0194 33.554C13.9401 33.9506 14.1075 34.3559 14.4436 34.581C14.7796 34.806 15.2182 34.8065 15.5547 34.5821C15.7657 34.4415 16.6978 34.0001 18 34.0001C19.1046 34.0001 20 34.8955 20 36.0001C20 37.1046 19.1046 38.0001 18 38.0001H17.1682C16.5907 38.0001 16.1138 37.6401 15.9405 37.1604C15.7529 36.6409 15.1798 36.3719 14.6603 36.5595C14.1409 36.7471 13.8719 37.3203 14.0595 37.8398C14.5174 39.1079 15.7437 40.0001 17.1682 40.0001H18C20.2091 40.0001 22 38.2092 22 36.0001C22 33.7909 20.2091 32.0001 18 32.0001C17.3891 32.0001 16.8274 32.0724 16.3335 32.1817L16.5698 31.0001H21C21.5523 31.0001 22 30.5524 22 30.0001ZM32.7526 31.774C33.1208 31.3623 33.0856 30.7302 32.6739 30.362C31.9417 29.707 31.0458 29.2587 30.0786 29.0663C29.011 28.8539 27.9045 28.9629 26.8988 29.3795C25.8932 29.796 25.0337 30.5014 24.429 31.4064C23.8242 32.3115 23.5014 33.3755 23.5014 34.464C23.5014 35.5525 23.8242 36.6165 24.429 37.5216C25.0337 38.4266 25.8932 39.132 26.8988 39.5486C27.9045 39.9651 29.011 40.0741 30.0786 39.8618C31.0458 39.6694 31.9417 39.221 32.6739 38.5661C32.886 38.3764 33.0073 38.1053 33.0073 37.8207V34.464C33.0073 33.9117 32.5595 33.464 32.0073 33.464H29.0049C28.4526 33.464 28.0049 33.9117 28.0049 34.464C28.0049 35.0163 28.4526 35.464 29.0049 35.464H31.0073V37.3389C30.6128 37.6136 30.1642 37.8055 29.6884 37.9002C29.0088 38.0354 28.3044 37.966 27.6642 37.7008C27.024 37.4356 26.4769 36.9866 26.0919 36.4104C25.7069 35.8343 25.5014 35.1569 25.5014 34.464C25.5014 33.7711 25.7069 33.0937 26.0919 32.5176C26.4769 31.9414 27.024 31.4924 27.6642 31.2272C28.3044 30.962 29.0088 30.8927 29.6884 31.0278C30.3041 31.1503 30.8744 31.4357 31.3406 31.8527C31.7522 32.2209 32.3844 32.1856 32.7526 31.774Z" fill="var(--5ga1)"></path> </svg>
</p>
<div style="clear:both;"></div>
</div>
</div>
<div class="box385">
<div class="smallbox485">
<div class="svg583">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M19 8v8h-5.952l-5.087-8h11.039zm2-2h-21v12h21v-12zm1 9h.75c.69 0 1.25-.56 1.25-1.25v-3.5c0-.69-.56-1.25-1.25-1.25h-.75v6z"/></svg>
</div>
<div class="text932">
<p class="title584">البطارية</p>
<p class="content583">5000 مللي أمبير</p>
</div>
</div>
<div id="hideinsmall573" style="border-left:2px solid #dadada;clear:both;"></div>
<div class="smallbox485">
<div class="svg3851">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M6 8l.001 9.444c0 .861.696 1.556 1.557 1.556h.442v3.542c0 .804.707 1.458 1.51 1.458.806 0 1.49-.654 1.49-1.459v-3.541h2v3.542c0 .804.707 1.458 1.511 1.458.806 0 1.489-.654 1.489-1.459v-3.541l.444-.001c.858 0 1.556-.696 1.556-1.557v-9.442h-12zm16 1.471c0-.805-.695-1.471-1.5-1.471-.805-.001-1.5.667-1.5 1.472v6.106c0 .806.694 1.422 1.5 1.422.805 0 1.5-.615 1.5-1.422v-6.107zm-17 0c0-.805-.695-1.471-1.5-1.471-.805-.001-1.5.667-1.5 1.472v6.106c0 .806.694 1.422 1.5 1.422.805 0 1.5-.615 1.5-1.422v-6.107zm9.951-7.312l.94-1.859c.068-.132-.019-.3-.163-.3-.066 0-.13.038-.164.105l-.949 1.878c-1.531-.737-3.544-.812-5.229 0l-.95-1.878c-.033-.067-.097-.105-.164-.105-.144 0-.231.168-.163.3l.94 1.859c-1.845 1.034-3.049 2.584-3.049 4.84h12c0-2.256-1.204-3.806-3.049-4.84zm-5.45 2.841c-.276 0-.501-.224-.501-.5 0-.274.225-.5.501-.5s.499.226.499.5c0 .276-.223.5-.499.5zm4.998 0c-.276 0-.499-.224-.499-.5 0-.274.223-.5.499-.5s.501.226.501.5c0 .276-.225.5-.501.5z"/></svg>
</div>
<div class="text932">
<p class="title584">نظام التشغيل</p>
<p class="content583">Android 12</p>
</div>
</div>
</div>
<div class="box853">
<div class="svg583">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M6.02 7.389c.399-.285.85-.417 1.292-.417.944 0 1.852.6 2.15 1.599-.382-.294-.83-.437-1.281-.437-.458 0-.919.147-1.321.434-.799.57-1.153 1.541-.845 2.461-1.242-.89-1.247-2.747.005-3.64zm3.741 12.77c.994.334 4.071 1.186 7.635 3.841l6.604-4.71c-1.713-2.402-1.241-4.082-2.943-6.468-1.162-1.628-1.827-1.654-3.037-1.432l.599.84c.361.507-.405 1.05-.764.544l-.534-.75c-.435-.609-1.279-.229-2.053-.051l.727 1.019c.36.505-.403 1.051-.764.544l-.629-.882c-.446-.626-1.318-.208-2.095-.01l.769 1.078c.363.508-.405 1.049-.764.544l-3.118-4.366c-.968-1.358-3.088.083-2.086 1.489l4.605 6.458c-.494-.183-1.363-.349-1.93-.349-1.754 0-2.429 1.92-.222 2.661zm-3.286-2.159h-4.475v-14h10v6.688l2-.471v-8.217c0-1.104-.895-2-2-2h-10c-1.105 0-2 .896-2 2v18.678c-.001 2.213 3.503 3.322 7.005 3.322 1.812 0 3.619-.299 4.944-.894-2.121-.946-6.378-1.576-5.474-5.106z"/></svg>
</div>
<div class="text932">
<p class="title584">الشاشة</p>
<p class="content583">6.6 بوصة بدقة HD+ بها نوتش</p>
</div>
</div>
<div class="box906">
<div class="svg583">
<svg width="35" height="35" clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.002 2.005c5.518 0 9.998 4.48 9.998 9.997 0 5.518-4.48 9.998-9.998 9.998-5.517 0-9.997-4.48-9.997-9.998 0-5.517 4.48-9.997 9.997-9.997zm0 1.5c-4.69 0-8.497 3.807-8.497 8.497s3.807 8.498 8.497 8.498 8.498-3.808 8.498-8.498-3.808-8.497-8.498-8.497zm0 6.5c-.414 0-.75.336-.75.75v5.5c0 .414.336.75.75.75s.75-.336.75-.75v-5.5c0-.414-.336-.75-.75-.75zm-.002-3c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1z" fill-rule="nonzero"/></svg>
</div>
<div class="text932">
<p class="title584">معلومات إضافية</p>
<p class="content583">الجهاز غير مقاوم للماء</p>
</div>
</div>
</div>
<style>
:root {
--3ga1:green;
--4ga1:green;
--5ga1:red;
}
.container584{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
justify-items: center;
flex-wrap: wrap;
flex-direction: column;
font-family: system-ui;
width:400px;
margin:auto;
}
.box483{
display:flex;
flex-wrap:nowrap;
justify-items:center;
justify-content:right;
border:1px solid #dadada;
border-radius:10px 10px 0px 0px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:400px;
}
.box853{
display:flex;
flex-wrap:nowrap;
justify-items:center;
justify-content:right;
border:1px solid #dadada;
border-radius:0px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:400px;
}
.box385{
display:flex;
flex-wrap:wrap;
border:1px solid #dadada;
border-radius:0px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:400px;
}
.box906{
display:flex;
flex-wrap:nowrap;
justify-items:center;
justify-content:right;
border:1px solid #dadada;
border-radius:0px 0px 10px 10px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:400px;
}
.smallbox485{
width:199px;
display:flex;
flex-wrap:nowrap;
justify-items:center;
margin:0;
padding:0;
background:linear-gradient(192deg,#fafafa,#ececec);
}
.box483:hover , .box853:hover , .box385:hover , .box906:hover , .smallbox485:hover {
background:linear-gradient(192deg,#fafafa,#fafafa);
}
.svg583 , .svg3851{
margin:20px 10px;
padding:5px;
fill:#9a9a9a;
transition:300ms;
}
.svg583:hover , .svg3851:hover{
fill:#a56a9e;
transform:scale(1.02);
}
.text932{
width:auto;
text-align:right;
margin:1px;
border-right:1px solid #dadada;
}
.text853{
width:auto;
text-align:right;
margin:1px;
border-right:1px solid #dadada;
width:80%;
}
.title584{
width:auto;
margin:5px 10px 1px 5px;
padding-bottom:1px;
padding-top:5px;
font-size:18px;
color:#712c61;
cursor: default;
transition:300ms;
}
.title584:hover{
transform:scale(1.02);
color:#a4734e;
}
.content583{
width:auto;
margin:1px 10px 5px 5px;
padding-top:1px;
padding-bottom:5px;
font-size:16px;
color:#3c7669;
cursor: default;
transition:300ms;
}
.content583:hover{
transform:scale(1.02);
color:#997373;
}
.mo3g4g5g{
float:left;
margin:1px;
transition:300ms;
}
.mo3g4g5g:hover{
transform:scale(1.02);
}
@media (max-width:450px) {
.container584 , .box483 , .box853 , .box385 , .box906 {
width:100%;
flex:100% !important;
}
.smallbox485{
flex:49% !important;
}
}
@media (max-width:343px) {
#hideinsmall573 {
display:none;
}
}
</style>معاينة الكود رقم 2
الكاميرا
أمامية: 5 ميجا بكسل - خلفية: 50 ميجا بكسل
المعالج
رباعي النواة Helio A22 تكنولوجيا 12 نانو
الرامات
6-4 جيجا
المساحة
128-64 جيجا
يدعم شبكات
البطارية
5000 مللي أمبير
نظام التشغيل
Android 12
الشاشة
6.6 بوصة بدقة HD+ بها نوتش
معلومات إضافية
الجهاز غير مقاوم للماء
كود جدول المواصفات للموبايل 2
<div dir="rtl" class="bigbox4721">
<div class="photo5831">
<img class="photo7641" src="https://cdn.shortpixel.ai/spai/q_glossy+ret_img+to_webp/mobizil.com/wp-content/uploads/2023/03/Infinix-Smart-7.jpg" alt="Infinix Smart 7" title="Infinix Smart 7" />
</div>
<div dir="rtl" class="container5841">
<div class="box4831">
<div class="svg5831">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M5 5h-3v-1h3v1zm8 5c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm11-4v15h-24v-15h5.93c.669 0 1.293-.334 1.664-.891l1.406-2.109h8l1.406 2.109c.371.557.995.891 1.664.891h3.93zm-19 4c0-.552-.447-1-1-1-.553 0-1 .448-1 1s.447 1 1 1c.553 0 1-.448 1-1zm13 3c0-2.761-2.239-5-5-5s-5 2.239-5 5 2.239 5 5 5 5-2.239 5-5z"/></svg>
</div>
<div class="text9321">
<p class="title5841">الكاميرا</p>
<p class="content5831">أمامية: 5 ميجا بكسل - خلفية: 50 ميجا بكسل</p>
</div>
</div>
<div class="box8531">
<div class="svg5831">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M16.25 6c.414 0 .75.336.75.75v9.5c0 .414-.336.75-.75.75h-9.5c-.414 0-.75-.336-.75-.75v-9.5c0-.414.336-.75.75-.75h9.5zm2.75 0c0-1.104-.896-2-2-2h-11c-1.104 0-2 .896-2 2v11c0 1.104.896 2 2 2h11c1.104 0 2-.896 2-2v-11zm-11 14v3h-1v-3h1zm4 0v3h-1v-3h1zm2 0v3h-1v-3h1zm-4 0v3h-1v-3h1zm6 0v3h-1v-3h1zm-8-20v3h-1v-3h1zm4 0v3h-1v-3h1zm2 0v3h-1v-3h1zm-4 0v3h-1v-3h1zm6 0v3h-1v-3h1zm4 15h3v1h-3v-1zm0-4h3v1h-3v-1zm0-2h3v1h-3v-1zm0 4h3v1h-3v-1zm0-6h3v1h-3v-1zm-20 8h3v1h-3v-1zm0-4h3v1h-3v-1zm0-2h3v1h-3v-1zm0 4h3v1h-3v-1zm0-6h3v1h-3v-1z"/></svg>
</div>
<div class="text9321">
<p class="title5841">المعالج</p>
<p class="content5831">رباعي النواة Helio A22 تكنولوجيا 12 نانو</p>
</div>
</div>
<div class="box3851">
<div class="smallbox4851">
<div class="svg5831">
<svg enable-background="new 0 0 256 256" height="35" version="1.1" viewbox="0 0 256 256" width="35" x="0px" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
<g><g><g><path d="M100.3,100.4L10,190.7l6.9,6.9l6.9,6.9l1.7-1c2-1.2,5.4-1.3,7.1-0.2c1.6,1.1,3,3.4,3,5.3c0,0.9-0.5,2.6-1,3.7l-1,2l6.7,6.7c3.7,3.7,6.9,6.7,7.2,6.7C48,227.6,227.6,48,227.6,47.4c0-0.3-3-3.5-6.7-7.2l-6.7-6.7l-2,1c-1.1,0.5-2.8,1-3.7,1c-1.9,0-4.2-1.3-5.3-3c-1.1-1.7-1-5.1,0.2-7.1l1-1.7l-6.9-6.9l-6.9-6.9L100.3,100.4z M185.3,40.5l-1.9,1.9l-0.9-1.2l-0.9-1.2l1.7-1.7l1.7-1.8l1.1,1l1.1,1L185.3,40.5z M187.2,52.5l10.9,10.9l-6,5.9l-5.9,6l-11-11l-11.1-11.1l5.8-5.8c3.2-3.2,5.9-5.8,6-5.8C176.2,41.6,181.2,46.6,187.2,52.5z M190.9,45.6c-1.9,1.9-2.4,2-3.4,0.6c-0.7-1-0.6-1.1,1-2.8l1.7-1.7l1.2,1.2l1.2,1.2L190.9,45.6z M196.7,48.1c0.9,0.9,0.8,1-1,2.9l-1.9,1.9l-0.8-1.3c-0.8-1.3-0.8-1.3,0.7-2.8c0.9-0.9,1.7-1.6,1.9-1.6C195.7,47.2,196.2,47.6,196.7,48.1z M202,53.4l1,1.1l-1.9,1.8c-1.8,1.8-1.9,1.8-2.8,0.9c-0.5-0.5-0.9-1.1-0.9-1.3c0-0.5,2.8-3.5,3.3-3.5C200.8,52.3,201.4,52.8,202,53.4z M164.2,59.8c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.1-1l-1.1-1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C163.2,58.8,163.7,59.2,164.2,59.8z M169.1,64.7c1.2,1.1,1.1,1.6-0.8,3.4l-1.6,1.6l-1.2-1.1l-1.2-1.1l1.7-1.8c0.9-1,1.8-1.8,2-1.8C168.2,63.9,168.7,64.3,169.1,64.7z M173.7,73l-1.9,1.9l-1-1.1l-1-1l1.8-1.9l1.8-1.9l1.1,1l1.1,1L173.7,73z M180,75.6c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.2-1.2l-1.2-1.2l1.6-1.6C178.3,74.4,178.8,74.3,180,75.6z M144.5,81.2l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L144.5,81.2z M156.9,104.2c0,0.3-2.6,3.1-5.8,6.3l-5.8,5.8l-11-11.1l-11.1-11l6-6l6-6l10.8,10.8C152.1,98.8,156.9,103.9,156.9,104.2z M149.9,86.6l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L149.9,86.6z M155.8,89.1c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C154.8,88.1,155.3,88.5,155.8,89.1z M161,94.3l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C159.9,93.2,160.5,93.7,161,94.3z M123.2,100.7c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C122.3,99.8,122.8,100.2,123.2,100.7z M128.5,105.9l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C127.4,104.9,127.9,105.3,128.5,105.9z M132.9,113.8l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L132.9,113.8z M138.3,119.1l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L138.3,119.1z M104.6,119.3c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.1-1l-1.1-1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C103.7,118.4,104.2,118.8,104.6,119.3z M110.4,151.1l-6,6l-11-11l-11.1-11.1l6-6l6-6l11,11l11.1,11.1L110.4,151.1z M109.6,124.3c1.2,1.1,1.1,1.6-0.8,3.4l-1.6,1.6l-1.2-1.1l-1.2-1.1l1.7-1.8c0.9-1,1.8-1.8,2-1.8C108.6,123.5,109.1,123.8,109.6,124.3z M114.2,132.5l-1.9,1.9l-1-1.1l-1-1l1.8-1.9l1.8-1.9l1.1,1l1.1,1L114.2,132.5z M120.4,135.1c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.2-1.2l-1.2-1.2l1.6-1.6C118.8,133.9,119.3,133.8,120.4,135.1z M82.3,141.6c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C81.3,140.7,81.8,141.1,82.3,141.6z M87.6,146.9l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C86.4,145.8,87,146.3,87.6,146.9z M92,154.7l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L92,154.7z M97.3,160.1l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L97.3,160.1z M63.7,160.2c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C62.7,159.3,63.2,159.7,63.7,160.2z M69.7,191.9l-6,6l-11-11l-11.1-11.1l5.9-5.9l6-6l11,11L75.6,186L69.7,191.9z M69,165.5l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C67.8,164.4,68.4,164.9,69,165.5z M73.4,173.3l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L73.4,173.3z M78.7,178.7l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L78.7,178.7z M40.7,185l-1.9,1.9l-1-1.1l-1-1l1.8-1.9l1.8-1.9l1.1,1l1.1,1L40.7,185z M47,187.6c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.2-1.2l-1.2-1.2l1.6-1.6C45.3,186.5,45.8,186.3,47,187.6z M52.1,192.8c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.1-1l-1.1-1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C51.1,191.8,51.6,192.2,52.1,192.8z M57.3,198l1,1.1l-1.9,1.8l-1.9,1.8l-1.2-1.1l-1.2-1.1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C56.2,196.9,56.8,197.4,57.3,198z"><path d="M142.3,142.5l-90.2,90.2l6.6,6.6l6.6,6.6l48.2-48.2l48.2-48.2l-1.7-1.9c-1-1.1-1.8-2.6-2-3.6c-0.7-3.6,2.7-8.3,6.5-8.9c2.3-0.4,3.6,0,6,1.9l2,1.6l36.7-36.7L246,65.3l-6.5-6.5c-3.6-3.6-6.6-6.5-6.7-6.5S191.9,92.9,142.3,142.5z M234.6,63.7l3.4,3.5l-3,3c-1.6,1.7-3.2,3-3.4,3c-0.7,0-6.8-6.1-6.8-6.7c0-0.5,5.6-6.3,6-6.3C231,60.2,232.7,61.8,234.6,63.7z M223,82.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L223,82.3z M210.9,87.4l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2S209,85.5,210.9,87.4z M198.9,99.1c1.8,1.7,3.2,3.3,3.2,3.6s-1.3,1.9-3,3.5l-3,3l-3.6-3.6l-3.6-3.6l3-3c1.6-1.7,3.2-3,3.4-3C195.5,96,197.2,97.4,198.9,99.1z M187.2,118.1l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L187.2,118.1z M175.1,123.2l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2C171.5,119.7,173.2,121.3,175.1,123.2z M152.3,145.6c1.8,1.8,3.2,3.3,3.2,3.6c0,0.6-5.7,6.3-6.2,6.3c-0.7,0-6.8-6.1-6.8-6.7s5.6-6.3,6.2-6.3C149,142.5,150.6,143.9,152.3,145.6z M140.7,164.6l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L140.7,164.6z M128.6,169.7l3.4,3.5l-3.2,3.3l-3.2,3.3l-3.4-3.3c-1.9-1.9-3.4-3.6-3.4-3.8c0-0.5,5.6-6.3,6-6.3C125,166.2,126.7,167.8,128.6,169.7z M117,188.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L117,188.3z M104.9,193.5l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2C101.3,190,103,191.5,104.9,193.5z M93.2,212.1l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L93.2,212.1z M81.1,217.2l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2S79.2,215.3,81.1,217.2z M69.5,235.8l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L69.5,235.8z" fill="#000000"></path></path></g></g></g>
</svg>
</div>
<div class="text9321">
<p class="title5841">الرامات</p>
<p class="content5831">6-4 جيجا</p>
</div>
</div>
<div id="hideinsmall573a" style="border-left:2px solid #dadada;clear:both;"></div>
<div class="smallbox4851">
<div class="svg38511">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M20 18.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5.224-.5.5-.5.5.224.5.5zm4-2.5l-5-14h-14l-5 14v6h24v-6zm-17.666-12h11.333l3.75 11h-18.834l3.751-11zm15.666 16h-20v-3h20v3z"/></svg>
</div>
<div class="text9321">
<p class="title5841">المساحة</p>
<p class="content5831">128-64 جيجا</p>
</div>
</div>
</div>
<div class="box8531">
<div class="svg5831">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.979 15.748l-.741.753c-1.395-1.101-2.28-2.707-2.28-4.501s.885-3.399 2.28-4.5l.741.752c-1.163.918-1.902 2.256-1.902 3.748s.739 2.831 1.902 3.748zm.338-3.748c0-.896.443-1.698 1.141-2.249l-.74-.751c-.931.733-1.521 1.805-1.521 3 0 1.196.59 2.267 1.521 3l.74-.751c-.697-.55-1.141-1.353-1.141-2.249zm7.522 0c0-1.492-.739-2.83-1.902-3.748l.741-.752c1.395 1.101 2.28 2.706 2.28 4.5s-.885 3.4-2.28 4.501l-.741-.753c1.163-.917 1.902-2.256 1.902-3.748zm-3.381 2.249l.74.751c.931-.733 1.521-1.804 1.521-3 0-1.195-.59-2.267-1.521-3l-.74.751c.697.551 1.141 1.354 1.141 2.249s-.444 1.699-1.141 2.249zm-1.5-3.749c-.828 0-1.5.672-1.5 1.5 0 .829.672 1.5 1.5 1.5s1.5-.671 1.5-1.5c0-.828-.672-1.5-1.5-1.5z"/></svg>
</div>
<div class="text8531">
<p class="title5841">يدعم شبكات</p>
<p class="mo3g4g5g1">
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M3,7v2h5v2H4v2h4v2H3v2h5c1.1,0,2-0.9,2-2v-1.5c0-0.83-0.67-1.5-1.5-1.5c0.83,0,1.5-0.67,1.5-1.5V9c0-1.1-0.9-2-2-2H3z M21,11v4c0,1.1-0.9,2-2,2h-5c-1.1,0-2-0.9-2-2V9c0-1.1,0.9-2,2-2h5c1.1,0,2,0.9,2,2h-7v6h5v-2h-2.5v-2H21z" fill="var(--3ga1a)"></path></svg>
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M9,7H7v5H5V7H3v7h4v3h2v-3h2v-2H9V7z M17,11v2h2v2h-5V9h7c0-1.1-0.9-2-2-2h-5c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h5 c1.1,0,2-0.9,2-2v-4H17z" fill="var(--4ga1a)"></path></svg>
<svg style="color: red" width="60" height="60" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.0866 9.40788C34.4835 7.95197 33.5996 6.6291 32.4853 5.5148L33.8995 4.10059C35.1995 5.40061 36.2307 6.94396 36.9343 8.64251C37.6379 10.3411 38 12.1616 38 14.0001C38 15.8386 37.6379 17.6591 36.9343 19.3577C36.2307 21.0562 35.1995 22.5996 33.8995 23.8996L32.4853 22.4854C33.5996 21.3711 34.4835 20.0482 35.0866 18.5923C35.6896 17.1364 36 15.5759 36 14.0001C36 12.4242 35.6896 10.8638 35.0866 9.40788Z" fill="var(--5ga1a)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.5433 11.704C29.2417 10.9761 28.7998 10.3146 28.2426 9.75748L29.6569 8.34326C30.3997 9.08613 30.989 9.96804 31.391 10.9386C31.7931 11.9093 32 12.9495 32 14.0001C32 15.0507 31.7931 16.091 31.391 17.0616C30.989 18.0322 30.3997 18.9141 29.6569 19.657L28.2426 18.2428C28.7998 17.6856 29.2417 17.0242 29.5433 16.2962C29.8448 15.5683 30 14.788 30 14.0001C30 13.2122 29.8448 12.432 29.5433 11.704Z" fill="var(--5ga1a)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.7574 9.75748C19.2002 10.3146 18.7583 10.9761 18.4567 11.704C18.1552 12.432 18 13.2122 18 14.0001C18 14.788 18.1552 15.5683 18.4567 16.2962C18.7583 17.0242 19.2002 17.6856 19.7574 18.2428L18.3431 19.657C17.6003 18.9141 17.011 18.0322 16.609 17.0616C16.2069 16.091 16 15.0507 16 14.0001C16 12.9495 16.2069 11.9093 16.609 10.9386C17.011 9.96804 17.6003 9.08613 18.3431 8.34326L19.7574 9.75748Z" fill="var(--5ga1a)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5147 5.5148C14.4004 6.6291 13.5165 7.95197 12.9134 9.40788C12.3104 10.8638 12 12.4242 12 14.0001C12 15.5759 12.3104 17.1364 12.9134 18.5923C13.5165 20.0482 14.4004 21.3711 15.5147 22.4854L14.1005 23.8996C12.8005 22.5996 11.7693 21.0562 11.0657 19.3576C10.3621 17.6591 10 15.8386 10 14.0001C10 12.1616 10.3621 10.3411 11.0657 8.64251C11.7693 6.94395 12.8005 5.40061 14.1005 4.10059L15.5147 5.5148Z" fill="var(--5ga1a)"></path> <path d="M26 14.0001C26 15.1046 25.1046 16.0001 24 16.0001C22.8954 16.0001 22 15.1046 22 14.0001C22 12.8955 22.8954 12.0001 24 12.0001C25.1046 12.0001 26 12.8955 26 14.0001Z" fill="var(--5ga1a)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 29.0001C10 27.3432 11.3431 26.0001 13 26.0001H35C36.6569 26.0001 38 27.3432 38 29.0001V41.0001C38 42.6569 36.6569 44.0001 35 44.0001H13C11.3431 44.0001 10 42.6569 10 41.0001V29.0001ZM22 30.0001C22 29.4478 21.5523 29.0001 21 29.0001H15.75C15.2733 29.0001 14.8629 29.3365 14.7694 29.804L14.0194 33.554C13.9401 33.9506 14.1075 34.3559 14.4436 34.581C14.7796 34.806 15.2182 34.8065 15.5547 34.5821C15.7657 34.4415 16.6978 34.0001 18 34.0001C19.1046 34.0001 20 34.8955 20 36.0001C20 37.1046 19.1046 38.0001 18 38.0001H17.1682C16.5907 38.0001 16.1138 37.6401 15.9405 37.1604C15.7529 36.6409 15.1798 36.3719 14.6603 36.5595C14.1409 36.7471 13.8719 37.3203 14.0595 37.8398C14.5174 39.1079 15.7437 40.0001 17.1682 40.0001H18C20.2091 40.0001 22 38.2092 22 36.0001C22 33.7909 20.2091 32.0001 18 32.0001C17.3891 32.0001 16.8274 32.0724 16.3335 32.1817L16.5698 31.0001H21C21.5523 31.0001 22 30.5524 22 30.0001ZM32.7526 31.774C33.1208 31.3623 33.0856 30.7302 32.6739 30.362C31.9417 29.707 31.0458 29.2587 30.0786 29.0663C29.011 28.8539 27.9045 28.9629 26.8988 29.3795C25.8932 29.796 25.0337 30.5014 24.429 31.4064C23.8242 32.3115 23.5014 33.3755 23.5014 34.464C23.5014 35.5525 23.8242 36.6165 24.429 37.5216C25.0337 38.4266 25.8932 39.132 26.8988 39.5486C27.9045 39.9651 29.011 40.0741 30.0786 39.8618C31.0458 39.6694 31.9417 39.221 32.6739 38.5661C32.886 38.3764 33.0073 38.1053 33.0073 37.8207V34.464C33.0073 33.9117 32.5595 33.464 32.0073 33.464H29.0049C28.4526 33.464 28.0049 33.9117 28.0049 34.464C28.0049 35.0163 28.4526 35.464 29.0049 35.464H31.0073V37.3389C30.6128 37.6136 30.1642 37.8055 29.6884 37.9002C29.0088 38.0354 28.3044 37.966 27.6642 37.7008C27.024 37.4356 26.4769 36.9866 26.0919 36.4104C25.7069 35.8343 25.5014 35.1569 25.5014 34.464C25.5014 33.7711 25.7069 33.0937 26.0919 32.5176C26.4769 31.9414 27.024 31.4924 27.6642 31.2272C28.3044 30.962 29.0088 30.8927 29.6884 31.0278C30.3041 31.1503 30.8744 31.4357 31.3406 31.8527C31.7522 32.2209 32.3844 32.1856 32.7526 31.774Z" fill="var(--5ga1a)"></path> </svg>
</p>
<div style="clear:both;"></div>
</div>
</div>
<div class="box3851">
<div class="smallbox4851">
<div class="svg5831">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M19 8v8h-5.952l-5.087-8h11.039zm2-2h-21v12h21v-12zm1 9h.75c.69 0 1.25-.56 1.25-1.25v-3.5c0-.69-.56-1.25-1.25-1.25h-.75v6z"/></svg>
</div>
<div class="text9321">
<p class="title5841">البطارية</p>
<p class="content5831">5000 مللي أمبير</p>
</div>
</div>
<div id="hideinsmall573a" style="border-left:2px solid #dadada;clear:both;"></div>
<div class="smallbox4851">
<div class="svg38511">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M6 8l.001 9.444c0 .861.696 1.556 1.557 1.556h.442v3.542c0 .804.707 1.458 1.51 1.458.806 0 1.49-.654 1.49-1.459v-3.541h2v3.542c0 .804.707 1.458 1.511 1.458.806 0 1.489-.654 1.489-1.459v-3.541l.444-.001c.858 0 1.556-.696 1.556-1.557v-9.442h-12zm16 1.471c0-.805-.695-1.471-1.5-1.471-.805-.001-1.5.667-1.5 1.472v6.106c0 .806.694 1.422 1.5 1.422.805 0 1.5-.615 1.5-1.422v-6.107zm-17 0c0-.805-.695-1.471-1.5-1.471-.805-.001-1.5.667-1.5 1.472v6.106c0 .806.694 1.422 1.5 1.422.805 0 1.5-.615 1.5-1.422v-6.107zm9.951-7.312l.94-1.859c.068-.132-.019-.3-.163-.3-.066 0-.13.038-.164.105l-.949 1.878c-1.531-.737-3.544-.812-5.229 0l-.95-1.878c-.033-.067-.097-.105-.164-.105-.144 0-.231.168-.163.3l.94 1.859c-1.845 1.034-3.049 2.584-3.049 4.84h12c0-2.256-1.204-3.806-3.049-4.84zm-5.45 2.841c-.276 0-.501-.224-.501-.5 0-.274.225-.5.501-.5s.499.226.499.5c0 .276-.223.5-.499.5zm4.998 0c-.276 0-.499-.224-.499-.5 0-.274.223-.5.499-.5s.501.226.501.5c0 .276-.225.5-.501.5z"/></svg>
</div>
<div class="text9321">
<p class="title5841">نظام التشغيل</p>
<p class="content5831">Android 12</p>
</div>
</div>
</div>
<div class="box8531">
<div class="svg5831">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path d="M6.02 7.389c.399-.285.85-.417 1.292-.417.944 0 1.852.6 2.15 1.599-.382-.294-.83-.437-1.281-.437-.458 0-.919.147-1.321.434-.799.57-1.153 1.541-.845 2.461-1.242-.89-1.247-2.747.005-3.64zm3.741 12.77c.994.334 4.071 1.186 7.635 3.841l6.604-4.71c-1.713-2.402-1.241-4.082-2.943-6.468-1.162-1.628-1.827-1.654-3.037-1.432l.599.84c.361.507-.405 1.05-.764.544l-.534-.75c-.435-.609-1.279-.229-2.053-.051l.727 1.019c.36.505-.403 1.051-.764.544l-.629-.882c-.446-.626-1.318-.208-2.095-.01l.769 1.078c.363.508-.405 1.049-.764.544l-3.118-4.366c-.968-1.358-3.088.083-2.086 1.489l4.605 6.458c-.494-.183-1.363-.349-1.93-.349-1.754 0-2.429 1.92-.222 2.661zm-3.286-2.159h-4.475v-14h10v6.688l2-.471v-8.217c0-1.104-.895-2-2-2h-10c-1.105 0-2 .896-2 2v18.678c-.001 2.213 3.503 3.322 7.005 3.322 1.812 0 3.619-.299 4.944-.894-2.121-.946-6.378-1.576-5.474-5.106z"/></svg>
</div>
<div class="text9321">
<p class="title5841">الشاشة</p>
<p class="content5831">6.6 بوصة بدقة HD+ بها نوتش</p>
</div>
</div>
<div class="box9061">
<div class="svg5831">
<svg width="35" height="35" clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.002 2.005c5.518 0 9.998 4.48 9.998 9.997 0 5.518-4.48 9.998-9.998 9.998-5.517 0-9.997-4.48-9.997-9.998 0-5.517 4.48-9.997 9.997-9.997zm0 1.5c-4.69 0-8.497 3.807-8.497 8.497s3.807 8.498 8.497 8.498 8.498-3.808 8.498-8.498-3.808-8.497-8.498-8.497zm0 6.5c-.414 0-.75.336-.75.75v5.5c0 .414.336.75.75.75s.75-.336.75-.75v-5.5c0-.414-.336-.75-.75-.75zm-.002-3c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1z" fill-rule="nonzero"/></svg>
</div>
<div class="text9321">
<p class="title5841">معلومات إضافية</p>
<p class="content5831">الجهاز غير مقاوم للماء</p>
</div>
</div>
</div>
</div>
<style>
:root {
--3ga1a:green;
--4ga1a:green;
--5ga1a:red;
}
.bigbox4721{
width:auto;
margin:auto;
display:flex;
flex-wrap:wrap;
justify-items:center;
justify-content:space-around;
box-sizing: border-box;
}
.photo5831{
width: 400px;
height: auto;
margin: 5px;
padding: 5px 70px;
text-align: center;
display: flex;
align-content: center;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.photo7641{
width:400px;
height:auto;
transition:300ms;
}
.container5841{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
justify-items: center;
flex-wrap: wrap;
flex-direction: column;
font-family: system-ui;
width:400px;
margin:auto;
}
.box4831{
display:flex;
flex-wrap:nowrap;
justify-items:center;
justify-content:right;
border:1px solid #dadada;
border-radius:10px 10px 0px 0px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:400px;
}
.box8531{
display:flex;
flex-wrap:nowrap;
justify-items:center;
justify-content:right;
border:1px solid #dadada;
border-radius:0px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:400px;
}
.box3851{
display:flex;
flex-wrap:wrap;
border:1px solid #dadada;
border-radius:0px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:400px;
}
.box9061{
display:flex;
flex-wrap:nowrap;
justify-items:center;
justify-content:right;
border:1px solid #dadada;
border-radius:0px 0px 10px 10px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:400px;
}
.smallbox4851{
width:199px;
display:flex;
flex-wrap:nowrap;
justify-items:center;
margin:0;
padding:0;
background:linear-gradient(192deg,#fafafa,#ececec);
}
.box4831:hover , .box8531:hover , .box3851:hover , .box9061:hover , .smallbox4851:hover {
background:linear-gradient(192deg,#fafafa,#fafafa);
}
.svg5831 , .svg38511{
margin:20px 10px;
padding:5px;
fill:#9a9a9a;
transition:300ms;
}
.svg5831:hover , .svg38511:hover{
fill:#a56a9e;
transform:scale(1.02);
}
.text9321{
width:auto;
text-align:right;
margin:1px;
border-right:1px solid #dadada;
}
.text8531{
width:auto;
text-align:right;
margin:1px;
border-right:1px solid #dadada;
width:80%;
}
.title5841{
width:auto;
margin:5px 10px 1px 5px;
padding-bottom:1px;
padding-top:5px;
font-size:18px;
color:#712c61;
cursor: default;
transition:300ms;
}
.title5841:hover{
transform:scale(1.02);
color:#a4734e;
}
.content5831{
width:auto;
margin:1px 10px 5px 5px;
padding-top:1px;
padding-bottom:5px;
font-size:16px;
color:#3c7669;
cursor: default;
transition:300ms;
}
.content5831:hover{
transform:scale(1.02);
color:#997373;
}
.mo3g4g5g1{
float:left;
margin:1px;
transition:300ms;
}
.mo3g4g5g1:hover , .photo7641:hover {
transform:scale(1.02);
}
@media (max-width:3000px) {
.photo5831{
padding: 5px 300px;
}
}
@media (max-width:1625px) {
.photo5831{
padding: 5px 200px;
}
}
@media (max-width:1500px) {
.photo5831{
padding: 5px 100px;
}
}
@media (max-width:1200px) {
.photo5831{
padding: 5px 70px;
}
}
@media (max-width:1100px) {
.photo5831{
padding: 5px 40px;
}
}
@media (max-width:905px) {
.bigbox4721{
justify-items:center;
justify-content:center;
flex-direction: column;
align-content: center;
}
.photo5831{
padding:5px;
}
}
@media (max-width:450px) {
.container5841 , .box4831 , .box8531 , .box3851 , .box9061 , .photo5831 , .photo7641 {
width:100%;
flex:100% !important;
}
.smallbox4851{
flex:49% !important;
}
}
@media (max-width:343px) {
#hideinsmall573a {
display:none;
}
}
</style>
معاينة الكود رقم 3
الكاميرا
أمامية: 5 ميجا بكسل - خلفية: 50 ميجا بكسل
المعالج
رباعي النواة Helio A22 تكنولوجيا 12 نانو
الرامات
6-4 جيجا
المساحة
128-64 جيجا
يدعم شبكات
البطارية
5000 مللي أمبير
نظام التشغيل
Android 12
الشاشة
6.6 بوصة بدقة HD+ بها نوتش
معلومات إضافية
الجهاز غير مقاوم للماء
كود جدول مواصفات الموبايل 3
<div dir="rtl" class="bigbox472a">
<div class="photo583a">
<img class="photo764a" src="https://cdn.shortpixel.ai/spai/q_glossy+ret_img+to_webp/mobizil.com/wp-content/uploads/2023/03/Infinix-Smart-7.jpg" alt="Infinix Smart 7" title="Infinix Smart 7" />
</div>
<div dir="rtl" class="container584a">
<div class="box483a">
<div class="svg583a">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M5 5h-3v-1h3v1zm8 5c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm11-4v15h-24v-15h5.93c.669 0 1.293-.334 1.664-.891l1.406-2.109h8l1.406 2.109c.371.557.995.891 1.664.891h3.93zm-19 4c0-.552-.447-1-1-1-.553 0-1 .448-1 1s.447 1 1 1c.553 0 1-.448 1-1zm13 3c0-2.761-2.239-5-5-5s-5 2.239-5 5 2.239 5 5 5 5-2.239 5-5z"/></svg>
</div>
<div class="text932a">
<p class="title584a">الكاميرا</p>
<p class="content583a">أمامية: 5 ميجا بكسل - خلفية: 50 ميجا بكسل</p>
</div>
</div>
<div class="box853a">
<div class="svg583a">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M16.25 6c.414 0 .75.336.75.75v9.5c0 .414-.336.75-.75.75h-9.5c-.414 0-.75-.336-.75-.75v-9.5c0-.414.336-.75.75-.75h9.5zm2.75 0c0-1.104-.896-2-2-2h-11c-1.104 0-2 .896-2 2v11c0 1.104.896 2 2 2h11c1.104 0 2-.896 2-2v-11zm-11 14v3h-1v-3h1zm4 0v3h-1v-3h1zm2 0v3h-1v-3h1zm-4 0v3h-1v-3h1zm6 0v3h-1v-3h1zm-8-20v3h-1v-3h1zm4 0v3h-1v-3h1zm2 0v3h-1v-3h1zm-4 0v3h-1v-3h1zm6 0v3h-1v-3h1zm4 15h3v1h-3v-1zm0-4h3v1h-3v-1zm0-2h3v1h-3v-1zm0 4h3v1h-3v-1zm0-6h3v1h-3v-1zm-20 8h3v1h-3v-1zm0-4h3v1h-3v-1zm0-2h3v1h-3v-1zm0 4h3v1h-3v-1zm0-6h3v1h-3v-1z"/></svg>
</div>
<div class="text932a">
<p class="title584a">المعالج</p>
<p class="content583a">رباعي النواة Helio A22 تكنولوجيا 12 نانو</p>
</div>
</div>
<div class="box385a">
<div class="smallbox485a">
<div class="svg583a">
<svg enable-background="new 0 0 256 256" height="20" version="1.1" viewbox="0 0 256 256" width="20" x="0px" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
<g><g><g><path d="M100.3,100.4L10,190.7l6.9,6.9l6.9,6.9l1.7-1c2-1.2,5.4-1.3,7.1-0.2c1.6,1.1,3,3.4,3,5.3c0,0.9-0.5,2.6-1,3.7l-1,2l6.7,6.7c3.7,3.7,6.9,6.7,7.2,6.7C48,227.6,227.6,48,227.6,47.4c0-0.3-3-3.5-6.7-7.2l-6.7-6.7l-2,1c-1.1,0.5-2.8,1-3.7,1c-1.9,0-4.2-1.3-5.3-3c-1.1-1.7-1-5.1,0.2-7.1l1-1.7l-6.9-6.9l-6.9-6.9L100.3,100.4z M185.3,40.5l-1.9,1.9l-0.9-1.2l-0.9-1.2l1.7-1.7l1.7-1.8l1.1,1l1.1,1L185.3,40.5z M187.2,52.5l10.9,10.9l-6,5.9l-5.9,6l-11-11l-11.1-11.1l5.8-5.8c3.2-3.2,5.9-5.8,6-5.8C176.2,41.6,181.2,46.6,187.2,52.5z M190.9,45.6c-1.9,1.9-2.4,2-3.4,0.6c-0.7-1-0.6-1.1,1-2.8l1.7-1.7l1.2,1.2l1.2,1.2L190.9,45.6z M196.7,48.1c0.9,0.9,0.8,1-1,2.9l-1.9,1.9l-0.8-1.3c-0.8-1.3-0.8-1.3,0.7-2.8c0.9-0.9,1.7-1.6,1.9-1.6C195.7,47.2,196.2,47.6,196.7,48.1z M202,53.4l1,1.1l-1.9,1.8c-1.8,1.8-1.9,1.8-2.8,0.9c-0.5-0.5-0.9-1.1-0.9-1.3c0-0.5,2.8-3.5,3.3-3.5C200.8,52.3,201.4,52.8,202,53.4z M164.2,59.8c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.1-1l-1.1-1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C163.2,58.8,163.7,59.2,164.2,59.8z M169.1,64.7c1.2,1.1,1.1,1.6-0.8,3.4l-1.6,1.6l-1.2-1.1l-1.2-1.1l1.7-1.8c0.9-1,1.8-1.8,2-1.8C168.2,63.9,168.7,64.3,169.1,64.7z M173.7,73l-1.9,1.9l-1-1.1l-1-1l1.8-1.9l1.8-1.9l1.1,1l1.1,1L173.7,73z M180,75.6c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.2-1.2l-1.2-1.2l1.6-1.6C178.3,74.4,178.8,74.3,180,75.6z M144.5,81.2l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L144.5,81.2z M156.9,104.2c0,0.3-2.6,3.1-5.8,6.3l-5.8,5.8l-11-11.1l-11.1-11l6-6l6-6l10.8,10.8C152.1,98.8,156.9,103.9,156.9,104.2z M149.9,86.6l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L149.9,86.6z M155.8,89.1c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C154.8,88.1,155.3,88.5,155.8,89.1z M161,94.3l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C159.9,93.2,160.5,93.7,161,94.3z M123.2,100.7c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C122.3,99.8,122.8,100.2,123.2,100.7z M128.5,105.9l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C127.4,104.9,127.9,105.3,128.5,105.9z M132.9,113.8l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L132.9,113.8z M138.3,119.1l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L138.3,119.1z M104.6,119.3c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.1-1l-1.1-1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C103.7,118.4,104.2,118.8,104.6,119.3z M110.4,151.1l-6,6l-11-11l-11.1-11.1l6-6l6-6l11,11l11.1,11.1L110.4,151.1z M109.6,124.3c1.2,1.1,1.1,1.6-0.8,3.4l-1.6,1.6l-1.2-1.1l-1.2-1.1l1.7-1.8c0.9-1,1.8-1.8,2-1.8C108.6,123.5,109.1,123.8,109.6,124.3z M114.2,132.5l-1.9,1.9l-1-1.1l-1-1l1.8-1.9l1.8-1.9l1.1,1l1.1,1L114.2,132.5z M120.4,135.1c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.2-1.2l-1.2-1.2l1.6-1.6C118.8,133.9,119.3,133.8,120.4,135.1z M82.3,141.6c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C81.3,140.7,81.8,141.1,82.3,141.6z M87.6,146.9l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C86.4,145.8,87,146.3,87.6,146.9z M92,154.7l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L92,154.7z M97.3,160.1l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L97.3,160.1z M63.7,160.2c0.9,0.9,0.8,1-0.8,2.7l-1.7,1.7l-1-1.1l-1-1l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C62.7,159.3,63.2,159.7,63.7,160.2z M69.7,191.9l-6,6l-11-11l-11.1-11.1l5.9-5.9l6-6l11,11L75.6,186L69.7,191.9z M69,165.5l1,1.1l-1.8,1.7l-1.8,1.7l-1.1-1.2l-1.1-1.2l1.6-1.6c0.9-0.9,1.7-1.6,1.9-1.6C67.8,164.4,68.4,164.9,69,165.5z M73.4,173.3l-1.7,1.8l-1.1-1l-1.1-1l1.7-1.8l1.7-1.8l1.1,1l1.1,1L73.4,173.3z M78.7,178.7l-1.7,1.7l-1.2-1.1l-1.2-1.1l1.7-1.8l1.7-1.8l1.2,1.2l1.2,1.2L78.7,178.7z M40.7,185l-1.9,1.9l-1-1.1l-1-1l1.8-1.9l1.8-1.9l1.1,1l1.1,1L40.7,185z M47,187.6c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.2-1.2l-1.2-1.2l1.6-1.6C45.3,186.5,45.8,186.3,47,187.6z M52.1,192.8c0.8,0.9,0.8,1-0.9,2.8l-1.8,1.9l-1.1-1l-1.1-1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C51.1,191.8,51.6,192.2,52.1,192.8z M57.3,198l1,1.1l-1.9,1.8l-1.9,1.8l-1.2-1.1l-1.2-1.1l1.7-1.8c0.9-1,1.9-1.8,2-1.8C56.2,196.9,56.8,197.4,57.3,198z"><path d="M142.3,142.5l-90.2,90.2l6.6,6.6l6.6,6.6l48.2-48.2l48.2-48.2l-1.7-1.9c-1-1.1-1.8-2.6-2-3.6c-0.7-3.6,2.7-8.3,6.5-8.9c2.3-0.4,3.6,0,6,1.9l2,1.6l36.7-36.7L246,65.3l-6.5-6.5c-3.6-3.6-6.6-6.5-6.7-6.5S191.9,92.9,142.3,142.5z M234.6,63.7l3.4,3.5l-3,3c-1.6,1.7-3.2,3-3.4,3c-0.7,0-6.8-6.1-6.8-6.7c0-0.5,5.6-6.3,6-6.3C231,60.2,232.7,61.8,234.6,63.7z M223,82.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L223,82.3z M210.9,87.4l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2S209,85.5,210.9,87.4z M198.9,99.1c1.8,1.7,3.2,3.3,3.2,3.6s-1.3,1.9-3,3.5l-3,3l-3.6-3.6l-3.6-3.6l3-3c1.6-1.7,3.2-3,3.4-3C195.5,96,197.2,97.4,198.9,99.1z M187.2,118.1l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L187.2,118.1z M175.1,123.2l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2C171.5,119.7,173.2,121.3,175.1,123.2z M152.3,145.6c1.8,1.8,3.2,3.3,3.2,3.6c0,0.6-5.7,6.3-6.2,6.3c-0.7,0-6.8-6.1-6.8-6.7s5.6-6.3,6.2-6.3C149,142.5,150.6,143.9,152.3,145.6z M140.7,164.6l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L140.7,164.6z M128.6,169.7l3.4,3.5l-3.2,3.3l-3.2,3.3l-3.4-3.3c-1.9-1.9-3.4-3.6-3.4-3.8c0-0.5,5.6-6.3,6-6.3C125,166.2,126.7,167.8,128.6,169.7z M117,188.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L117,188.3z M104.9,193.5l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2C101.3,190,103,191.5,104.9,193.5z M93.2,212.1l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L93.2,212.1z M81.1,217.2l3.4,3.5l-3.2,3.3l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.1-3.1c1.7-1.8,3.3-3.2,3.4-3.2S79.2,215.3,81.1,217.2z M69.5,235.8l-3.3,3.3l-3.6-3.6l-3.6-3.6l3.3-3.3l3.3-3.3l3.6,3.6l3.6,3.6L69.5,235.8z" fill="#000000"></path></path></g></g></g>
</svg>
</div>
<div class="text932a">
<p class="title584a">الرامات</p>
<p class="content583a">6-4 جيجا</p>
</div>
</div>
<div id="hideinsmall573v" style="border-left:2px solid #dadada;clear:both;"></div>
<div class="smallbox485a">
<div class="svg3851a">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M20 18.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5.224-.5.5-.5.5.224.5.5zm4-2.5l-5-14h-14l-5 14v6h24v-6zm-17.666-12h11.333l3.75 11h-18.834l3.751-11zm15.666 16h-20v-3h20v3z"/></svg>
</div>
<div class="text932a">
<p class="title584a">المساحة</p>
<p class="content583a">128-64 جيجا</p>
</div>
</div>
</div>
<div class="box853a">
<div class="svg583a">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.979 15.748l-.741.753c-1.395-1.101-2.28-2.707-2.28-4.501s.885-3.399 2.28-4.5l.741.752c-1.163.918-1.902 2.256-1.902 3.748s.739 2.831 1.902 3.748zm.338-3.748c0-.896.443-1.698 1.141-2.249l-.74-.751c-.931.733-1.521 1.805-1.521 3 0 1.196.59 2.267 1.521 3l.74-.751c-.697-.55-1.141-1.353-1.141-2.249zm7.522 0c0-1.492-.739-2.83-1.902-3.748l.741-.752c1.395 1.101 2.28 2.706 2.28 4.5s-.885 3.4-2.28 4.501l-.741-.753c1.163-.917 1.902-2.256 1.902-3.748zm-3.381 2.249l.74.751c.931-.733 1.521-1.804 1.521-3 0-1.195-.59-2.267-1.521-3l-.74.751c.697.551 1.141 1.354 1.141 2.249s-.444 1.699-1.141 2.249zm-1.5-3.749c-.828 0-1.5.672-1.5 1.5 0 .829.672 1.5 1.5 1.5s1.5-.671 1.5-1.5c0-.828-.672-1.5-1.5-1.5z"/></svg>
</div>
<div class="text853a">
<p class="title584a">يدعم شبكات</p>
<p class="mo3g4g5ga">
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M3,7v2h5v2H4v2h4v2H3v2h5c1.1,0,2-0.9,2-2v-1.5c0-0.83-0.67-1.5-1.5-1.5c0.83,0,1.5-0.67,1.5-1.5V9c0-1.1-0.9-2-2-2H3z M21,11v4c0,1.1-0.9,2-2,2h-5c-1.1,0-2-0.9-2-2V9c0-1.1,0.9-2,2-2h5c1.1,0,2,0.9,2,2h-7v6h5v-2h-2.5v-2H21z" fill="var(--3ga11)"></path></svg>
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M9,7H7v5H5V7H3v7h4v3h2v-3h2v-2H9V7z M17,11v2h2v2h-5V9h7c0-1.1-0.9-2-2-2h-5c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h5 c1.1,0,2-0.9,2-2v-4H17z" fill="var(--4ga11)"></path></svg>
<svg style="color: red" width="30" height="30" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.0866 9.40788C34.4835 7.95197 33.5996 6.6291 32.4853 5.5148L33.8995 4.10059C35.1995 5.40061 36.2307 6.94396 36.9343 8.64251C37.6379 10.3411 38 12.1616 38 14.0001C38 15.8386 37.6379 17.6591 36.9343 19.3577C36.2307 21.0562 35.1995 22.5996 33.8995 23.8996L32.4853 22.4854C33.5996 21.3711 34.4835 20.0482 35.0866 18.5923C35.6896 17.1364 36 15.5759 36 14.0001C36 12.4242 35.6896 10.8638 35.0866 9.40788Z" fill="var(--5ga11)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.5433 11.704C29.2417 10.9761 28.7998 10.3146 28.2426 9.75748L29.6569 8.34326C30.3997 9.08613 30.989 9.96804 31.391 10.9386C31.7931 11.9093 32 12.9495 32 14.0001C32 15.0507 31.7931 16.091 31.391 17.0616C30.989 18.0322 30.3997 18.9141 29.6569 19.657L28.2426 18.2428C28.7998 17.6856 29.2417 17.0242 29.5433 16.2962C29.8448 15.5683 30 14.788 30 14.0001C30 13.2122 29.8448 12.432 29.5433 11.704Z" fill="var(--5ga11)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.7574 9.75748C19.2002 10.3146 18.7583 10.9761 18.4567 11.704C18.1552 12.432 18 13.2122 18 14.0001C18 14.788 18.1552 15.5683 18.4567 16.2962C18.7583 17.0242 19.2002 17.6856 19.7574 18.2428L18.3431 19.657C17.6003 18.9141 17.011 18.0322 16.609 17.0616C16.2069 16.091 16 15.0507 16 14.0001C16 12.9495 16.2069 11.9093 16.609 10.9386C17.011 9.96804 17.6003 9.08613 18.3431 8.34326L19.7574 9.75748Z" fill="var(--5ga11)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5147 5.5148C14.4004 6.6291 13.5165 7.95197 12.9134 9.40788C12.3104 10.8638 12 12.4242 12 14.0001C12 15.5759 12.3104 17.1364 12.9134 18.5923C13.5165 20.0482 14.4004 21.3711 15.5147 22.4854L14.1005 23.8996C12.8005 22.5996 11.7693 21.0562 11.0657 19.3576C10.3621 17.6591 10 15.8386 10 14.0001C10 12.1616 10.3621 10.3411 11.0657 8.64251C11.7693 6.94395 12.8005 5.40061 14.1005 4.10059L15.5147 5.5148Z" fill="var(--5ga11)"></path> <path d="M26 14.0001C26 15.1046 25.1046 16.0001 24 16.0001C22.8954 16.0001 22 15.1046 22 14.0001C22 12.8955 22.8954 12.0001 24 12.0001C25.1046 12.0001 26 12.8955 26 14.0001Z" fill="var(--5ga11)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 29.0001C10 27.3432 11.3431 26.0001 13 26.0001H35C36.6569 26.0001 38 27.3432 38 29.0001V41.0001C38 42.6569 36.6569 44.0001 35 44.0001H13C11.3431 44.0001 10 42.6569 10 41.0001V29.0001ZM22 30.0001C22 29.4478 21.5523 29.0001 21 29.0001H15.75C15.2733 29.0001 14.8629 29.3365 14.7694 29.804L14.0194 33.554C13.9401 33.9506 14.1075 34.3559 14.4436 34.581C14.7796 34.806 15.2182 34.8065 15.5547 34.5821C15.7657 34.4415 16.6978 34.0001 18 34.0001C19.1046 34.0001 20 34.8955 20 36.0001C20 37.1046 19.1046 38.0001 18 38.0001H17.1682C16.5907 38.0001 16.1138 37.6401 15.9405 37.1604C15.7529 36.6409 15.1798 36.3719 14.6603 36.5595C14.1409 36.7471 13.8719 37.3203 14.0595 37.8398C14.5174 39.1079 15.7437 40.0001 17.1682 40.0001H18C20.2091 40.0001 22 38.2092 22 36.0001C22 33.7909 20.2091 32.0001 18 32.0001C17.3891 32.0001 16.8274 32.0724 16.3335 32.1817L16.5698 31.0001H21C21.5523 31.0001 22 30.5524 22 30.0001ZM32.7526 31.774C33.1208 31.3623 33.0856 30.7302 32.6739 30.362C31.9417 29.707 31.0458 29.2587 30.0786 29.0663C29.011 28.8539 27.9045 28.9629 26.8988 29.3795C25.8932 29.796 25.0337 30.5014 24.429 31.4064C23.8242 32.3115 23.5014 33.3755 23.5014 34.464C23.5014 35.5525 23.8242 36.6165 24.429 37.5216C25.0337 38.4266 25.8932 39.132 26.8988 39.5486C27.9045 39.9651 29.011 40.0741 30.0786 39.8618C31.0458 39.6694 31.9417 39.221 32.6739 38.5661C32.886 38.3764 33.0073 38.1053 33.0073 37.8207V34.464C33.0073 33.9117 32.5595 33.464 32.0073 33.464H29.0049C28.4526 33.464 28.0049 33.9117 28.0049 34.464C28.0049 35.0163 28.4526 35.464 29.0049 35.464H31.0073V37.3389C30.6128 37.6136 30.1642 37.8055 29.6884 37.9002C29.0088 38.0354 28.3044 37.966 27.6642 37.7008C27.024 37.4356 26.4769 36.9866 26.0919 36.4104C25.7069 35.8343 25.5014 35.1569 25.5014 34.464C25.5014 33.7711 25.7069 33.0937 26.0919 32.5176C26.4769 31.9414 27.024 31.4924 27.6642 31.2272C28.3044 30.962 29.0088 30.8927 29.6884 31.0278C30.3041 31.1503 30.8744 31.4357 31.3406 31.8527C31.7522 32.2209 32.3844 32.1856 32.7526 31.774Z" fill="var(--5ga11)"></path> </svg>
</p>
<div style="clear:both;"></div>
</div>
</div>
<div class="box385a">
<div class="smallbox485a">
<div class="svg583a">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M19 8v8h-5.952l-5.087-8h11.039zm2-2h-21v12h21v-12zm1 9h.75c.69 0 1.25-.56 1.25-1.25v-3.5c0-.69-.56-1.25-1.25-1.25h-.75v6z"/></svg>
</div>
<div class="text932a">
<p class="title584a">البطارية</p>
<p class="content583a">5000 مللي أمبير</p>
</div>
</div>
<div id="hideinsmall573v" style="border-left:2px solid #dadada;clear:both;"></div>
<div class="smallbox485a">
<div class="svg3851a">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M6 8l.001 9.444c0 .861.696 1.556 1.557 1.556h.442v3.542c0 .804.707 1.458 1.51 1.458.806 0 1.49-.654 1.49-1.459v-3.541h2v3.542c0 .804.707 1.458 1.511 1.458.806 0 1.489-.654 1.489-1.459v-3.541l.444-.001c.858 0 1.556-.696 1.556-1.557v-9.442h-12zm16 1.471c0-.805-.695-1.471-1.5-1.471-.805-.001-1.5.667-1.5 1.472v6.106c0 .806.694 1.422 1.5 1.422.805 0 1.5-.615 1.5-1.422v-6.107zm-17 0c0-.805-.695-1.471-1.5-1.471-.805-.001-1.5.667-1.5 1.472v6.106c0 .806.694 1.422 1.5 1.422.805 0 1.5-.615 1.5-1.422v-6.107zm9.951-7.312l.94-1.859c.068-.132-.019-.3-.163-.3-.066 0-.13.038-.164.105l-.949 1.878c-1.531-.737-3.544-.812-5.229 0l-.95-1.878c-.033-.067-.097-.105-.164-.105-.144 0-.231.168-.163.3l.94 1.859c-1.845 1.034-3.049 2.584-3.049 4.84h12c0-2.256-1.204-3.806-3.049-4.84zm-5.45 2.841c-.276 0-.501-.224-.501-.5 0-.274.225-.5.501-.5s.499.226.499.5c0 .276-.223.5-.499.5zm4.998 0c-.276 0-.499-.224-.499-.5 0-.274.223-.5.499-.5s.501.226.501.5c0 .276-.225.5-.501.5z"/></svg>
</div>
<div class="text932a">
<p class="title584a">نظام التشغيل</p>
<p class="content583a">Android 12</p>
</div>
</div>
</div>
<div class="box853a">
<div class="svg583a">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M6.02 7.389c.399-.285.85-.417 1.292-.417.944 0 1.852.6 2.15 1.599-.382-.294-.83-.437-1.281-.437-.458 0-.919.147-1.321.434-.799.57-1.153 1.541-.845 2.461-1.242-.89-1.247-2.747.005-3.64zm3.741 12.77c.994.334 4.071 1.186 7.635 3.841l6.604-4.71c-1.713-2.402-1.241-4.082-2.943-6.468-1.162-1.628-1.827-1.654-3.037-1.432l.599.84c.361.507-.405 1.05-.764.544l-.534-.75c-.435-.609-1.279-.229-2.053-.051l.727 1.019c.36.505-.403 1.051-.764.544l-.629-.882c-.446-.626-1.318-.208-2.095-.01l.769 1.078c.363.508-.405 1.049-.764.544l-3.118-4.366c-.968-1.358-3.088.083-2.086 1.489l4.605 6.458c-.494-.183-1.363-.349-1.93-.349-1.754 0-2.429 1.92-.222 2.661zm-3.286-2.159h-4.475v-14h10v6.688l2-.471v-8.217c0-1.104-.895-2-2-2h-10c-1.105 0-2 .896-2 2v18.678c-.001 2.213 3.503 3.322 7.005 3.322 1.812 0 3.619-.299 4.944-.894-2.121-.946-6.378-1.576-5.474-5.106z"/></svg>
</div>
<div class="text932a">
<p class="title584a">الشاشة</p>
<p class="content583a">6.6 بوصة بدقة HD+ بها نوتش</p>
</div>
</div>
<div class="box906a">
<div class="svg583a">
<svg width="20" height="20" clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.002 2.005c5.518 0 9.998 4.48 9.998 9.997 0 5.518-4.48 9.998-9.998 9.998-5.517 0-9.997-4.48-9.997-9.998 0-5.517 4.48-9.997 9.997-9.997zm0 1.5c-4.69 0-8.497 3.807-8.497 8.497s3.807 8.498 8.497 8.498 8.498-3.808 8.498-8.498-3.808-8.497-8.498-8.497zm0 6.5c-.414 0-.75.336-.75.75v5.5c0 .414.336.75.75.75s.75-.336.75-.75v-5.5c0-.414-.336-.75-.75-.75zm-.002-3c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1z" fill-rule="nonzero"/></svg>
</div>
<div class="text932a">
<p class="title584a">معلومات إضافية</p>
<p class="content583a">الجهاز غير مقاوم للماء</p>
</div>
</div>
</div>
</div>
<style>
:root {
--3ga11:green;
--4ga11:green;
--5ga11:red;
}
.bigbox472a{
width:auto;
margin:auto;
display:flex;
flex-wrap:wrap;
justify-items:center;
justify-content:space-around;
box-sizing: border-box;
}
.photo583a{
width: 300px;
height: auto;
margin: 5px;
padding: 5px 70px;
text-align: center;
display: flex;
align-content: center;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.photo764a{
width:300px;
height:auto;
transition:300ms;
}
.container584a{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
justify-items: center;
flex-wrap: wrap;
flex-direction: column;
font-family: system-ui;
width:300px;
margin:auto;
}
.box483a{
display:flex;
flex-wrap:nowrap;
justify-items:center;
justify-content:right;
border:1px solid #dadada;
border-radius:10px 10px 0px 0px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:300px;
}
.box853a{
display:flex;
flex-wrap:nowrap;
justify-items:center;
justify-content:right;
border:1px solid #dadada;
border-radius:0px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:300px;
}
.box385a{
display:flex;
flex-wrap:wrap;
border:1px solid #dadada;
border-radius:0px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:300px;
}
.box906a{
display:flex;
flex-wrap:nowrap;
justify-items:center;
justify-content:right;
border:1px solid #dadada;
border-radius:0px 0px 10px 10px;
background:linear-gradient(192deg,#fafafa,#ececec);
width:300px;
}
.smallbox485a{
width:149px;
display:flex;
flex-wrap:nowrap;
justify-items:center;
margin:0;
padding:0;
background:linear-gradient(192deg,#fafafa,#ececec);
}
.box483a:hover , .box853a:hover , .box385a:hover , .box906a:hover , .smallbox485a:hover {
background:linear-gradient(192deg,#fafafa,#fafafa);
}
.svg583a , .svg3851a{
margin:20px 7px;
padding:5px;
fill:#9a9a9a;
transition:300ms;
}
.svg583a:hover , .svg3851a:hover{
fill:#a56a9e;
transform:scale(1.02);
}
.text932a{
width:auto;
text-align:right;
margin:1px;
border-right:1px solid #dadada;
}
.text853a{
width:auto;
text-align:right;
margin:1px;
border-right:1px solid #dadada;
width:80%;
}
.title584a{
width:auto;
margin:5px 10px 1px 5px;
padding-bottom:1px;
padding-top:5px;
font-size:14px;
color:#712c61;
cursor: default;
transition:300ms;
}
.title584a:hover{
transform:scale(1.02);
color:#a4734e;
}
.content583a{
width:auto;
margin:1px 10px 5px 5px;
padding-top:1px;
padding-bottom:5px;
font-size:13px;
color:#3c7669;
cursor: default;
transition:300ms;
}
.content583a:hover{
transform:scale(1.02);
color:#997373;
}
.mo3g4g5ga{
float:left;
margin:1px;
transition:300ms;
}
.mo3g4g5ga:hover , .photo764a:hover {
transform:scale(1.02);
}
@media (max-width:3000px) {
.photo583a{
padding: 5px 300px;
}
}
@media (max-width:1625px) {
.photo583a{
padding: 5px 200px;
}
}
@media (max-width:1500px) {
.photo583a{
padding: 5px 100px;
}
}
@media (max-width:1200px) {
.photo583a{
padding: 5px 70px;
}
}
@media (max-width:1100px) {
.photo583a{
padding: 5px 40px;
}
}
@media (max-width:706px) {
.photo583a{
padding:5px;
}
}
@media (max-width:636px) {
.photo764a , .photo583a {
width: 250px;
height: auto;
}
}
@media (max-width:585px) {
.bigbox472a{
justify-items:center;
justify-content:center;
flex-direction: column;
align-content: center;
}
.photo583a{
padding:5px;
width:100%;
}
.photo764a{
width:100%;
}
}
@media (max-width:399px) {
.container584a , .box483a , .box853a , .box385a , .box906a , .photo583a , .photo764a {
width:100%;
flex:100% !important;
}
.smallbox485a{
flex:49% !important;
}
}
@media (max-width:273px) {
#hideinsmall573v {
display:none;
}
}
</style>القسم الثاني تعديل كود جدول مواصفات الموبايل
بالبداية سيكون من الواضح والسهل البحث عن كل قسم من المواصفات وكذلك بيانات هذا القسم مثل الكاميرا وبالسطر الموجود أسفلها مباشرة بيانات الكاميرا
ولتغيير رابط الصورة للموبايل بالكود 2 و 3 عليك البحث عن الجملة
src="https://cdn
وإستبدال الرابط الذي يبدأ بـ https وينتهي بإمتداد الصورة وهو .jpg برابط الصورة للموبايل ويستحسن أن تكون الصورة مربعة حتى لا تجد مشكلات مع شكل وحجم الصورة بجانب الجدول.
ولتغيير إسم الموبايل من على الصورة عليك البحث عن الجملتين
alt="Infinix Smart 7"
و
title="Infinix Smart 7"
وإستبدال إسم الموبايل Infinix Smart 7 بإسم الموبايل الذي يتم شرح مواصفاته.
الأن يجب علينا معرفة أن الإشارة لتوافر شبكة الجيل الثالث والرابع والخامس لأي موبايل بالكود سيكون باللون أخضر أي يتواجد وأحمر أي لا يتواجد ولتغيير ذلك بالكود سنبحث عن الجملة
:root {
وبعدها وأسفلها مباشرة سنجد الجملة
--3ga1
أو
--3ga1a
بالكود الثاني أو
--3ga11
بالكود الثالث وبجانبهم جملة
green
وهذا يعني أن أيكونة الجيل الثالث باللون الأخضر وإن أردنا تغييرها للون الأحمر سنقوم بإستبدال الجملة
green
إلى الجملة
red
وستكرر نفس الأمر في حالة وجود شبكة جيل رابع أو خامس أو لا وستجد نفس الجملة بالظبط أسفلها مع وجود رقم 4 للجيل الرابع و 5 للجيل الخامس
وبهذا نستطيع تغيير لون أيقونات الجيل الثالث والرابع والخامس للثلاثة أكواد بكل سهولة وبساطة
وأما عن تغيير ألوان كلمات الوصف مثل كلمة الكاميرا فستقوم بالبحث عن كود اللون
#712c61
ثم ستقوم بالدخول على جوجل والبحث بالجملة " html color picker " لتظهر لك جميع الألوان فقط عليك إختيار أي لون داكن جداً ومن النوع HEX وبعدها تقوم بإستبداله بالكود السابق
وأما عن تغيير لون كلمات الوصف أثناء المرور عليها بالماوس فقط عليك البحث عن الجملة
#a4734e
وإستبدالها بلون أخر داكن جداً بنفس الطريقة السابقة
وأما في حالة أردت تغيير لون بيانات الوصف فقط عليك البحث عن الجملة
#3c7669
وإستبدالها بلون داكن جداً ليظهر بشكل واضح وبنفس الطريقة التي تم ذكرها بالسابق
وإن أردت تغيير لون بيانات الوصف أثناء المرور عليها بالماوس فقط قم بالبحث عن الجملة
#997373
وإستبدالها بأي لون أخر داكن جداً من الألوان التي تريد
بالنسبة للون الخلفية للجدول وكذلك لون الأيقونات أنصح جداً بعدم تغييرها فهي مناسبة جداً لجميع المواقع بكافة الألوان فقط إن أردت تغيير لون الأيقونة أثناء المرور عليها فقط عليك البحث عن الجملة
#a56a9e
وتغييرها بأي لون داكن أخر باللون الذي تريد
وبهذا تكون إستطعت تغيير كل مايلزم لتخصيص الجدول ليناسب موقعك ويمكنك التجربة أكثر بمزيد من التعديلات ولكن عليك أخذ نسخة إحتياطية من مقالك أو الجدول المعدل قبل التعديل والتجربة عليه في أمور أخرى أكثر تطوراً.
وبهذا يصبح لديك كود متطور جداً وقوي ومميز لجدول مواصفات الموبايل يحاكي ويضاهي أفضل أكواد جداول بيانات الموبايل بجميع المواقع الكبيرة والمشهورة لتعدله ببساطة وسهولة فهو مجرد كود واحد فقط تضعه بأي مكان بالمقالة ليظهر كما تود بالظبط.
الخلاصة
إن كنت تريد التميز فعليك أن تجعل من موقعك أيقونة من الجمال والتنسيق الملفت والمميز عن بقية المواقع حتى تستطيع إبهار الزائر بكل هذه الإحترافية في التنسيق وإسلوب وشكل العرض وكذلك قوة ودقة المحتوى بكل تأكيد لتضمن لنفسك مقعد وسط الكبار بموقعك المميز والفريد من نوعه بالشكل والمظهر وكذلك المحتوى.
