-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
135 lines (135 loc) · 7 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
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
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@400;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="styles/bootstrap.min.css">
<link rel="stylesheet" href="styles/main.css" type="text/css"/>
<title>Happy New Year</title>
<script defer src="scripts/santa.js"></script>
<script defer src="./scripts/snowstorm-min.js"></script>
<script defer src="scripts/nwCounter.js"></script>
<script defer src="scripts/music.js"></script>
<script defer src="scripts/contact.js"></script>
<script defer src="scripts/general.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
</head>
<body>
<div class="page-contact-main">
<header class="header-main container-fluid d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-3 col-lg-3">
<div class="header-main__logo">
<img class="logo-main" src="images/logo-main.png">
</div>
</div>
<div class="col-9 col-lg-9 d-flex flex-lg-row-reverse">
<div class="container">
<nav id="menu" class="header-nav list-inline">
<div class="bg">
<div class="centerer">
<a href="index.html" class="button">Home</a>
</div>
</div>
<div class="bg">
<div class="centerer">
<a href="about.html" class="button">About</a>
</div>
</div>
<div class="bg">
<div class="centerer">
<a href="media.html" class="button">Media</a>
</div>
</div>
<div class="bg">
<div class="centerer">
<a href="faq.html" class="button">FAQ</a>
</div>
</div>
<div class="bg">
<div class="centerer">
<a href="contact.html" class="button">Contact</a>
</div>
</div>
<div class="bg">
<div class="centerer">
<a href="trivia.html" class="button">Trivia</a>
</div>
</div>
</nav>
</div>
<div class="button-wrapper d-flex align-items-center justify-content-end">
<button class="header-menu__hidden-button" id="header-button">
<svg width="36" height="36" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.09009 5.2H21.9099C22.5119 5.2 23 4.70751 23 4.1C23 3.49249 22.5119 3 21.9099 3H2.09009C1.48805 3 1 3.49249 1 4.1C1 4.70751 1.48805 5.2 2.09009 5.2ZM2.09009 12.9484H21.9099C22.5119 12.9484 23 12.4559 23 11.8484C23 11.2408 22.5119 10.7484 21.9099 10.7484H2.09009C1.48805 10.7484 1 11.2408 1 11.8484C1 12.4559 1.48805 12.9484 2.09009 12.9484ZM21.9099 20.6967H2.09009C1.48805 20.6967 1 20.2042 1 19.5967C1 18.9892 1.48805 18.4967 2.09009 18.4967H21.9099C22.5119 18.4967 23 18.9892 23 19.5967C23 20.2042 22.5119 20.6967 21.9099 20.6967Z"
fill="snow"/>
</svg>
</button>
</div>
</div>
</div>
</div>
</header>
<main>
<div class="music-wrapper position-fixed">
<div class="musicOn">
<audio id="audio" style="display:none;" src="./audio/first.mp3"
></audio>
</div>
<div class="musicOn">
<audio id="audioTwo" style="display:none;" src="./audio/song2.mp3"
></audio>
</div>
<div class="musicOn">
<audio id="audioThree" style="display:none;" src="./audio/song3.mp3"
></audio>
</div>
<div class="container d-flex flex-column flex-wrap align-items-end">
<img class="title1 mb-1" src="images/first.png">
<img class="title2 mb-2" src="images/song2.png">
<img class="title3" src="images/song3.png">
</div>
</div>
<div class="signup">
<div class="signup-connect">
<h1>Create your account</h1>
<a href="#" class="btn btn-social btn-facebook"><i class="fa fa-facebook"></i> Sign in with Facebook</a>
<a href="#" class="btn btn-social btn-twitter"><i class="fa fa-twitter"></i> Sign in with Twitter</a>
<a href="#" class="btn btn-social btn-google"><i class="fa fa-google"></i> Sign in with Google</a>
<a href="#" class="btn btn-social btn-linkedin"><i class="fa fa-linkedin"></i> Sign in with Linkedin</a>
</div>
<div class="signup-classic">
<h2>Or use the classical way</h2>
<form id="form" class="form">
<fieldset class="username">
<input id="user" type="text" placeholder="username"/>
</fieldset>
<fieldset class="email">
<input id="mail" type="email" placeholder="email"/>
</fieldset>
<fieldset class="password">
<input id="password" type="password" placeholder="password"/>
</fieldset>
<div class="str-form__check">
<input class="checkbox-str" type="checkbox" id="agree">
<label class="agree-str" for="agree"><p style="cursor:pointer">Accept all rules</p>
</label>
</div>
<button disabled id="sign-up-button" type="submit" class="btn">sign up</button>
</form>
</div>
</div>
</main>
</div>
</body>
</html>