Vovo

 <style>

.mobile-compare-wrapper{

  width:100%;

  overflow-x:auto;

  margin:20px 0;

  font-family:Arial,Helvetica,sans-serif;

}


.mobile-compare-table{

  width:100%;

  min-width:850px;

  border-collapse:collapse;

  background:#fff;

  border-radius:12px;

  overflow:hidden;

  box-shadow:0 4px 18px rgba(0,0,0,.12);

}


.mobile-compare-table th{

  background:linear-gradient(135deg,#673ab7,#2196f3);

  color:#fff;

  padding:15px 10px;

  text-align:center;

  font-size:16px;

}


.mobile-compare-table td{

  padding:12px 10px;

  border-bottom:1px solid #e5e5e5;

  text-align:center;

  font-size:14px;

  line-height:1.5;

}


.mobile-compare-table td:first-child{

  background:#f5f6f8;

  font-weight:bold;

  text-align:left;

  width:22%;

}


.mobile-compare-table tr:hover td{

  background:#f0f7ff;

}


.section-title td{

  background:#eeeeee !important;

  color:#673ab7;

  font-size:17px;

  font-weight:bold;

  text-align:left !important;

  padding:13px;

}


.phone-image{

  width:100px;

  height:120px;

  object-fit:contain;

  display:block;

  margin:auto;

}


.phone-name{

  font-size:17px;

  font-weight:bold;

  margin-top:8px;

}


.highlight{

  color:#1976d2;

  font-weight:bold;

}


.price{

  color:#e53935;

  font-size:16px;

  font-weight:bold;

}


.yes{

  color:#16833b;

  font-weight:bold;

}


.no{

  color:#d32f2f;

  font-weight:bold;

}


@media(max-width:600px){

  .mobile-compare-table{

    min-width:700px;

  }


  .mobile-compare-table th{

    font-size:14px;

    padding:11px 7px;

  }


  .mobile-compare-table td{

    font-size:13px;

    padding:9px 7px;

  }


  .phone-image{

    width:75px;

    height:95px;

  }


  .phone-name{

    font-size:14px;

  }

}

</style>



<div class="mobile-compare-wrapper">


<table class="mobile-compare-table">


<!-- PHONE HEADER -->


<tr>

  <th>Specifications</th>


  <th>

    <img class="phone-image"

    src="PHONE-1-IMAGE-URL"

    alt="Phone 1">

    <div class="phone-name">Phone 1 Name</div>

  </th>


  <th>

    <img class="phone-image"

    src="PHONE-2-IMAGE-URL"

    alt="Phone 2">

    <div class="phone-name">Phone 2 Name</div>

  </th>

</tr>



<!-- GENERAL -->


<tr class="section-title">

  <td colspan="3">General</td>

</tr>


<tr>

  <td>Brand</td>

  <td>Brand 1</td>

  <td>Brand 2</td>

</tr>


<tr>

  <td>Model</td>

  <td>Model 1</td>

  <td>Model 2</td>

</tr>


<tr>

  <td>Launch Date</td>

  <td>DD Month YYYY</td>

  <td>DD Month YYYY</td>

</tr>


<tr>

  <td>Price</td>

  <td class="price">₹XX,XXX</td>

  <td class="price">₹XX,XXX</td>

</tr>



<!-- NETWORK -->


<tr class="section-title">

  <td colspan="3">Network</td>

</tr>


<tr>

  <td>Network Technology</td>

  <td>GSM / 4G / 5G</td>

  <td>GSM / 4G / 5G</td>

</tr>


<tr>

  <td>2G</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>3G</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>4G</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>5G</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>SIM Type</td>

  <td>Nano SIM</td>

  <td>Nano SIM</td>

</tr>


<tr>

  <td>SIM Slots</td>

  <td>Dual SIM</td>

  <td>Dual SIM</td>

</tr>



<!-- DESIGN -->


<tr class="section-title">

  <td colspan="3">Design & Build</td>

</tr>


<tr>

  <td>Dimensions</td>

  <td>XXX × XX × X mm</td>

  <td>XXX × XX × X mm</td>

</tr>


<tr>

  <td>Weight</td>

  <td>XXX g</td>

  <td>XXX g</td>

</tr>


<tr>

  <td>Build</td>

  <td>Glass / Metal</td>

  <td>Glass / Metal</td>

</tr>


<tr>

  <td>Water Resistance</td>

  <td>IP Rating</td>

  <td>IP Rating</td>

</tr>


<tr>

  <td>Colours</td>

  <td>Black, Blue, Silver</td>

  <td>Black, Blue, Silver</td>

</tr>



<!-- DISPLAY -->


<tr class="section-title">

  <td colspan="3">Display</td>

</tr>


<tr>

  <td>Display Type</td>

  <td>OLED / AMOLED</td>

  <td>AMOLED</td>

</tr>


<tr>

  <td>Display Size</td>

  <td class="highlight">6.3 inches</td>

  <td class="highlight">6.9 inches</td>

</tr>


<tr>

  <td>Resolution</td>

  <td>XXXX × XXXX pixels</td>

  <td>XXXX × XXXX pixels</td>

</tr>


<tr>

  <td>Refresh Rate</td>

  <td class="highlight">120Hz</td>

  <td class="highlight">120Hz</td>

</tr>


<tr>

  <td>Touch Sampling Rate</td>

  <td>XXX Hz</td>

  <td>XXX Hz</td>

</tr>


<tr>

  <td>Peak Brightness</td>

  <td>XXXX nits</td>

  <td>XXXX nits</td>

</tr>


<tr>

  <td>HDR</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>Protection</td>

  <td>Glass Protection</td>

  <td>Glass Protection</td>

</tr>



<!-- PERFORMANCE -->


<tr class="section-title">

  <td colspan="3">Performance</td>

</tr>


<tr>

  <td>Processor</td>

  <td class="highlight">Processor 1</td>

  <td class="highlight">Processor 2</td>

</tr>


<tr>

  <td>CPU</td>

  <td>Octa Core</td>

  <td>Octa Core</td>

</tr>


<tr>

  <td>GPU</td>

  <td>GPU 1</td>

  <td>GPU 2</td>

</tr>


<tr>

  <td>RAM</td>

  <td>8GB / 12GB</td>

  <td>12GB / 16GB</td>

</tr>


<tr>

  <td>RAM Type</td>

  <td>LPDDR5</td>

  <td>LPDDR5X</td>

</tr>


<tr>

  <td>Storage</td>

  <td>128GB / 256GB / 512GB</td>

  <td>256GB / 512GB / 1TB</td>

</tr>


<tr>

  <td>Storage Type</td>

  <td>UFS</td>

  <td>UFS</td>

</tr>


<tr>

  <td>Expandable Storage</td>

  <td class="no">No</td>

  <td class="no">No</td>

</tr>



<!-- SOFTWARE -->


<tr class="section-title">

  <td colspan="3">Software</td>

</tr>


<tr>

  <td>Operating System</td>

  <td>Android / iOS</td>

  <td>Android / iOS</td>

</tr>


<tr>

  <td>OS Version</td>

  <td>Latest Version</td>

  <td>Latest Version</td>

</tr>


<tr>

  <td>UI</td>

  <td>UI Name</td>

  <td>UI Name</td>

</tr>


<tr>

  <td>Software Updates</td>

  <td>As per Brand Policy</td>

  <td>As per Brand Policy</td>

</tr>



<!-- REAR CAMERA -->


<tr class="section-title">

  <td colspan="3">Rear Camera</td>

</tr>


<tr>

  <td>Main Camera</td>

  <td>50MP</td>

  <td>200MP</td>

</tr>


<tr>

  <td>Ultra-Wide Camera</td>

  <td>12MP</td>

  <td>50MP</td>

</tr>


<tr>

  <td>Telephoto Camera</td>

  <td>12MP</td>

  <td>50MP</td>

</tr>


<tr>

  <td>Macro / Depth</td>

  <td>5MP</td>

  <td>10MP</td>

</tr>


<tr>

  <td>OIS</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>Autofocus</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>Flash</td>

  <td>LED Flash</td>

  <td>LED Flash</td>

</tr>


<tr>

  <td>Video Recording</td>

  <td>4K / 60fps</td>

  <td>8K / 30fps</td>

</tr>



<!-- FRONT CAMERA -->


<tr class="section-title">

  <td colspan="3">Front Camera</td>

</tr>


<tr>

  <td>Front Camera</td>

  <td>12MP</td>

  <td>12MP</td>

</tr>


<tr>

  <td>Front Video</td>

  <td>4K / 60fps</td>

  <td>4K / 60fps</td>

</tr>


<tr>

  <td>Face Unlock</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>



<!-- BATTERY -->


<tr class="section-title">

  <td colspan="3">Battery & Charging</td>

</tr>


<tr>

  <td>Battery Capacity</td>

  <td>XXXXmAh</td>

  <td>XXXXmAh</td>

</tr>


<tr>

  <td>Charging</td>

  <td class="highlight">XXW Fast Charging</td>

  <td class="highlight">XXW Fast Charging</td>

</tr>


<tr>

  <td>Wireless Charging</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>Reverse Charging</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>



<!-- CONNECTIVITY -->


<tr class="section-title">

  <td colspan="3">Connectivity</td>

</tr>


<tr>

  <td>Wi-Fi</td>

  <td>Wi-Fi 6 / 7</td>

  <td>Wi-Fi 6 / 7</td>

</tr>


<tr>

  <td>Bluetooth</td>

  <td>Bluetooth 5.x</td>

  <td>Bluetooth 5.x</td>

</tr>


<tr>

  <td>NFC</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>GPS</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>USB</td>

  <td>USB Type-C</td>

  <td>USB Type-C</td>

</tr>


<tr>

  <td>USB Version</td>

  <td>USB 3.x</td>

  <td>USB 3.x</td>

</tr>


<tr>

  <td>3.5mm Headphone Jack</td>

  <td class="no">No</td>

  <td class="no">No</td>

</tr>



<!-- AUDIO -->


<tr class="section-title">

  <td colspan="3">Audio</td>

</tr>


<tr>

  <td>Speakers</td>

  <td>Stereo Speakers</td>

  <td>Stereo Speakers</td>

</tr>


<tr>

  <td>Dolby Atmos</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>



<!-- SENSORS -->


<tr class="section-title">

  <td colspan="3">Sensors</td>

</tr>


<tr>

  <td>Fingerprint Sensor</td>

  <td>Under Display</td>

  <td>Under Display</td>

</tr>


<tr>

  <td>Accelerometer</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>Gyroscope</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>Proximity Sensor</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>


<tr>

  <td>Compass</td>

  <td class="yes">Yes</td>

  <td class="yes">Yes</td>

</tr>



<!-- SECURITY -->


<tr class="section-title">

  <td colspan="3">Security</td>

</tr>


<tr>

  <td>Fingerprint</td>

  <td>Yes</td>

  <td>Yes</td>

</tr>


<tr>

  <td>Face Unlock</td>

  <td>Yes</td>

  <td>Yes</td>

</tr>



<!-- FINAL -->


<tr class="section-title">

  <td colspan="3">Key Highlights</td>

</tr>


<tr>

  <td>Highlight</td>

  <td>Feature 1</td>

  <td>Feature 1</td>

</tr>


<tr>

  <td>Best For</td>

  <td>Camera / Performance</td>

  <td>Gaming / Camera</td>

</tr>


<tr>

  <td>Starting Price</td>

  <td class="price">₹XX,XXX</td>

  <td class="price">₹XX,XXX</td>

</tr>


</table>

</div>

Next Post
No Comment
Add Comment
comment url