1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- <!doctype html>
- <html class="no-js" lang="">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="x-ua-compatible" content="ie=edge">
- <title>Webcams</title>
- <meta name="description" content="">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="apple-touch-icon" href="/apple-touch-icon.png">
- <!-- Place favicon.ico in the root directory -->
- <style>
- html { background: #999; }
- img { border:5px solid black; border-top:0}
- .row {
- display: flex;
- flex-wrap: wrap;
- }
- /* Create four equal columns that sits next to each other */
- .column {
- flex: 25%;
- max-width: 25%;
- }
- .column img {
- vertical-align: middle;
- width: 100%;
- }
- /* Responsive layout - makes a two column-layout instead of four columns */
- @media screen and (max-width: 800px) {
- .column {
- flex: 50%;
- max-width: 50%;
- }
- }
- /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
- @media screen and (max-width: 600px) {
- .column {
- flex: 100%;
- max-width: 100%;
- }
- }
- </style>
- </head>
- <body>
- <!--[if lt IE 8]>
- <p class="browserupgrade">
- You are using an <strong>outdated</strong> browser. Please
- <a href="http://browsehappy.com/">upgrade your browser</a> to improve
- your experience.
- </p>
- <![endif]-->
- <div class="row">
- <div class="column">
- <a href="https://front.see.unbl.ink/stream"><img src="https://front.see.unbl.ink/snapshot"></a>
- <a href="https://mail.see.unbl.ink/stream"><img src="https://mail.see.unbl.ink/snapshot"></a>
- <a href="https://house.see.unbl.ink/stream"><img src="https://house.see.unbl.ink/snapshot"></a>
- </div>
- <div class="column">
- <a href="https://backyard.see.unbl.ink/stream"><img src="https://backyard.see.unbl.ink/snapshot"></a>
- <a href="https://backyard-high.see.unbl.ink/stream"><img src="https://backyard-high.see.unbl.ink/snapshot"></a>
- <a href="https://dining.see.unbl.ink/stream"><img src="https://dining.see.unbl.ink/snapshot"></a>
- </div>
- <div class="column">
- <a href="https://basement-low.see.unbl.ink/stream"><img src="https://basement-low.see.unbl.ink/snapshot"></a>
- <a href="https://basement.see.unbl.ink/stream"><img src="https://basement.see.unbl.ink/snapshot"></a>
- <a href="https://extension.see.unbl.ink/stream"><img src="https://extension.see.unbl.ink/snapshot"></a>
- </div>
- <div class="column">
- <a href="https://table.see.unbl.ink/stream"><img src="https://table.see.unbl.ink/snapshot"></a>
- </div>
- </body>
- </html>
|