Skip to content

Instantly share code, notes, and snippets.

@victorlin

victorlin/1-icons.jpeg

Last active June 26, 2024 15:09
Show Gist options
  • Save victorlin/2026fb51b17d41ac471f1689d11fd09f to your computer and use it in GitHub Desktop.
Save victorlin/2026fb51b17d41ac471f1689d11fd09f to your computer and use it in GitHub Desktop.
Download ZIP
CenturyLink Adtran C424G device table icon options
Raw
2-icons.html
<html>
<head>
<style>
.flex-container {
display: flex;
flex-wrap: wrap;
}
.flex-item {
width: 60px;
height: 60px;
margin: 30px;
text-align: center;
}
/* not all images are square but CenturyLink's modem website stretches the
* images to be square
*/
.flex-item img {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="flex-container">
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_computer.png" alt="Computer">
<p>Computer</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_gameconsole.png" alt="Gaming Console">
<p>Gaming Console</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_printer.png" alt="Printer">
<p>Printer</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_satellite.png" alt="Satellite Receiver">
<p>Satellite Receiver</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_settop.png" alt="Set-Top Box">
<p>Set-Top Box</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_camera.png" alt="Camera">
<p>Camera</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_server.png" alt="NAS">
<p>NAS</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_telephone.png" alt="Phone">
<p>Phone</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_videocamera.png" alt="Video Camera">
<p>Video Camera</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_server.png" alt="Server">
<p>Server</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_router.png" alt="Router">
<p>Router</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_iphone.png" alt="iPhone">
<p>iPhone</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_cellphone.png" alt="Cell Phone">
<p>Cell Phone</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_iptvstb.png" alt="IPTV STB">
<p>IPTV STB</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_xbox.png" alt="X-Box">
<p>X-Box</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_ps3.png" alt="PS-3">
<p>PS-3</p>
</div>
<div class="flex-item">
<img src="http://192.168.0.1/_images/icon_wii.png" alt="Wii">
<p>Wii</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment