-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (103 loc) · 1.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<head>
<style>
img#profile {
width: 30%;
float: right;
}
@media (max-width: 480px) {
img#profile {
width: 100%;
float: none;
}
}
body {
margin: 0;
}
main {
margin-left: 2em;
margin-right: 2em;
}
nav {
height: 3em;
background-color: green;
padding: 1em;
box-sizing: border-box;
}
nav > a {
color: white;
text-decoration: none;
font-weight: bold;
}
</style>
</head>
<body>
<nav>
<a href="html/">HTML</a> |
<a href="css/">CSS</a> |
<a href="js/">JavaScript</a> |
<a href="python/">Python</a> |
<a href="james.jpg">James</a>
</nav>
<main>
<h1>Demo</h1>
<img id="profile" src="james.jpg">
<p>
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
aoeuaoe uaoeu
</p>
</main>
</body>
</html>