-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
80 lines (72 loc) · 3.27 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
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Project</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="mainstyle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<img src="Images\coverpic.jpg">
<img id="propic" src="Images\propic.jpg">
<h1>Michael Shih-Hsuan Huang</h1>
</header>
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse"
data-target="#navbarcontent">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbarcontent" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span></a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="portfolio.html"><span class="glyphicon glyphicon-pencil"></span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Websites<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="https://nelson-quotes.000webhostapp.com/">Nelson Quotes</a></li>
<li class="divider"></li>
<li><a href="https://huangmichael97.wordpress.com">WordPress</a></li>
</ul>
</li>
<li>
<a href="https://www.linkedin.com/in/michael-huang-a9891641" class="fa fa-linkedin"></a>
</li>
<li>
<a href="https://www.facebook.com/michaelhuang97" class="fa fa-facebook"></a>
</li>
</ul>
</div>
</div>
</nav>
<footer>
<div id="footer_contact">
<h1><strong>Contact Information</strong></h1>
<p>If you have any questions please feel free to contact me through any one of the listed methods. Additionally, my LinkedIn and Facebook profiles are available at the top right corner of the page.</p>
<table id="table_contact">
<thead>
<tr>
<th>Contact Method</th>
<th>Contact</th>
</tr>
</thead>
<tbody>
<tr><td>Email</td><td>[email protected]</td></tr>
<tr><td>Phone</td><td>1-301-318-5377</td></tr>
</tbody>
</table>
</div>
</footer>
</body>
</html>