-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
135 lines (100 loc) · 4.06 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta name="Description" content="Here is a few places you can get information about me or contact me. The best way to contact me would be through email."/>
<meta name="Keywords" content="contact, information, linkedin, email, gmail, facebook" />
<meta name="DC.title" content="Contact - Sylvan Mostert" />
<meta name="DC.identifier" content="http://www.smostert.com/contact.html" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/skeleton.css" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/mobile.css" />
<link rel="stylesheet" type="text/css" href="css/contact.css" />
<link rel="Shortcut Icon" type="image/x-icon" href="./images/favicon.ico" />
<link rel="icon" href="./images/favicon.ico" type="image/x-icon">
<!--script src="scripts/sticky.js"></script-->
<title>Contact - Sylvan Mostert</title>
</head>
<body>
<!-- START MAIN -->
<div id="main">
<!-- START HEADER -->
<header>
<div class="page-title">
<div class="container page-inner">
<strong><a href="index.html">Sylvan Mostert</a></strong>
</div>
</div>
<!-- START NAVIGATION -->
<div class="nav-wrapper">
<nav class="container">
<input class="menu-check" type="checkbox" id="check" title="check" />
<label class="menu-label" for="check">Sylvan Mostert</label>
<ul>
<li><a class="about" href="./index.html"><strong>About</strong></a></li>
<li><a class="skills" href="./skills.html"><strong>Skills</strong></a></li>
<li><a class="projects" href="./projects.html"><strong>Projects</strong></a></li>
<li><a class="contact currenttab" href="./contact.html"><strong>Contact</strong></a></li>
</ul>
</nav>
</div>
<!-- END NAVIGATION -->
</header>
<!-- END HEADER -->
<div class="menu-fill"></div>
<!-- START CONTENT -->
<div class="container content">
<div class="row">
<div class="column">
<h1>Contact</h1>
<p>Here is a few places you can get information about me or contact me. The best way to contact me would be through email.</p>
</div>
</div>
<div class="row">
<div class="column">
<div class="centerdiv">
<img id="portrait" src="./images/contact/picture1.jpg" alt="Picture of me" title="Sylvan Mostert" />
</div>
</div>
</div>
<div class="row">
<!-- START LINKEDIN -->
<div class="columns red-box">
<h2 class="hidden">Linkedin Profile</h2>
<p class="contactbox linkedin"><a href="http://www.linkedin.com/in/smostert" title="Linkedin Profile" target="_blank">ca.linkedin.com/in/smostert/</a></p>
</div>
<!-- END LINKEDIN -->
</div>
<div class="row">
<!-- START EMAIL -->
<div class="columns red-box">
<h2 class="hidden">Email</h2>
<p class="contactbox email"><a title="Email"><span class="hidden">The following is an obfuscate e―mail address:</span>sylva<span class="hidden">ignore this</span>n.mostert@gmail.com</a></p>
</div>
<!-- END EMAIL -->
</div>
<div class="row">
<!-- START FACEBOOK -->
<div class="columns red-box">
<h2 class="hidden">Facebook Profile</h2>
<p class="contactbox facebook"><a href="https://www.facebook.com/sylvan.mostert" title="Facebook Profile" target="_blank">https://www.facebook.com/sylvan.mostert</a></p>
</div>
<!-- END FACEBOOK -->
</div>
<div class="clear"></div>
<a class="back-to-top" href="#" style="display: inline;">Back to Top</a>
</div>
<!-- END CONTENT -->
<footer>
<script type="text/javascript">
document.write("<div class=\"date-modified container\">Last modified on: " + document.lastModified + "</div>");
</script>
</footer>
</div>
<!-- END MAIN -->
<script src="scripts/scripts.js"></script>
</body>
</html>