-
Notifications
You must be signed in to change notification settings - Fork 0
/
braian-pita-direction.html
127 lines (99 loc) · 6.32 KB
/
braian-pita-direction.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Direction</title>
<!-- Font Awesome Icons -->
<link href="https://braianpita.github.io/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="https://braianpita.github.io/vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Theme CSS - Includes Bootstrap -->
<link href="https://braianpita.github.io/css/creative.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top py-3" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Main Project</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="https://braianpita.github.io/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="https://braianpita.github.io/braian-pita-contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="https://braianpita.github.io/braian-pita-direction.html">Directions</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="https://braianpita.github.io/braian-pita-youtube.html">Youtube</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="https://braianpita.github.io/braian-pita-photo-gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="https://braianpita.github.io/sitemap.html">Sitemap</a>
</li>
<li class="nav-item">
<div class="dropdown show">
<a class="nav-link dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">LABS</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="https://braianpita.github.io/LABS/lab1.html">Lab 1</a>
<a class="dropdown-item" href="https://braianpita.github.io/LABS/lab2.html">Lab 2</a>
<a class="dropdown-item" href="https://braianpita.github.io/LABS/lab3.html">Lab 3</a>
<a class="dropdown-item" href="https://braianpita.github.io/LABS/lab4.html">Lab 4</a>
<a class="dropdown-item" href="https://braianpita.github.io/LABS/lab5.html">Lab 5</a>
<a class="dropdown-item" href="https://braianpita.github.io/LABS/lab6.html">Lab 6</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</nav>
<!-- Contact Section -->
<section class="page-section" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0">Let's Get In Touch!</h2>
<hr class="divider my-4">
<div style="width: 100%">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d221786.55160548654!2d-95.390734383877!3d29.707739649411227!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf2922f00016b5fd7!2sUH%20College%20of%20Technology!5e0!3m2!1ses!2sus!4v1587586544343!5m2!1ses!2sus" width="100%" height="400" class="google-map" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
<br />
<p class="text-center mb-5">
The purpose of this map is to give you a way to get in touch with out team! If you need to get in contact with us you can always come to the College of Technology at the University of Houston Clear Lake.
The map presents the address for the College of technology building, which will allow you to quickly locate us through your smartphone or computer. This is a good way for us to share our location with costumers and allow them tp easily locate our offices.
</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-light py-5">
<div class="container">
<div class="small text-center text-muted">Copyright © <p id="year"></p></div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="https://braianpita.github.io/vendor/jquery/jquery.min.js"></script>
<script src="https://braianpita.github.io/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://braianpita.github.io/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="https://braianpita.github.io/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="https://braianpita.github.io/js/creative.min.js"></script>
<script src="https://braianpita.github.io/js/getYear.js"></script>
</body>
</html>