-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
138 lines (133 loc) · 7.05 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
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<link rel="stylesheet" href="/css/index.css">
<link rel="stylesheet" href="/css/responsive.css">
<link rel="stylesheet" href="/css/success.css">
<link rel="stylesheet" href="/css/contact.css">
<title>Getlinked | Contact Page</title>
<!-- FONTS -->
<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=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<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=Unica+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/fonts/WEB/css/clash-display.css">
</head>
<body>
<!-- NAVBAR -->
<nav>
<h2 class="nav_logo">get<span>linked</span></h2>
<div class="nav_pages">
<ul class="sub_nav_page">
<li class="page"><a href="/index.html" class="nav-link">Timeline</a></li>
<li class="page"><a href="/index.html" class="nav-link">Overview</a></li>
<li class="page"><a href="/index.html" class="nav-link">FAQs</a></li>
<li class="page"><a href="#" class="nav-link">Contact</a></li>
<li class="page register"><a href="/register.html" class="success nav-link">Register</a></li>
</ul>
<div class="hamburger">
<img class="bar" src="/images/icons/hamburger.png" alt="hamburger">
</div>
<div class="nav-close">
<img class="close2" src="/images/icons/circle.png" alt="close">
<img class="close" src="/images/icons/close.png" alt="close">
</div>
</div>
</nav>
<main>
<!-- SUCCESS MODAL -->
<section class="success_section hide">
<div class="container">
<div class="wrapper_1">
<img class="success_section_img1" src="/images/icons/successfully-done.png" alt="success">
<img class="success_section_img1" src="/images/icons/successful-man.png" alt="success">
</div>
<div class="wrapper_2">
<p class="congrats">Thanks</p>
<p class="congrats">for reaching out to us</p>
<p class="yes">We'll get back to you shortly!</p>
<div class="btn back_btn">Back</div>
</div>
</div>
</section>
<section class="contact_section">
<div class="container">
<h1>Get in touch</h1>
<p class="width">Contact Information</p>
<p class="width">27,Alara Street Yaba 100012 Lagos State</p>
<p>Call Us : 07067981819</p>
<p>we are open from Monday-Friday 08:00am - 05:00pm</p>
<span>Share on</span>
<ul>
<a href="#"><li><img src="/images/icons/instagram.png" alt="instagram"></li></a>
<a href="#"><li><img src="/images/icons/x.png" alt="twitter"></li></a>
<a href="#"><li><img src="/images/icons/facebook.png" alt="facebook"></li></a>
<a href="#"><li><img src="/images/icons/linkdn.png" alt="linkdin"></li></a>
</ul>
</div>
<div class="container_2">
<h2>Questions or need assistance? Let us know about it!</h2>
<form action="" id="contact_form">
<div class="wrapper">
<input type="text" id="first_name" name="first_name" placeholder="First Name" required>
<input type="email" id="email" name="email" placeholder="Mail" required>
<textarea name="message" id="message" placeholder="Message" required></textarea>
</div>
<button type="submit" class="btn">Submit</button>
</form>
</div>
</section>
</main>
<!-- FOOTER -->
<footer>
<div class="container">
<div class="wrapper_1">
<h2 class="nav_logo">get<span>linked</span></h2>
<p>
Getlinked Tech Hackathon is a technology innovation program
established by a group of organizations with the aim of showcasing
young and talented individuals in the field of technology
</p>
<div class="footer_wrapper">
<p class="footer_line"><a href="#">Terms of Use</a></p>
<p><a href="#">Privacy Policy</a></p>
</div>
</div>
<div class="wrapper_2">
<div class="wrapper links">
<h4>Useful Links</h4>
<a href="#">Timeline</a>
<a href="#">FAQs</a>
<a href="#">Register</a>
<h4>Follow us</h4>
<ul>
<a href="#"><li><img src="/images/icons/instagram.png" alt="instagram"></li></a>
<a href="#"><li><img src="/images/icons/x.png" alt="twitter"></li></a>
<a href="#"><li><img src="/images/icons/facebook.png" alt="facebook"></li></a>
<a href="#"><li><img src="/images/icons/linkdn.png" alt="linkdin"></li></a>
</ul>
</div>
<div class="wrapper">
<h4>Contact Us</h4>
<div class="footer_wrapper_2">
<div>
<img src="/images/icons/phone.png" alt="phone">
<p>+234 679 81819</p>
</div>
<div>
<img src="/images/icons/location.png" alt="location">
<p>27,Alara Street Yaba 100012 Lagos State</p>
</div>
</div>
</div>
</div>
</div>
<p class="footer_center">All rights reserved. © getlinked Ltd.</p>
</footer>
<script src="/js/contact.js"></script>
</body>
</html>