Browse Source

Add small label preview

master
Skylar Ittner 3 years ago
parent
commit
11b29980a1
  1. 0
      assets/machinelabel-refurb-lg.svg
  2. 1198
      assets/machinelabel-repair-lg.svg
  3. 1026
      assets/machinelabel-repair-sm.svg
  4. BIN
      database.mwb
  5. 33
      routes/home.php

0
assets/machinelabel-sample.svg → assets/machinelabel-refurb-lg.svg

1198
assets/machinelabel-repair-lg.svg
File diff suppressed because it is too large
View File

1026
assets/machinelabel-repair-sm.svg
File diff suppressed because it is too large
View File

BIN
database.mwb

33
routes/home.php

@ -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