Texr

You might also like

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 5

<form style="padding:0px 35px; font-size:16px">

<div style="display:flex; align-items:center; gap:20px; text-


align:center;margin-bottom:40px;">
<i class="fa fa-arrow-left" aria-hidden="true"></i>
<h3 style="text-align: center; margin-top:12px ">Version SKU</h3>
</div>
<div style="display: flex; justify-content:space-between">
<div style="display: flex;flex-direction:column; gap:25px; width:50%">
<div style="display: flex; gap: 12px; flex-direction:column">
Collection :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<button class="add-btn"><i class="fa fa-plus fa-xs" aria-
hidden="true"></i></button>
</div>
</div>

<div style="display: flex; gap: 12px; flex-direction:column">


Version :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
VersionSKU :
<input style="width:251px; outline:none" placeholder="collection
subCategory Version" readonly />
</div>

</div>
<div style="display: flex; flex-direction: column; gap: 25px;width:50%">
<div style="display: flex; gap: 12px; flex-direction:column">
SubCategory :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
VersionSKUDefinition :
<textarea style="height:80px" type="text"></textarea>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
VersionConRules :
<textarea style="height:80px" type="text"></textarea>
</div>

</div>
</div>
<div style="display: flex; justify-content: flex-end; margin-top: 60px;">
<button style="margin-right: 10px;border:none">Cancel</button>
<button class="save-btn">Save</button>
</div>

</form>

<form style="padding:0px 35px; font-size:16px">


<div style="display:flex; align-items:center; gap:20px; text-align:center;margin-
bottom:40px;">
<i class="fa fa-arrow-left" aria-hidden="true"></i>
<h3 style="text-align: center; margin-top:12px ">Build SKU</h3>
</div>
<div style="display: flex; justify-content:space-between">
<div style="display: flex;flex-direction:column; gap:25px; width:50%">
<div style="display: flex; gap: 12px; flex-direction:column">
Material SKU :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<button class="add-btn"><i class="fa fa-plus fa-xs" aria-
hidden="true"></i></button>
</div>
</div>

<div style="display: flex; gap: 12px; flex-direction:column">


Build SKU :
<input style="width:251px; outline:none" placeholder="collection
subCategory Version" readonly />
</div>

</div>
<div style="display: flex; flex-direction: column; gap: 25px;width:50%">
<div style="display: flex; gap: 12px; flex-direction:column">
BuildCode Descriptions :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
BuildSKU Definition :
<textarea style="height:80px" type="text"></textarea>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
BuildCon Rules :
<textarea style="height:80px" type="text"></textarea>
</div>

</div>
</div>
<div style="display: flex; justify-content: flex-end; margin-top: 60px;">
<button style="margin-right: 10px;border:none">Cancel</button>
<button class="save-btn">Save</button>
</div>

</form>

<form style="padding:0px 35px; font-size:16px">


<div style="display:flex; align-items:center; gap:20px; text-
align:center;margin-bottom:40px;">
<i class="fa fa-arrow-left" aria-hidden="true"></i>
<h3 style="text-align: center; margin-top:12px ">Material SKU</h3>
</div>
<div style="display: flex; justify-content:space-between">
<div style="display: flex;flex-direction:column; gap:25px; width:50%">
<div style="display: flex; gap: 12px; flex-direction:column">
Version SKU :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<button class="add-btn"><i class="fa fa-plus fa-xs" aria-
hidden="true"></i></button>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
Material SKU :
<input style="width:251px; outline:none" placeholder="versionSku
materialcode " readonly />
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
HSN Code :
<input style="width:251px; outline:none" placeholder="Enter HSN
code " />
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
HTS Code :
<input style="width:251px; outline:none" placeholder="Enter HTS
code " />
</div>

</div>
<div style="display: flex; flex-direction: column; gap: 25px;width:50%">
<div style="display: flex; gap: 12px; flex-direction:column">
MaterialCode Descriptions :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
Material SKU Definition :
<textarea style="height:80px" type="text"></textarea>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
MaterialCon Rules :
<textarea style="height:80px" type="text"></textarea>
</div>

</div>
</div>
<div style="margin-top:30px;">
<h4 style="margin:20px 0px">Finish Component Selection</h4>
<div style="display:flex; gap:40px">
<div style="display: flex; gap: 12px; flex-direction:column">
Finish Component :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
Material Finish Component :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display:flex; align-items:end">
<button class="add-btn" style="height:28px">Add finish
component</button>
</div>
</div>
</div>
<div style="display: flex; justify-content: flex-end; margin-top: 60px;">
<button style="margin-right: 10px;border:none">Cancel</button>
<button class="save-btn">Save</button>
</div>

</form>

You might also like