circuhub

Website for CircuHub for more circulair waste-recycling
Log | Files | Refs

portfolio.html (4612B)


      1 <!doctype html>
      2 <html lang="nl">
      3 
      4 <head>
      5     <meta charset="utf-8">
      6     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      7     <meta name="description" content="">
      8     <meta name="author" content="">
      9     <link rel="icon" href="img/favicon.ico">
     10 
     11     <title>circu_hub</title>
     12 
     13     <link href="css/style.css" rel="stylesheet">
     14     <link href="css/header.css" rel="stylesheet">
     15 </head>
     16 
     17 <body>
     18     <header>
     19         <a href="index.html">
     20             <h1 id="title">CIRCU-HUB <span id="subtitle">nederland</span></h1>
     21         </a>
     22         <!-- spacing -->
     23         <span id="links">
     24             <a href="#">Grondstoffenaanbod</a>
     25             <a href="#">Over CIRCU-HUB</a>
     26             <a href="#">Contact</a>
     27             <a href="preferences.html" id="login">Inloggen</a>
     28         </span>
     29     </header>
     30     <main>
     31         <div id="sidebar">
     32             <table>
     33                 <form>
     34                     <tr>
     35                         <td colspan="2">
     36                             <h2>Portfolio:</h2>
     37                         </td>
     38                     </tr>
     39                     <tr>
     40                         <td>Naam:</td>
     41                         <td>Gemeente Assen</td>
     42                     </tr>
     43                     <tr>
     44                         <td colspan="2"><img id="logo-preview" src="img/assen.png" /></td>
     45                     </tr>
     46                     <tr>
     47                         <td>Address:</td>
     48                         <td>Van Doornestraat 11</td>
     49                     </tr>
     50                     <tr>
     51                         <td>Postcode:</td>
     52                         <td>9403AN Assen</td>
     53                     </tr>
     54                 </form>
     55             </table>
     56         </div>
     57         <div id="resources">
     58             <div class="resource">
     59                 <h1>Groente-Fruit-Tuin</h1>
     60                 <table>
     61                     <tr>
     62                         <td>Hoeveelheid:</td>
     63                         <td>124ton</td>
     64                     </tr>
     65                     <tr>
     66                         <td>Vervuiling:</td>
     67                         <td>12%</td>
     68                     </tr>
     69                     <tr>
     70                         <td>Inzamelmethode:</td>
     71                         <td>
     72                             <input type="checkbox" id="huis-aan-huis" disabled checked />
     73                             <label for="huis-aan-huis">Huis-aan-Huis</label><br>
     74                             <input type="checkbox" id="wijkcontainer" disabled />
     75                             <label for="wijkcontainer">Wijkcontainer</label><br>
     76                             <input type="checkbox" id="milieustraat" disabled checked />
     77                             <label for="milieustraat">Milieustraat</label>
     78                         </td>
     79                     </tr>
     80                     <tr>
     81                         <td></td>
     82                         <td><input type="submit" value="Bewerken" /></td>
     83                     </tr>
     84                 </table>
     85                 <div>Voorbeelden van het afvalstroom:</div>
     86                 <div class="resource-foto-frame">
     87                     <div class="resource-foto">
     88                         <img src="img/gft1.jpg" alt="Image 1">
     89                     </div>
     90                     <div class="resource-foto">
     91                         <img src="img/gft2.jpg" alt="Image 2">
     92                     </div>
     93                 </div>
     94             </div>
     95             <div class="resource">
     96                 <h1>Piepschuim</h1>
     97                 <table>
     98                     <tr>
     99                         <td>Hoeveelheid:</td>
    100                         <td>53ton</td>
    101                     </tr>
    102                     <tr>
    103                         <td>Vervuiling:</td>
    104                         <td>3%</td>
    105                     </tr>
    106                     <tr>
    107                         <td>Inzamelmethode:</td>
    108                         <td>
    109                             <input type="checkbox" id="huis-aan-huis" disabled />
    110                             <label for="huis-aan-huis">Huis-aan-Huis</label><br>
    111                             <input type="checkbox" id="wijkcontainer" disabled />
    112                             <label for="wijkcontainer">Wijkcontainer</label><br>
    113                             <input type="checkbox" id="milieustraat" disabled checked />
    114                             <label for="milieustraat">Milieustraat</label>
    115                         </td>
    116                     </tr>
    117                 </table>
    118                 <div>Voorbeelden van het afvalstroom:</div>
    119                 <div class="resource-foto-frame">
    120                 </div>
    121             </div>
    122         </div>
    123     </main>
    124 </body>
    125 
    126 </html>