/
contact.html
84 lines (80 loc) · 3.55 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
---
layout: default
active: "contact"
title: Contact
description: "Michael Deeb is a Software Engineer from the Midwest. This is his personal website."
image: "selfie.jpg"
---
<h1 class="header">Let's Talk</h1>
<p class="meta">Message | Socialize | Mail</p>
<hr>
<h3>Fastest</h3>
<div class="row text-center">
<div class="col-sm-4">
<a class="icon" href="http://telegram.me/michaeljdeeb"><i class="fa fa-paper-plane fa-5x"></i></a>
<p>
<a href="http://telegram.me/michaeljdeeb">Telegram | @michaeljdeeb</a>
</p>
</div>
</div>
<hr>
<h3>Faster</h3>
<div class="row text-center">
<div class="col-sm-4">
<a class="icon" href="http://www.linkedin.com/in/michaeljdeeb/"><i class="fa fa-linkedin fa-5x"></i></a>
<p>
<a href="http://www.linkedin.com/in/michaeljdeeb/">LinkedIn | Michael Deeb</a>
</p>
</div>
<div class="col-sm-4">
<a class="icon" href="https://github.com/michaeljdeeb"><i class="fa fa-github fa-5x"></i></a>
<p>
<a href="https://github.com/michaeljdeeb">GitHub | @michaeljdeeb</a>
</p>
</div>
<div class="col-sm-4">
<a class="icon" href="http://twitter.com/michaeljdeeb"><i class="fa fa-twitter fa-5x"></i></a>
<p>
<a href="http://twitter.com/michaeljdeeb">Twitter | @michaeljdeeb</a>
</p>
</div>
</div>
<hr>
<h3>Fast</h3>
<form class="form-horizontal" action="javascript:validateForm()" method="post">
<div id="name-group" class="form-group">
<div class="col-xs-10 col-xs-offset-1 input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" class="form-control" id="name" placeholder="Name" onblur="javascript:validateInline(this.id, this.value)">
</div>
</div>
<div id="email-group" class="form-group">
<div class="col-xs-10 col-xs-offset-1 input-group">
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
<input type="email" class="form-control" id="email" placeholder="Email" onblur="javascript:validateInline(this.id, this.value)">
</div>
</div>
<div id="subject-group" class="form-group">
<div class="col-xs-10 col-xs-offset-1 input-group">
<span class="input-group-addon"><i class="fa fa-comment"></i></span>
<input type="text" class="form-control" id="subject" placeholder="Subject" onblur="javascript:validateInline(this.id, this.value)">
</div>
</div>
<div id="message-group" class="form-group">
<div class="col-xs-10 col-xs-offset-1 input-group">
<span class="input-group-addon"><i class="fa fa-quote-left"></i></span>
<textarea class="form-control" id="message" rows="5" placeholder="Message" onblur="javascript:validateInline(this.id, this.value)"></textarea>
</div>
</div>
<div hidden class="form-group" id="short-message-group">
<div class="col-xs-10 col-xs-offset-1 alert alert-warning alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
Your message looks a little short. Press submit again if you'd like to send it anyways.
</div>
</div>
<div class="form-group">
<div class="col-xs-offset-1">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</form>