-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact-us.html
124 lines (106 loc) · 5.2 KB
/
contact-us.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>SHPE UF</title>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:800,300" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.11/css/all.css" integrity="sha384-p2jx59pefphTFIpeqCcISO9MdVfIm4pNnsL08A6v5vaQc4owkQqxMV8kg4Yvhaw/" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.html"><h1>SHPE <span>UF</span></h1></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="eboard.html">E-Board</a>
</li>
<li class="nav-item">
<a class="nav-link" href="events.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="alumni.html">Alumni</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sponsors.html">Sponsors</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="contact-us.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron jumbotron-home">
<div class="row">
<div class="col-sm-12">
<div class="container">
<h3 class="text-center subtitle">Let's Chat</h3>
<h1 class="text-center title">CONTACT US</h1>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<h1 class="title">HOW TO GET IN TOUCH WITH US</h1>
<div class="col-sm-12 col-md-6">
<img class="img-fluid" src="images/contact.jpg">
</div>
<div class="col-sm-12 col-md-6">
<p>
Maecenas gravida, lectus a vulputate tempus, tellus erat lobortis dolor, ac tristique tortor justo eget massa. Donec aliquam id sem et sagittis. Duis leo enim, pharetra sed suscipit ac, sollicitudin non lectus. Aenean vehicula congue ante vitae ullamcorper.
In quam elit, eleifend sit amet arcu et, cursus tristique magna. Nulla rutrum leo velit, id rutrum metus rhoncus eget. Maecenas eget nibh vitae erat dictum eleifend at eu erat. Curabitur non libero vitae elit cursus facilisis non id ligula.
Nulla pellentesque dolor eget nisi pretium consectetur. Vivamus eleifend dui et nibh aliquam tristique.
</p>
<p>
<b>Location: </b> Weil Hall, Room 276, Gainesville, FL 32603 </br>
<b>E-mail: </b> [email protected]
</p>
</div>
</div>
<hr>
<div class="row">
<h1 class="title">OFFICE HOURS</h1>
<div class="col-sm-12">
<div class="responsive-excel">
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vT8Ffg9sIBMkhnyjvYIs5TC4eqxUMKLCTfdHt8EtL3592kvQmbS9RQJXvseO9vLEJXC9usZCevhxvc6/pubhtml?widget=true&headers=false"></iframe>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-7">
<h4>SOCIETY OF HISPANIC PROFESSIONAL ENGINEERS</h4>
<h5>UNIVERSITY OF FLORIDA CHAPTER</h5>
<p>
<b>Location: </b> Weil Hall, Room 276, Gainesville, FL 32603 </br>
<b>E-mail: </b> [email protected]
</p>
</div>
<div class="col-sm-12 col-md-5">
<p>
SHPE's vision is a world where Hispanics are highly valued and influential as the leading innovators, scientists, mathematicians and engineers. We are brought together by heritage, social responsibility and desire to improve the equality of all people
through the use of science and technology.
</p>
</div>
</div>
</div>
</footer>
</body>
</html>