Add small label preview

master
Skylar Ittner 6 years ago
parent f8087bddd3
commit 11b29980a1

Before

Width:  |  Height:  |  Size: 168 KiB

After

Width:  |  Height:  |  Size: 168 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 97 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

@ -21,8 +21,37 @@
<h5>Laptops</h5>
<p>On a laptop computer, the sticker is usually on the bottom side.</p>
</div>
<div class="col-12 d-flex">
<img class="mx-auto" style="border: 1px solid grey; border-radius: 15px;" src="assets/machinelabel-sample.svg" alt="Sample machine ID label" />
<div class="col-12">
<h5>Sticker Appearance</h5>
<ul class="nav nav-tabs nav-fill" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="repair-tab" data-toggle="tab" href="#repair" role="tab" aria-controls="repair" aria-selected="true">
Repaired/Upgraded
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="refurb-tab" data-toggle="tab" href="#refurb" role="tab" aria-controls="refurb" aria-selected="false">
Refurbished
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active show" id="repair" role="tabpanel" aria-labelledby="repair-tab">
<div class="d-flex justify-content-between pt-3 flex-wrap">
<div class="mb-3">
<img style="border: 1px solid grey; border-radius: 15px; max-width: 95%;" src="assets/machinelabel-repair-lg.svg" alt="Sample desktop machine ID label" />
</div>
<div>
<img style="border: 1px solid grey; border-radius: 15px; max-width: 95%;" src="assets/machinelabel-repair-sm.svg" alt="Sample laptop machine ID label" />
</div>
</div>
</div>
<div class="tab-pane fade" id="refurb" role="tabpanel" aria-labelledby="refurb-tab">
<div class="d-flex justify-content-center pt-3">
<img style="border: 1px solid grey; border-radius: 15px; max-width: 95%;" src="assets/machinelabel-refurb-lg.svg" alt="Sample desktop machine ID label" />
</div>
</div>
</div>
</div>
</div>
</div>

Loading…
Cancel
Save