This repository has been archived by the owner on Oct 8, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
206 lines (202 loc) · 9.73 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<?php
//if "email" variable is filled out, send email
if (isset($_REQUEST['email'])) {
//Email information
$admin_email = "[email protected]";
$email = $_REQUEST['email'];
$subject = $_REQUEST['subject'];
$comment = $_REQUEST['comment'];
//send email
mail($admin_email, "$subject", $comment, "From:" . $email);
//Email response
echo "Thank you for contacting us!";
}
//if "email" variable is not filled out, display the form
else {
?><?php
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chronicle | Contact | Fresno, Ca</title>
<script src="https://use.fontawesome.com/8f62e5402a.js">
</script>
<link href="css/contact.css" rel="stylesheet" type="text/css">
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href="img/blackbackground.1.png" rel="icon">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<meta content="width = device-width" name="viewport">
<link rel="publisher" href="106806701520396790348">
<meta name="keywords" content="subscription box, monthly boxes, monthly boxes for men, best subscription boxes for men, monthly gift box, men, apparel, fashion, clothes, clothing, razors, razor accessories, fragrances, cologne, chronicle, chronicle box, contact, contact chronicle, contact page">
</head>
<body>
<div id="cb">
<svg height="50pt" preserveaspectratio="xMidYMid meet" version="1.0" viewbox="0 0 419.000000 400.000000" width="50pt" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="M2120 3800 c-776 -94 -1356 -598 -1536 -1335 -69 -284 -73 -671 -9 -975 101 -485 365 -881 738 -1109 310 -189 653 -274 1042 -258 496 21 849 166 1138 466 l89 92 -49 52 c-26 29 -89 96 -138 150 -50 54 -102 105 -117 113 -58 30 -114 14 -203 -60 -206 -171 -381 -232 -695 -243 -289 -10 -504 53 -708 207 -326 245 -497 705 -453 1213 45 507 294 879 699 1043 167 67 241 79 482 78 174 -1 216 -4 280 -21 161 -44 245 -84 448 -213 71 -45 142 -52 191 -18 19 12 90 100 158 193 l122 170 -52 47 c-219 198 -509 338 -812 394 -105 19 -496 28 -615 14z" fill="url(#blue-fill)" id="XMLID_4_" stroke="black" stroke-width="2" transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)"></path><defs><lineargradient id="blue-fill" x1="0.5" x2="0.5" y1="1" y2="0"><stop offset="100%" stop-color="#decda1" stop-opacity="1"><animate attributename="offset" begin="0s; anim1.end" dur="3s" id="anim1" repeatcount="infinite" values="0;1"></animate></stop><stop offset="100%" stop-color="white" stop-opacity="1"><animate attributename="offset" begin="anim2.end;anim3.end" dur="3s" id="anim2" repeatcount="infinite" values="0;1"></animate></stop></lineargradient></defs></svg>
</div>
<div id="body">
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<div id="mc_embed_signup">
<form action="//chroniclebox.us15.list-manage.com/subscribe/post?u=ad8425abc32c8f05af9ff6be6&id=0fe45e43c0" class="validate" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll">
<a class="hideshow"><i class="fa fa-close fa-2x"></i></a>
<h2>Subscribe to our mailing list</h2>
<div class="indicates-required">
<span class="asterisk">*</span> indicates required
</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label> <input class="required email" id="mce-EMAIL" name="EMAIL" type="email" value="">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">First Name</label> <input class="" id="mce-FNAME" name="FNAME" type="text" value="">
</div>
<div class="mc-field-group">
<label for="mce-LNAME">Last Name</label> <input class="" id="mce-LNAME" name="LNAME" type="text" value="">
</div>
<div class="clear" id="mce-responses">
<div class="response" id="mce-error-response"></div>
<div class="response" id="mce-success-response"></div>
</div><!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div aria-hidden="true" style="position: absolute; left: -5000px;">
<input name="b_ad8425abc32c8f05af9ff6be6_0fe45e43c0" tabindex="-1" type="text" value="">
</div>
<div class="clear">
<input class="button" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Subscribe">
</div>
</div>
</form>
</div>
<script src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js' type='text/javascript'>
</script>
<script type='text/javascript'>
(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);
</script> <!--End mc_embed_signup-->
<header>
<nav class="nav">
<ul>
<li class="nav-link">
<a href="index.html">Home</a>
</li>
<li class="nav-link">
<a href="about.html">About</a>
</li>
<li class="nav-link">
<a href="products.html">Shop</a>
</li>
<li class="nav-link">
<a href="brands.html">Brands</a>
</li>
<li class="nav-link">
<a href="http://blog.chroniclebox.us">Blog</a>
</li>
<li class="link">
<a href="index.html">
<div id="logo"></div></a>
</li>
</ul>
</nav>
<div class="container">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<div class="header"></div>
</header>
<main>
<h1>Main Contact</h1>
<hr>
<div class="div">
<iframe allowfullscreen frameborder="0" height="400" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d204504.2856842498!2d-119.93464843504836!3d36.785451318573294!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80945de1549e4e9d%3A0x7b12406449a3b811!2sFresno%2C+CA!5e0!3m2!1sen!2sus!4v1487144262142" style="border:0;float:left" width="700"></iframe>
</div>
<div>
<h3><strong>Chronicle</strong></h3>
<h3>Fresno, California</h3>
<h3><a href="tel:5592708349">559.270.8349</a></h3>
<h3>[email protected]</h3>
<h3><strong>Have any questions or concerns? Need help?</strong></h3>
<p>Just follow these simple steps! You can fill out the form below with your contact information and question/concern. It's that simple! Or if your looking for an even easier way, just click our chat icon located on the bottom right of your screen. If you prefer to hear a friendly voice, call us by the number above. Want to partner up your brand with us? You can also fill out the form, just place in comments that your interested and we'll get back to you as soon as possible.</p>
</div>
<h1 style="float:left;width:100%;margin-top:2%">Contact Us!</h1>
<form method="post">
<ul>
<li><label for="name">Name:</label> <input id="name" name="name" placeholder="Name" type="text"></li>
<li><label>Email:</label> <input name="email" placeholder="Email" type="text"><br></li>
<li><label>Subject:</label> <input name="subject" placeholder="Subject" type="text"><br></li>
<li><label for="comment">Message:</label> <input id="textbox" name="comment" placeholder="Comment..." required=""><br></li>
<li><input id="submit" type="button" value="Submit"></li>
</ul>
</form>
</main>
<footer>
<h4>CHRONICLE</h4>
<table>
<tr>
<th>Payments</th>
</tr>
<tr>
<td>
<div id="paypal"></div>
</td>
</tr>
</table>
<ul id="legal">
<li>
<a href="terms.html">Terms</a>
</li>
<li>
<a href="copyright.html">Copyright</a>
</li>
<li>
<a href="investor.html">Investors</a>
</li>
<li>
<a href="sitemap.xml">Sitemap</a>
</li>
<li>
<a href="privacy.html">Privacy</a>
</li>
<li>
<a href="contact.html">Contact Us</a>
</li>
<li>
<a class="subscribenow" id="hideshow">Sign Up</a>
</li>
<li>
<a href="brands.html">Brands</a>
</li>
<li>Fresno, Ca</li>
</ul>
<ul class="social">
<li>
<a href="https://www.facebook.com/chronicle.box" target="_blank" title="Facebook"><i aria-hidden="true" class="fa fa-facebook fa-2x"></i></a>
</li>
<li>
<a href="https://www.instagram.com/chronicle_box" target="_blank" title="Instagram"><i aria-hidden="true" class="fa fa-instagram fa-2x"></i></a>
</li>
<li>
<a href="https://www.twitter.com/chronicle_box" target="_blank" title="Twitter"><i aria-hidden="true" class="fa fa-twitter fa-2x"></i></a>
</li>
</ul>
</footer><!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5888027a47b7d1382c769fe3/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script> <!--End of Tawk.to Script-->
</div>
<script src="Javascript/index.js" type="text/javascript">
</script>
<script src="Javascript/main.js" type="text/javascript">
</script>
<!-- Global Site Tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-94106552-1"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag('js', new Date());gtag('config', 'UA-94106552-1');</script>
</body>
</html>