-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
139 lines (127 loc) · 8.35 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
139
<!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>Contact Us</title>
<!--Adding bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!-- Adding Font-awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<link rel="stylesheet" href="css/contact.css">
<link rel="shortcut icon" href="images/gdsc logo 2.png" type="image/x-icon">
</head>
<body>
<!-- Navbar starting -->
<nav class="navbar navbar-expand-lg sticky-top navbar-light">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="images/logo black.jpeg" height="50px" width="50px"> <b style="padding-left: 5px;">GDSC CGEC</b></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<li class="nav-items">
<a class="nav-link" href="index.html" id="home-nav">HOME</a>
</li>
<li class="nav-items">
<a class="nav-link" href="index.html#animation" id="about-nav">ABOUT</a>
</li>
<li class="nav-items">
<a class="nav-link" href="event.html" id="events-nav">EVENTS</a>
</li>
<li class="nav-items">
<a class="nav-link" href="team.html" id="team-nav">TEAM</a>
</li>
<li class="nav-items">
<a class="nav-link active" href="contact.html" id="contact-nav">CONTACT</a>
</li>
</div>
</div>
</div>
</nav>
<!-- Navbar Ending -->
<!-- heading -->
<div class="team-heading">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 colorG"></div>
<div class="col-md-4">
<h3><b>CONTACT US</b></h3>
</div>
<div class="col-md-4 colorY"></div>
</div>
</div>
</div>
<!-- main section -->
<div class="container">
<div class="row">
<div class="col-md-6">
<lottie-player src="https://assets2.lottiefiles.com/packages/lf20_6iywfzg9.json" id="contact-animation" background="transparent" speed="1" loop autoplay></lottie-player>
</div>
<div class="col-md-6" style="display: flex;flex-direction:column;">
<h4 style="color: #727272;margin-bottom:1.5rem">Contact us for queries, collabs and others...</h4>
<form action="https://formspree.io/f/moqbyked"
method="POST" id="contact_form">
<div class="form-group">
<label for="inputEmail">Name</label>
<input type="text" class="form-control" name="name" id="name" placeholder="Your full name" autocomplete="off" required>
</div>
<div class="form-group">
<label for="inputPassword">Email Address</label>
<input type="email" class="form-control" name="email" id="email" placeholder="Your email address" autocomplete="off" required>
</div>
<div class="form-group">
<label for="inputAddress">Your Message</label>
<input type="text" class="form-control" name="message" id="inputMsg" placeholder="Type your message here..." autocomplete="off" required>
</div>
<div class="form_btn">
<button type="submit" class="btn contact-btn">Submit</button>
</div>
</form>
</div>
</div>
</div>
<!-- footer -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-5" style="display: flex; flex-direction:column; align-items:center">
<img src="images/gdsc logo 2.png" alt="gdsc logo" width="50" height="35">
<h5 style="color: #bbbbbb;font-family: 'Poppins',sans-serif;">Google Developer Student Clubs</h5>
<h6 style="color: #bbbbbb;font-family: 'Poppins',sans-serif;">Coochbehar Government Engineering College</h6>
</div>
<div class="col-md-3">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="index.html#animation">ABOUT</a></li>
<li><a href="event.html">EVENTS</a></li>
<li><a href="team.html">TEAM</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="credits.html"><i>@Credits</i></a></li>
</ul>
</div>
<div class="col-md-4">
<p style=color:antiquewhite>Join GDSC CGEC Community</p>
<a href="https://discord.gg/X5J5RU9MS4"><button id="join_discord">Join <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" style="margin-left:5px;" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 12">
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
</svg></button></a>
<h4>follow us</h4>
<div class="social-links">
<a href="https://twitter.com/GDSC_CGEC?t=mBxWcauHfv_0HVP9ite2qQ&s=09" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://instagram.com/gdsc_cgec?igshid=YmMyMTA2M2Y=" target="_blank"><i class="fa fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/gdsc-cgec/" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://chat.whatsapp.com/CHFTs38cfAjDX1tmSG1ZFA" target="_blank"><i class="fa fa-whatsapp"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer section end -->
</body>
</html>