كيفية إنشاء جدول مواصفات الهاتف لموقع مراجعة الهواتف

<script crossorigin="anonymous" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<style>
 -----------------------------------------------
Name : wlmokweb Phone Specifications Table
Designer URL  : https://www.wlmok-web.com/
----------------------------------------------- */ 
.wlmokweb{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:15px;padding-bottom:15px;border-bottom:1px solid  var(--Borderes)} .wlmokwebImg{    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 8px;height: 330px;flex-direction: column; float: right; width: 50%; display: flex; align-items: center; margin-top: 2 0; margin-left: 5px; } .Buythephone { margin-top: 10px; position: relative; padding: 0 0 50px 0; } .InfoCol{font-size: 12px;display:flex;align-items:center;justify-content:flex-start;height:50px;background:#000000;color:#fff;margin-bottom:10px;padding:0 5px;border-radius:3px;box-shadow:0 2px 4px #5858584d;position:relative} .InfoCol svg.MIco{width: 30px; height: 30px; margin-left: 10px; fill: #000000; padding: 5px; transition: all .3s ease; background: #fff; border-radius: 5px; box-shadow:1px 2px 4px #3636366b}  @media screen and (max-width: 860px){ .wlmokweb { grid-template-columns: 1fr; } .wlmokwebImg {width: 100%;margin-bottom: 10px;} .MobileInfos {width: 100%;} .MInfo{display:flex;align-items:center;width:calc(100% - 42px);overflow:hidden} .InfoCol svg.MIco{width:30px;height:30px;margin-left:8px} .InfoCol{font-size:13px;padding:0 8px}.InfoCol:before{display:none}}.fa-shopaliexpress {height: 30px; width: 100%;}
.post table td:first-child{width:122px}
.post-body table:not(.tr-caption-container) td{padding:5px}.aps-group-title{margin:0!important}.cont{margin-bottom:20px}
.device-main-image .open-photos-button span { padding: 2px 6px; display: inline-block; vertical-align: middle; }  
.open-photos-button { display: inline-block; border-radius: 20px; font-size: 12px; color: #4f4e56; background: hsl(0deg 0% 76.97% / 55%); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); padding: 7px 2px; white-space: nowrap; display: flex; align-items: center; justify-content: center; width: 50%;}  
.gallery{ width: 500px; float: right; padding-left: 10px; padding-right: 10px;}
.bi-system {width: 30px; height: 30px; margin-left: 10px; fill: #000000; padding: 5px; transition: all .3s ease; background: #fff; border-radius: 5px; box-shadow: 1px 2px 4px #3636366b; }
.bi-battery-full {width: 30px; height: 30px; margin-left: 10px; fill: #000000; padding: 5px; transition: all .3s ease; background: #fff; border-radius: 5px; box-shadow: 1px 2px 4px #3636366b; }
.bi-camera-fill {width: 30px; height: 30px; margin-left: 10px; fill: #000000; padding: 5px; transition: all .3s ease; background: #fff; border-radius: 5px; box-shadow: 1px 2px 4px #3636366b; } 
.bi-memory {width: 30px; height: 30px; margin-left: 10px; fill: #000000; padding: 5px; transition: all .3s ease; background: #fff; border-radius: 5px; box-shadow: 1px 2px 4px #3636366b; }
.bi-cpu {width: 30px; height: 30px; margin-left: 10px; fill: #000000; padding: 5px; transition: all .3s ease; background: #fff; border-radius: 5px; box-shadow: 1px 2px 4px #3636366b; }  
.bi-tv{width: 30px; height: 30px; margin-left: 10px; fill: #000000; padding: 5px; transition: all .3s ease; background: #fff; border-radius: 5px; box-shadow: 1px 2px 4px #3636366b; }

</style>

<div class="wlmokwebImg">
<div class="gallery">
<div class="gallery-item">     

<img alt="Image 1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitz2-cAN5h85TLJpTeQROHKKOyG-Nb6PcIYyfgem3YC07V6RCuTKdFVYzoA1eGALS-mQU4r9PaNDJJjXEq95qQhQhLWHy5J2URnGDzGA47aYXYzfS99ax793Vl1Gh-lNRcARVBEBZIonf9Q5ZvwhpNrgBtXzWXnHSrT8FGMMA4ty4241fBAq4Td8Jf-mg/s1600/%D8%B3%D8%B9%D8%B1%20%D9%88%D9%85%D9%88%D8%A7%D8%B5%D9%81%D8%A7%D8%AA%20Xiaomi%2014%20-%20%D8%A7%D9%84%D9%85%D9%88%D8%A7%D8%B5%D9%81%D8%A7%D8%AA%20%D8%A7%D9%84%D9%83%D8%A7%D9%85%D9%84%D8%A9%20copy.webp" title="Xiaomi 14" />
</div>
</div>
  
  <span class="open-photos-button"><span class="photos">19 <svg style="width: 22px;height: 22px;vertical-align: middle;" viewBox="0 0 16 16">
  <path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/>
  <path d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0"/>
</svg>
</span></span>
</div>
<div class="MobileInfos">
    <div class="InfoCol">
<svg class="bi bi-tv" viewBox="0 0 16 16" >
<path d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5M13.991 3l.024.001a1.5 1.5 0 0 1 .538.143.76.76 0 0 1 .302.254c.067.1.145.277.145.602v5.991l-.001.024a1.5 1.5 0 0 1-.143.538.76.76 0 0 1-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.5 1.5 0 0 1-.538-.143.76.76 0 0 1-.302-.254C1.078 10.502 1 10.325 1 10V4.009l.001-.024a1.5 1.5 0 0 1 .143-.538.76.76 0 0 1 .254-.302C1.498 3.078 1.675 3 2 3zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2"/>
</svg>
     
      <div><strong> الشاشة : </strong><span> 6.67 بوصة بدقة 1080x2400  </span></div></div>
    <div class="InfoCol">
<svg class="bi bi-cpu" viewBox="0 0 16 16">
  <path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0m-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z"/>
</svg>   
      
 <div><strong> المعالج : </strong><span> Helio G99 Ultra </span></div></div> 
    <div class="InfoCol">
<svg class="bi bi-camera-fill" viewBox="0 0 16 16">
  <path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/>
  <path d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0"/>
</svg>

      <div><strong> الكاميرا : </strong><span>  200MP خلفية + 16MP&nbsp;</span>أمامية</div></div>
    <div class="InfoCol">            
 <svg class="bi bi-memory" viewBox="0 0 16 16">
  <path d="M1 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.586a1 1 0 0 0 .707-.293l.353-.353a.5.5 0 0 1 .708 0l.353.353a1 1 0 0 0 .707.293H15a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm.5 1h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5m5 0h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5m4.5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5zM2 10v2H1v-2zm2 0v2H3v-2zm2 0v2H5v-2zm3 0v2H8v-2zm2 0v2h-1v-2zm2 0v2h-1v-2zm2 0v2h-1v-2z"/>
</svg>
      <div><strong> التخزين / الرام : </strong><span> 8GB رام و 256GB تخزين / 12GB رام و 512GB تخزين</span></div></div>
    <div class="InfoCol">
   <svg class="bi bi-system" viewBox="0 0 16 16">     
   <path d='M5 8c0-1.657 2.343-3 4-3V4a4 4 0 0 0-4 4'/> 
  <path d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0'/>
  <path d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z'/>   
 </svg> 
<div><strong> نظام التشغيل : </strong><span> أندرويد 13، نظام تشغيل MIUI 14</span></div></div> 
    <div class="InfoCol">
<svg class="bi bi-battery-full" viewBox="0 0 16 16">
  <path d="M2 6h10v4H2z"/>
  <path d="M2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm10 1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm4 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8"/>
</svg> 

<div><strong> البطارية : </strong><span> 5000 مللي أمبير </span></div></div>
  </div> 

<link defer="defer" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" rel="stylesheet"></link>
<script defer="defer" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
  <script>
    $(document).ready(function() {
      $('.wlmokwebImg').click(function() {
        $.fancybox.open([
                    {
            src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUZRdtMFAQpaRfv2i2jbzgxZVaS_XqzQ-WddGAe7Ry0XKhmwDnLiIRI6GmJ_gLucsaWiwkhS0GHibfiKVKDnwb0c6uGM2hbn_ui1SHJKYJlP6K0NjsGQTi8jlzZaJ2RCefh0TLlJ6LYJ4YkVeQsOVV4qcviUKuuu1AgDoAIEt7vNmT7UOqPBtNQwd1Qad1/s1600/1.webp',
            opts: {
              caption: '1'
            }
          },
          {
            src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoAjGMDocFypEqVYfNgCTbj2g4WiMzDx28ru3J9Oh94rkwRjfz7m6fFwVZzKHp0HHAduWXKukfmtOhLO2_D6Ie_yaiF_kF1s6ah38x_zLLggdJXNW9H12jetGFTQoxNH4UguZ4Fq8mng001Gti7GzA-tudY6KWng8LhcBgZzli0TH8iyr-D_wuLDi_dAnm/s1600/2.webp',
            opts: {
              caption: '2'
            }
          },
          {
            src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdurWlk1LtTD7SgC4G-cvyb2WNMpPuoTS4vYPZ5UxqieEN4JjJX3L7kt-Z3h4EbdK4VWjMt25leVu0h7d6ON07uW5H0Ix5-NxDBehos0pWFFN7PhnOo6nSa37uYR15UFDnO1zQKhwO4ivYlRPED9vOlLvUnX5khMv-9GuIzfe-iSvkZNsftZXKouuBiC7y/s1600/3.webp',
            opts: {
              caption: '3'
            }
          },
           
          
        ], {
          loop: false
        });
      });
    });
  </script>
<br>

<p>مواصفات الهاتف</p>

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitz2-cAN5h85TLJpTeQROHKKOyG-Nb6PcIYyfgem3YC07V6RCuTKdFVYzoA1eGALS-mQU4r9PaNDJJjXEq95qQhQhLWHy5J2URnGDzGA47aYXYzfS99ax793Vl1Gh-lNRcARVBEBZIonf9Q5ZvwhpNrgBtXzWXnHSrT8FGMMA4ty4241fBAq4Td8Jf-mg/s1600/%D8%B3%D8%B9%D8%B1%20%D9%88%D9%85%D9%88%D8%A7%D8%B5%D9%81%D8%A7%D8%AA%20Xiaomi%2014%20-%20%D8%A7%D9%84%D9%85%D9%88%D8%A7%D8%B5%D9%81%D8%A7%D8%AA%20%D8%A7%D9%84%D9%83%D8%A7%D9%85%D9%84%D8%A9%20copy.webp

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUZRdtMFAQpaRfv2i2jbzgxZVaS_XqzQ-WddGAe7Ry0XKhmwDnLiIRI6GmJ_gLucsaWiwkhS0GHibfiKVKDnwb0c6uGM2hbn_ui1SHJKYJlP6K0NjsGQTi8jlzZaJ2RCefh0TLlJ6LYJ4YkVeQsOVV4qcviUKuuu1AgDoAIEt7vNmT7UOqPBtNQwd1Qad1/s1600/1.webp

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoAjGMDocFypEqVYfNgCTbj2g4WiMzDx28ru3J9Oh94rkwRjfz7m6fFwVZzKHp0HHAduWXKukfmtOhLO2_D6Ie_yaiF_kF1s6ah38x_zLLggdJXNW9H12jetGFTQoxNH4UguZ4Fq8mng001Gti7GzA-tudY6KWng8LhcBgZzli0TH8iyr-D_wuLDi_dAnm/s1600/2.webp

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdurWlk1LtTD7SgC4G-cvyb2WNMpPuoTS4vYPZ5UxqieEN4JjJX3L7kt-Z3h4EbdK4VWjMt25leVu0h7d6ON07uW5H0Ix5-NxDBehos0pWFFN7PhnOo6nSa37uYR15UFDnO1zQKhwO4ivYlRPED9vOlLvUnX5khMv-9GuIzfe-iSvkZNsftZXKouuBiC7y/s1600/3.webp