-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
146 lines (137 loc) · 7.14 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
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ACM (CSUN)</title>
<!-- Google Web 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=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap"
rel="stylesheet">
<!-- Icon Font Stylesheet -->
<script src="https://kit.fontawesome.com/ef5359af4d.js" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link rel="stylesheet" href="https://themewagon.github.io/startup2/lib/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://themewagon.github.io/startup2/lib/animate/animate.min.css">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link rel="stylesheet" href="./css/styles.css">
<!-- Bootstrap Stylesheet -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body class="d-flex flex-column min-vh-100">
<header class="bg-header">
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-danger navbar-dark">
<div class="container-fluid">
<!-- Logo and Title -->
<a href="index.html" class="navbar-brand p-0 d-flex align-items-center">
<img src="./img/acm_logo.png" class="me-2" style="height: 50px; width: auto;" alt="ACM Logo">
<span>ACM CSUN Student Chapter</span>
</a>
<!-- Hamburger Menu to the Right -->
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span>
</button>
<!-- Navbar Links -->
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a href="index.html" class="nav-link ">Home</a>
</li>
<li class="nav-item">
<a href="index.html#how" class="nav-link">How it Works</a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">About Us</a>
<ul class="dropdown-menu">
<li><a href="about.html" class="dropdown-item">What is ACM?</a></li>
<li><a href="index.html#events" class="dropdown-item">Events & Announcements</a></li>
<li><a href="board.html" class="dropdown-item">Meet our Board</a></li>
<li><a href="https://csunacm.org/Association_for_Computing_Machinery_ACM_08.01.2023_EO_1068.pdf"
target="_blank" class="dropdown-item">Our Constitution</a></li>
<li><a href="https://csun.campuslabs.com/engage/organization/association-for-computing-machinery-acm"
target="_blank" class="dropdown-item">Join CSUN ACM</a></li>
</ul>
</li>
<li class="nav-item">
<a href="faqs.html" class="nav-link ">FAQ</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link active">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Navbar End -->
</header>
<main>
<div class="container pt-xl-4 mt-5 pb-5 mb-lg-5">
<div class="row">
</div>
<div class="row align-items-center">
<div class="col-md-4 text-center">
<img src="./img/acm_logo.png" class="img-fluid rounded" alt="contact-form">
</div>
<div class="col-md-8">
<div class="col-md-12 text-center py-5">
<h1>Contact Us</h1>
</div>
<p class="text-center">
Looking to learn more? Don't hesitate to reach out to us.<br> Simply send us a message, and
we will respond to you
as soon as we can!</p>
<!-- <div class=" form-container d-flex align-items-center mb-lg-3 mt-0" id="contact">
<label for="exampleFormControlInput1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Enter your email address">
</div> -->
<div class="mb-3">
<!-- <label for="exampleFormControlTextarea1" class="form-label">Example textarea</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Type your message here"></textarea> -->
<div class="d-flex justify-content-center">
<a class="btn bg-danger text-white btn-lg px-4 rounded-pill mx-2 mt-3 " href="mailto:[email protected]"
target="_blank">Send Message!</a>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer Start -->
<div class="container-fluid bg-dark px-5 d-none d-lg-block mt-lg-5">
<div class="row gx-0">
<div class="col-lg-8 text-center text-lg-start mb-2 mb-lg-0">
<div class="d-inline-flex align-items-center" style="height: 45px;">
<small class="me-3 text-light"><i class="fa fa-map-marker-alt me-2"></i>California State University,
Northridge</small>
<a href="tel:+18186771200"><small class="me-3 text-light"><i class="fa fa-phone-alt me-2"></i>+1 (818)
677-1200 </small></a>
<a href="mailto:[email protected]"> <small class="text-light"><i
class="fa fa-envelope-open me-2"></i>[email protected]</small></a>
</div>
</div>
<div class="col-lg-4 text-center text-lg-end">
<div class="d-inline-flex align-items-center" style="height: 45px;">
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://x.com/acmcsun/"
target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://github.com/CSUN-ACM"
target="_blank"><i class="fa fa-github text-white"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2"
href="https://www.linkedin.com/in/acm-csun-007367205/" target="_blank"><i
class="fab fa-linkedin-in fw-normal"></i></a>
<!-- <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="#" target="_blank"><i class="fab fa-discord"></i></a> -->
</div>
</div>
</div>
</div>
<!-- Footer End -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>