panda.html (2367B) download
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Panda Breeding Facilities</title>
7 <link rel="stylesheet" type="text/css" href="/css/panda.css" />
8</head>
9<body>
10<div class="panda">
11 <div class="circle">
12 <div class="head"> </div>
13 <div class="ears">
14 <div class="earleft">
15 <div class="shadowleft"> </div>
16 </div>
17 <div class="earright">
18 <div class="shadowright"> </div>
19 </div>
20 </div>
21 <div class="eyes">
22 <div class="eyeleft">
23 <div class="pupilleft">
24 <div class="pupilinsideleft"> </div>
25 </div>
26 </div>
27 <div class="eyeright">
28 <div class="pupilright">
29 <div class="pupilinsideright"></div>
30 </div>
31 </div>
32 </div>
33 <div class="mouth"> </div>
34 <div class="mouthmiddle"> </div>
35 <div class="mouthend"> </div>
36 </div>
37 <div class="wall"></div>
38 <div class="wall1">
39 <div class="wall1side"> </div>
40 </div>
41 </div>
42 <div class="handsright"> </div>
43 <div class="handsleft"> </div>
44</div>
45
46<nav>
47 <ul>
48 <li><a href="#"><IMG class="logo" SRC="/img/logo.png"></a></li>
49 <li><a href="#">Breeding Facility</a></li>
50 <li><a href="#">Zoo's</a></li>
51 <li><a href="#">About</a></li>
52 </ul>
53</nav>
54
55
56<!--<IMG class="gif" SRC="/img/panda.gif">-->
57</div>
58<h1>Welcome to Panda Breeding Facilities</h1>
59<p class="inlog">Je bent ingelogd als "Rapper Sjors"</p>
60
61<div class="block1">
62 <div class="content">
63 <ul class="fancy-list">
64 <li>Item 1</li>
65 <li>Item 2</li>
66 <li>Item 3</li>
67 <li>Item 4</li>
68 </ul>
69 </div>
70
71 <div class="content1">
72 <p>Sate met rijst</p>
73 <p>€3</p>
74 </div>
75</div>
76
77<div class="content2">
78 <div class="graph">
79 <div class="bar" style="height: 120px; left: 50px;"></div>
80 <div class="bar" style="height: 200px; left: 120px;"></div>
81 <div class="bar" style="height: 80px; left: 190px;"></div>
82 <div class="bar" style="height: 160px; left: 260px;"></div>
83 </div>
84</div>
85
86</body>
87</html>
88</html>