preferences.html (7016B)
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>Voorkeuren:</h2> 37 </td> 38 </tr> 39 <tr> 40 <td>Naam:</td> 41 <td><input type="entry" id="name" /></td> 42 </tr> 43 <tr> 44 <td>Logo:</td> 45 <td><input type="file" id="logo" /></td> 46 </tr> 47 <tr> 48 <td colspan="2"><img id="logo-preview" src="img/groningen.png" /></td> 49 </tr> 50 <tr> 51 <td>Address:</td> 52 <td><input type="entry" id="address1" /></td> 53 </tr> 54 <tr> 55 <td></td> 56 <td><input type="entry" id="address2" /></td> 57 </tr> 58 <tr> 59 <td>Postcode:</td> 60 <td><input type="entry" id="zipcode" /></td> 61 </tr> 62 <tr> 63 <td></td> 64 <td><input type="submit" value="Aanpassen" /></td> 65 </tr> 66 </form> 67 </table> 68 </div> 69 <div id="resources"> 70 <div class="resource"> 71 <h1>Groente-Fruit-Tuin</h1> 72 <table> 73 <tr> 74 <td>Hoeveelheid:</td> 75 <td><input type="number" id="amount" value="143" />ton</td> 76 </tr> 77 <tr> 78 <td>Vervuiling:</td> 79 <td><input type="number" min="0" max="100" id="cleanage" value="85" />%</td> 80 </tr> 81 <tr> 82 <td>Inzamelmethode:</td> 83 <td> 84 <input type="checkbox" id="huis-aan-huis" checked /> 85 <label for="huis-aan-huis">Huis-aan-Huis</label><br> 86 <input type="checkbox" id="wijkcontainer" /> 87 <label for="wijkcontainer">Wijkcontainer</label><br> 88 <input type="checkbox" id="milieustraat" /> 89 <label for="milieustraat">Milieustraat</label> 90 </td> 91 </tr> 92 <tr> 93 <td></td> 94 <td><input type="submit" value="Bewerken" /></td> 95 </tr> 96 </table> 97 <div>Voorbeelden van het afvalstroom:</div> 98 <div class="resource-foto-frame"> 99 <div class="resource-foto"> 100 <img src="img/gft1.jpg" alt="Image 1"> 101 </div> 102 <div class="resource-foto"> 103 <img src="img/gft2.jpg" alt="Image 2"> 104 </div> 105 <div class="resource-foto-empty"></div> 106 </div> 107 </div> 108 <div class="resource"> 109 <h1>Wit- en Bruingoed</h1> 110 <table> 111 <tr> 112 <td>Hoeveelheid:</td> 113 <td><input type="number" id="amount" />ton</td> 114 </tr> 115 <tr> 116 <td>Vervuiling:</td> 117 <td><input type="number" min="0" max="100" id="cleanage" />%</td> 118 </tr> 119 <tr> 120 <td>Inzamelmethode:</td> 121 <td> 122 <input type="checkbox" id="huis-aan-huis" /> 123 <label for="huis-aan-huis">Huis-aan-Huis</label><br> 124 <input type="checkbox" id="wijkcontainer" /> 125 <label for="wijkcontainer">Wijkcontainer</label><br> 126 <input type="checkbox" id="milieustraat" /> 127 <label for="milieustraat">Milieustraat</label> 128 </td> 129 </tr> 130 <tr> 131 <td></td> 132 <td><input type="submit" value="Bewerken" /></td> 133 </tr> 134 </table> 135 <div>Voorbeelden van het afvalstroom:</div> 136 <div class="resource-foto-frame"> 137 <div class="resource-foto-empty"></div> 138 </div> 139 </div> 140 <div class="resource"> 141 <h1>Piepschuim</h1> 142 <table> 143 <tr> 144 <td>Hoeveelheid:</td> 145 <td><input type="number" id="amount" />ton</td> 146 </tr> 147 <tr> 148 <td>Vervuiling:</td> 149 <td><input type="number" min="0" max="100" id="cleanage" />%</td> 150 </tr> 151 <tr> 152 <td>Inzamelmethode:</td> 153 <td> 154 <input type="checkbox" id="huis-aan-huis" /> 155 <label for="huis-aan-huis">Huis-aan-Huis</label><br> 156 <input type="checkbox" id="wijkcontainer" /> 157 <label for="wijkcontainer">Wijkcontainer</label><br> 158 <input type="checkbox" id="milieustraat" /> 159 <label for="milieustraat">Milieustraat</label> 160 </td> 161 </tr> 162 <tr> 163 <td></td> 164 <td><input type="submit" value="Bewerken" /></td> 165 </tr> 166 </table> 167 <div>Voorbeelden van het afvalstroom:</div> 168 <div class="resource-foto-frame"> 169 <div class="resource-foto-empty"></div> 170 </div> 171 </div> 172 </div> 173 </main> 174 </body> 175 176 </html>