-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
115 lines (112 loc) · 5.88 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
<!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">
<title>GameHub - Contact Us</title>
<meta name="description" content="GameHub is your source for buying digital games and buying and selling your used games. Get in touch with us and let us know if you got any questions.">
<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=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<!-- Hotjar Tracking Code for my site -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:3821934,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head>
<body>
<header>
<section class="top-line"><p>Your source for digital games online</p></section>
<section class="top-nav"><a href="index.html"><img src="/images/GameHub.jpg" alt="GameHub logo" class="navLogo"></a>
<div class="iconcontainer">
<a href="cart.html" class="relative"><img src="icons/shopping_cart.svg" alt="Shopping cart icon" class="navicon"><div class="cart-counter hidden"></div></a>
</div>
</section>
<section class="search-nav">
<div class="nav-wrapper">
<div class="desktop-menu">
<a href="index.html">HOME</a>
<div class="dropdown"><a href="allgames.html">GAMES▾</a>
<ul class="games-dropdown">
<a href="genre.html?genre=Action"><li><img src="icons/actionwhite.svg" class="dropdown-icon" alt="Action game icon"> Action</li></a>
<a href="genre.html?genre=Adventure"><li><img src="icons/adventurewhite.svg" class="dropdown-icon" alt="Adventure game icon"> Adventure</li></a>
<a href="genre.html?genre=Horror"><li><img src="icons/horrorwhite.svg" class="dropdown-icon" alt="Horror game icon"> Horror</li></a>
<a href="genre.html?genre=Sports"><li><img src="icons/sportswhite.svg" class="dropdown-icon" alt="Sports game icon"> Sports</li></a>
</ul></div>
<a href="contact.html">CONTACT US</a>
<a href="about.html">ABOUT US</a>
</div>
<form class="searchbar" action="search.html" method="get">
<input type="text" placeholder="SEARCH" name="search" id="search-input">
<button type="submit" id="search-button"><img class="searchicon" src="icons/search.svg" alt="Search button"></button>
</form>
<div class="mobile-menu">
<input type="checkbox" id="menu-checkbox">
<label for="menu-checkbox"><div class="mobile-menu-button"><div class="hamburger-menu"></div></div></label>
<div id="mobile-dropdown-menu">
<ul>
<li><a href="index.html" class="mainlink"><img src="icons/home.svg" alt="home icon"> Home</a></li>
<li><a href="allgames.html" class="mainlink"><img src="icons/games.svg" alt=""> Games</a></li>
<li><a href="genre.html?genre=Action" class="sublink"><img src="icons/action.svg" alt=""> - Action</a></li>
<li><a href="genre.html?genre=Adventure" class="sublink"><img src="icons/adventure.svg" alt=""> - Adventure</a></li>
<li><a href="genre.html?genre=Horror" class="sublink"><img src="icons/horror.svg" alt=""> - Horror</a></li>
<li><a href="genre.html?genre=Sports" class="sublink"><img src="icons/sports.svg" alt=""> - Sports</a></li>
<li><a href="contact.html" class="mainlink"><img src="icons/mail.svg" alt=""> Contact us</a></li>
<li><a href="about.html" class="mainlink"><img src="icons/aboutus.svg" alt=""> About us</a></li>
</ul>
</div>
</div>
</section>
</header>
<main>
<section class="navLine">
<a href="index.html">HOME</a><p>></p><p>CONTACT</p>
</section>
<div class="smallermain">
<form class="contactform" id="contactForm">
<h1>Contact us</h1>
<label for="fullname">Name:</label>
<input type="text" name="fullname" id="fullName">
<div class="error-msg" id="nameError">You need to enter a name</div>
<label for="email">E-mail:</label>
<input type="email" name="email" id="email">
<div class="error-msg" id="emailError">You need to enter a valid email address</div>
<label for="message">Message:</label>
<textarea name="message" id="message" cols="20" rows="10"></textarea>
<div class="error-msg" id="msgError">Ops, you forgot your message</div>
<button class="CTA sendFormButton">SEND</button>
</form>
</div>
</main>
<footer>
<section class="footerwrap">
<div class="leftfooter">
<a href="#"><img src="icons/twitter.svg" alt="twitter logo" class="footericon"></a>
<a href="#"><img src="icons/instagram.svg" alt="instagram logo" class="footericon"></a>
<a href="#"><img src="icons/facebook.svg" alt="facebook logo" class="footericon"></a>
</div>
<div class="footermain">
<h2>GameHub</h2>
<p>Your universe in games</p>
<p>GameHub is a online shop specialiced in selling digital versions of popular games. Our site allso offers you the possibilty to buy and sell used games. </p>
</div>
<div class="rightfooter">
<a href="index.html"><h3>Home</h3></a>
<a href="contact.html"><h3>Contact us</h3></a>
<a href="about.html"><h3>About us</h3></a>
</div>
</section>
<section class="top-line"><p>Copyright GameHub © 2022 </p></section>
</footer>
<script src="/js/gamehub.js"></script>
<script src="/js/search.js"></script>
<script src="/js/cartHandler.js"></script>
<script src="/js/formValidator.js"></script>
</body>
</html>