-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
97 lines (97 loc) · 3.04 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contact - Wiitown</title>
<style>
body {
font-family: 'Tahoma', Arial, sans-serif;
background: url('gradient-background.png') no-repeat center center fixed; /* Gradient image as background */
background-size: cover;
color: #333;
margin: 0;
padding: 0;
}
.container {
width: 90%;
margin: 0 auto;
padding: 20px;
background-color: #FFFFFF;
border: 1px solid #ccc;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.header {
text-align: center;
padding: 20px 0;
background-color: transparent; /* Make header background transparent to show gradient */
position: relative;
}
.logo {
display: block;
margin: 0 auto;
width: 200px; /* Adjust the size as needed */
}
.navbar {
margin-top: 10px;
}
.navbar a {
color: #FFFFFF;
text-decoration: none;
margin: 0 10px;
font-size: 18px;
}
.navbar a:hover {
text-decoration: underline;
}
h1 {
text-align: center;
color: #00BFFF;
font-size: 36px;
}
p {
text-align: justify;
font-size: 18px;
}
.contact-info {
text-align: center;
margin: 20px 0;
}
.contact-info p {
margin: 10px 0;
}
.marquee-container {
width: 100%;
background-color: transparent;
overflow: hidden;
box-sizing: border-box;
position: absolute;
bottom: 0;
}
.marquee {
color: #FFFFFF;
}
</style>
</head>
<body>
<div class="header">
<img class="logo" src="logo.png" alt="wiitown logo">
<div class="navbar">
<a href="index.html">home</a> |
<a href="about.html">about</a> |
<a href="services.html">services</a> |
<a href="contact.html">contact</a>
</div>
</div>
<div class="container">
<h1>contact</h1>
<div class="contact-info">
<p>Email: [email protected]</p>
<p>GitHub: <a href="https://github.com/wiitown" target="_blank">wiitown</a></p>
</div>
<p>The Wiitown website is a fan project and is not affiliated with or endorsed by Nintendo. All trademarks, service marks, trade names, trade dress, product names, and logos appearing on the site are the property of their respective owners, including the Wii name, logo, and any related images or content. All rights to these materials are reserved by their respective owners.</p>
</div>
<div class="marquee-container">
<marquee class="marquee" behavior="scroll" direction="left" scrollamount="5">hi :3</marquee>
</div>
</body>
</html>