-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact2.html
executable file
·152 lines (136 loc) · 7.39 KB
/
contact2.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<title>Elliot - That guy's awesome.</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Software Designer Portfolio" />
<meta name="keywords" content="Freelance, software design, international" />
<meta name="author" content="Elliot" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="images/LionLogo.png" />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700%7CPT+Serif:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href='css/clear.css' />
<link rel="stylesheet" type="text/css" href='css/common.css' />
<link rel="stylesheet" type="text/css" href='css/font-awesome.min.css' />
<link rel="stylesheet" type="text/css" href='css/carouFredSel.css' />
<link rel="stylesheet" type="text/css" href='css/sm-clean.css' />
<link rel="stylesheet" type="text/css" href='style.css' />
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body class="contact page page-template-default">
<div class="doc-loader"></div>
<div class="content-1170 header-holder center-relative">
<div class="header-logo left">
<a href="index.html">
<img src="images/katt_default_logo.png" alt="Katt">
</a>
</div>
<div class="header-menu">
<div class="toggle-holder relative">
<div id="toggle">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
</div>
<nav id="header-main-menu" class="big-menu">
<ul class="main-menu sm sm-clean">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="about2.html">About 2</a></li>
<li><a href="about3.html">About 3</a></li>
<li><a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact2.html" class="current">Contact + Map</a></li>
</ul>
</li>
</ul>
</nav>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="content" class="site-content">
<div class="header-image">
<h1 class="entry-title">Contact + Map</h1>
<img src="demo-images/katt_contact_image01.jpg" alt="">
</div>
<article class="content-1170 center-relative">
<div class="content-wrapper">
<div class="entry-content">
<div class="one_half">
<p><strong>Stay in touch</strong></p>
<p>We choose to go to the moon in this decade and do the other things, not because they are easy.</p>
<br>
<p>Because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone and one.</p>
<br>
<p>
<span style="color: #cdc8c1;">Address:</span> New York, NY, United States
<br>
<span style="color: #cdc8c1;">Phone:</span> +1 234-567-890
<br>
<span style="color: #cdc8c1;">Hours:</span> 6:00 am – 2:00 am
<br>
</p>
</div>
<div class="one_half last ">
<br>
<p>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d4274.290564544589!2d-75.2952832049782!3d40.753669641460846!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2srs!4v1444506658649" width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>
<br>
</p>
</div>
<div class="clear"></div>
<br>
<br>
<div class="contact-form">
<p><input id="name" type="text" name="your-name" placeholder="Name"></p>
<p><input id="contact-email" type="email" name="your-email" placeholder="Email"></p>
<p><input id="subject" type="text" name="your-subject" placeholder="Subject"></p>
<p><textarea id="message" name="your-message" placeholder="Message"></textarea></p>
<p><input type="submit" onClick="SendMail()" value="SEND"></p>
</div>
</div>
</div>
</article>
</div>
<!--Footer-->
<footer class="footer">
<div class="content-1170 center-relative">
<ul>
<li class="left-footer-content">
© 2019 Almost All rights reserved. | J. Elliot Miller.
</li>
<li class="center-footer-content">
<a href="index.html">
<img src="images/LionLogo.png" alt="Lion">
</a>
</li>
<!--li class="right-footer-contnet">
<a href="#">Twitter</a>
<a href="#">Linkedin</a>
<a href="#">Dribbble</a>
<a href="#">Instagram</a>
</li-->
<li class="left-footer-content mobile">
© 2019 Almost All rights reserved. | J. Elliot Miller.
</li>
</ul>
</div>
</footer>
<div class="fixed scroll-top">
<img src="images/back_to_top.png" alt="Go Top">
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.smartmenus.min.js"></script>
<script type="text/javascript" src="js/queryloader2.min.js"></script>
<script type="text/javascript" src="js/jquery.carouFredSel-6.0.0-packed.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>