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>