-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (109 loc) · 3.67 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>
<body>
<title>Top</title>
<header>
<br>
<td align="center"><img src="素材/素材1.png" alt="ヘッダー" id="img"></td>
</header>
<nav>
<a href="index.html"><img src="素材/Topボタン.png"></a>
<a href="大気.html"><img src="素材/大気ボタン.png"></a>
<a href="水質.html"><img src="素材/水質ボタン.png"></a>
<a href="土壌.html"><img src="素材/土壌ボタン.png"></a>
</nav>
<section>
<p><font size="7.5" face="Comic Sans MS">Welcome to our homepage!</font></p>
<p><font size="4.5" face="serif">
<a href="https://www.soka.ac.jp/" target="_blank" style="text-decoration:none"><font color="black">創価大学</font></a><a href="https://www.soka.ac.jp/science/" target="_blank" style="text-decoration:none"><font color="black">理工学部</font></a><a href="https://www.soka.ac.jp/science/symbiosis/" target="_blank" style="text-decoration:none"><font color="black">共生創造理工学科</font></a>の学生による環境汚染問題に関するホームページです。
</font><br>
<font size="1.5" face="serif">※このホームページはPCのみに対応しているためスマートフォンでは正しく表示されない可能性があります。</font></p>
<p>
大気汚染、水質汚染、土壌汚染について調べました。<br><br>
基本的には日本での事例を参考に文章を書いていますが、<br>
水質汚染問題に関しては一部海外の事例を参考にしています。<br><br>
それぞれ以下のリンクからも開くことができます。<br>
大気汚染は<a href="大気.html"><font color="#4682b4">こちら</font></a><br>
水質汚染は<a href="水質.html"><font color="#87ceeb">こちら</font></a><br>
土壌汚染は<a href="土壌.html"><font color="#cd853f">こちら</font></a><br>
<br>
参考文献一覧は<a href="リンク2.html"><font color="#2e8b57">こちら</font></a><br>
</p>
<p>
✤更新履歴
<div style="overflow: auto;
font-size:15px; width:300px; height:200px;
border:1px #b0c4de solid;
background-color:rgba(255,255,255,0.5);
scrollbar-base-color: #b0c4de;
scrollbar-track-color: #b0c4de;
scrollbar-arrow-color: #b0c4de;
scrollbar-face-color: #b0c4de;
scrollbar-3dlight-color: #b0c4de;
scrollbar-darkshadow-color: #b0c4de;
scrollbar-highlight-color: #b0c4de;
scrollbar-shadow-color: #b0c4de;">
2021/01/11/ 開設<br>
</div><br>
<font size="1.5" face="serif">こちらはこのホームページを製作するにあたり利用させていただいたサイト様一覧です。<a href="リンク1.html" alt="一覧"><img src="point047/point047_10.gif"></a></font><br>
</p>
</section>
<footer><font color="black">
Copyright 🄫 Kurikinton.com
</font></footer>
</body>
</html>
<style>
html{
width:800px;
background-color:white;
margin:auto;
}
img{
max-width: 100%;
height: auto;
}
body{
position: relative;
background:#00000000;
box-shadow: 0px 0px 0px 5px #beedbe;
border: dashed 1.5px #2f4f4f;
padding: 0em 0em;
color: #454545;
}
body:after{
position: absolute;
content: '';
right: -7px;
top: -7px;
border-width: 0 15px 15px 0;
border-style: solid;
border-color: #2f4f4f #fff #2f4f4f;
box-shadow: -1px 1px 1px #2f4f4f;
}
body{
background-image:url("bg090/bg090_04.gif");
background-attachment:scroll;
background-repeat:repeat;
}
header{
width:100%;
background-color:rgba(213,237,213,0.75);
}
nav{
text-align:center;
}
section{
width:100%;
text-align:center;
}
div{
width:80%;
text-align:left;
margin:auto;
}
footer{
background-color:rgba(213,237,213,0.75);
text-align:center;
}
</style>