You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

53 lines
2.6 KiB
PHTML

<div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="helpModalLabel">Finding the Machine ID Number</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row justify-content-center">
<div class="col-sm-6">
<h5>Desktops</h5>
<p>On a desktop computer tower, the sticker is usually on the top or a side near the top, close to the back of the computer.</p>
</div>
<div class="col-sm-6">
<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>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="container mt-4">
<div class="d-flex justify-content-center">
<div class="card">
<img class="card-img-top p-4 mx-auto" style="max-width: 100%; width: 400px;" src="https://static.netsyms.net/images/netsyms/logo-flat-words.png" alt="Netsyms Technologies" />
<div class="card-body py-0">
<h5>
PC Info Finder
</h5>
</div>
<div class="card-body">
<p>
Enter the machine ID number on the sticker. <span class="text-primary" style="cursor: pointer;" onclick='$("#helpModal").modal();'>Click here</span> if you can't find it.
</p>
<form method="GET">
<input type="hidden" name="page" value="info" />
<input type="text" name="serial" class="form-control" placeholder="Machine ID Number" required />
<button type="submit" class="btn btn-primary btn-block mt-2">Get Info</button>
</form>
</div>
</div>
</div>
</div>