Mobile covers

<style>

.cover-select-container {

font-family: ‘Segoe UI’, sans-serif;

padding: 20px;

}

.cover-select {

width: 100%;

max-width: 400px;

padding: 10px;

font-size: 15px;

border: 1px solid #ccc;

border-radius: 8px;

}

</style>

 

<div class=”cover-select-container”>

<label for=”cover-models”>Select Phone Model:</label>

<select id=”cover-models” class=”cover-select” onchange=”if(this.value){window.location.href=this.value;}”>

<option value=””>– Choose Brand & Model –</option>

 

<optgroup label=”Samsung”>

<option value=”/product-category/covers/samsung/a14/”>A14</option>

<option value=”/product-category/covers/samsung/m13/”>M13</option>

<option value=”/product-category/covers/samsung/f23/”>F23</option>

<option value=”/product-category/covers/samsung/a04s/”>A04s</option>

<option value=”/product-category/covers/samsung/m32/”>M32</option>

</optgroup>

 

<optgroup label=”Vivo”>

<option value=”/product-category/covers/vivo/v21/”>V21</option>

<option value=”/product-category/covers/vivo/v23/”>V23</option>

<option value=”/product-category/covers/vivo/v27/”>V27</option>

<option value=”/product-category/covers/vivo/y16/”>Y16</option>

<option value=”/product-category/covers/vivo/y21/”>Y21</option>

</optgroup>

 

<optgroup label=”Oppo”>

<option value=”/product-category/covers/oppo/f19/”>F19</option>

<option value=”/product-category/covers/oppo/a54/”>A54</option>

<option value=”/product-category/covers/oppo/f21-pro/”>F21 Pro</option>

<option value=”/product-category/covers/oppo/reno-8/”>Reno 8</option>

<option value=”/product-category/covers/oppo/a17/”>A17</option>

</optgroup>

 

<optgroup label=”Realme”>

<option value=”/product-category/covers/realme/c25s/”>C25s</option>

<option value=”/product-category/covers/realme/c35/”>C35</option>

<option value=”/product-category/covers/realme/8/”>Realme 8</option>

<option value=”/product-category/covers/realme/11x/”>11x</option>

<option value=”/product-category/covers/realme/narzo-50/”>Narzo 50</option>

</optgroup>

 

<optgroup label=”OnePlus”>

<option value=”/product-category/covers/oneplus/nord-ce-2/”>Nord CE 2</option>

<option value=”/product-category/covers/oneplus/nord-ce-3/”>Nord CE 3</option>

<option value=”/product-category/covers/oneplus/10r/”>10R</option>

<option value=”/product-category/covers/oneplus/nord-2/”>Nord 2</option>

</optgroup>

 

<optgroup label=”Apple”>

<option value=”/product-category/covers/apple/iphone-11/”>iPhone 11</option>

<option value=”/product-category/covers/apple/iphone-12/”>iPhone 12</option>

<option value=”/product-category/covers/apple/iphone-13/”>iPhone 13</option>

<option value=”/product-category/covers/apple/iphone-14/”>iPhone 14</option>

<option value=”/product-category/covers/apple/iphone-se/”>iPhone SE</option>

</optgroup>

</select>

</div>

<style>
.cover-select-wrapper {
padding: 20px;
font-family: ‘Segoe UI’, sans-serif;
max-width: 500px;
margin: auto;
}
.cover-select-wrapper label {
font-size: 16px;
font-weight: 600;
display: block;
margin-bottom: 8px;
}
.cover-select {
width: 100%;
padding: 10px 14px;
font-size: 15px;
border-radius: 8px;
border: 1px solid #ccc;
}
</style>

<div class=”cover-select-wrapper”>
<label for=”cover-dropdown”>Select Mobile Brand & Model:</label>
<select id=”cover-dropdown” class=”cover-select” onchange=”if(this.value){window.location.href=this.value;}”>
<option value=””>– Choose Brand & Model –</option>

<optgroup label=”Samsung”>
<option value=”/product-category/covers/samsung/a14/”>Samsung A14</option>
<option value=”/product-category/covers/samsung/m13/”>Samsung M13</option>
<option value=”/product-category/covers/samsung/f23/”>Samsung F23</option>
</optgroup>

<optgroup label=”Vivo”>
<option value=”/product-category/covers/vivo/v21/”>Vivo V21</option>
<option value=”/product-category/covers/vivo/v23/”>Vivo V23</option>
<option value=”/product-category/covers/vivo/y16/”>Vivo Y16</option>
</optgroup>

<optgroup label=”Oppo”>
<option value=”/product-category/covers/oppo/f19/”>Oppo F19</option>
<option value=”/product-category/covers/oppo/a54/”>Oppo A54</option>
</optgroup>

<optgroup label=”Realme”>
<option value=”/product-category/covers/realme/c25s/”>Realme C25s</option>
<option value=”/product-category/covers/realme/narzo-50/”>Realme Narzo 50</option>
</optgroup>

<optgroup label=”OnePlus”>
<option value=”/product-category/covers/oneplus/nord-ce-2/”>Nord CE 2</option>
<option value=”/product-category/covers/oneplus/10r/”>OnePlus 10R</option>
</optgroup>

<optgroup label=”Apple”>
<option value=”/product-category/covers/apple/iphone-11/”>iPhone 11</option>
<option value=”/product-category/covers/apple/iphone-12/”>iPhone 12</option>
<option value=”/product-category/covers/apple/iphone-13/”>iPhone 13</option>
</optgroup>
</select>
</div>