-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (109 loc) · 2.47 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
109
110
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HONGWEI'S HOME</title>
<style>
body {
margin: 0px;
padding: 40px;
background-color: #C4C4C4;
}
header {
width: 860px;
height: 40px;
margin: 0 auto;
padding: 0;
}
header div {
display: inline;
float: right;
;
font-family: 微軟正黑體;
font-weight: bold;
line-height: 40px;
}
header div input {
vertical-align: middle;
height: 30px;
}
footer {
background-color: #B1B1B1;
width: 800px;
height: 40px;
margin: 0 auto;
padding: 0;
text-align: right;
line-height: 40px;
font-size: 20px;
padding: 0 30px;
font-weight: bold;
color: #404040;
font-family: 微軟正黑體;
}
.content {
background-color: #E4E4E4;
margin: 0 auto;
width: 860px;
height: 330px;
}
.photo {
margin: 30px 65px;
width: 200px;
height: 270px;
border-style: solid;
border-color: white;
;
vertical-align: middle;
float: left;
}
.logo {
color: #393939;
font-size: 40px;
margin: 0 20px;
line-height: 40px;
font-family: gorditas;
font-style: normal;
font-weight: 400;
}
.display {
float: left;
margin: 35px;
height: 200px;
width: 350px;
text-align: center;
font-size: 36px;
font-weight: bold;
font-family: 微軟正黑體;
}
</style>
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/gorditas:n4:default.js" type="text/javascript"></script>
</head>
<body>
<header> <span class="logo">HONGWEI'S HOME</span>
<div> 首頁
<input type="image" src="home.png" onClick="self.location.href='index.html'"/>
介紹
<input type="image" src="businessman.png" onClick="self.location.href='introduction.html'"/>
專長
<input type="image" src="website-design-symbol.png" onClick="self.location.href='skill.html'"/>
FB
<input type="image" src="facebook-logo.png" formtarget="_blank" onClick="self.location.href='https://www.facebook.com/profile.php?id=100009528175509'" />
IG
<input type="image" src="instagram-logo.png" onClick="self.location.href='https://www.instagram.com/hongwei0417/'"/>
</div>
</header>
<div class="content">
<div class="photo"> <img src="me.jpg" width="200px" height="270px"/> </div>
<div class="display">
<p>你好我是紘維</p>
<p>歡迎來到我的網頁</p>
</div>
</div>
<footer> 朝著程式之路前進 </footer>
</body>
</html>