Skip to content

Commit 6dc716e

Browse files
luo0412luo0412
committed
first commit
0 parents  commit 6dc716e

File tree

903 files changed

+42576
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

903 files changed

+42576
-0
lines changed

‎new-en-mobile-jqueryui-blog/contact.html‎

Lines changed: 301 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,301 @@
1+
<!DOCTYPE HTML>
2+
<head>
3+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4+
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
5+
<meta name="apple-mobile-web-app-capable" content="yes"/>
6+
<meta name="apple-mobile-web-app-status-bar-style" content="black">
7+
8+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/splash/splash-icon.png">
9+
<link rel="apple-touch-startup-image" href="images/splash/splash-screen.png" media="screen and (max-device-width: 320px)" />
10+
<link rel="apple-touch-startup-image" href="images/splash/splash-screen_402x.png" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" />
11+
<link rel="apple-touch-startup-image" sizes="640x1096" href="images/splash/splash-screen_403x.png" />
12+
<link rel="apple-touch-startup-image" sizes="1024x748" href="images/splash/splash-screen-ipad-landscape" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape)" />
13+
<link rel="apple-touch-startup-image" sizes="768x1004" href="images/splash/splash-screen-ipad-portrait.png" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : portrait)" />
14+
<link rel="apple-touch-startup-image" sizes="1536x2008" href="images/splash/splash-screen-ipad-portrait-retina.png" media="(device-width: 768px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"/>
15+
<link rel="apple-touch-startup-image" sizes="1496x2048" href="images/splash/splash-screen-ipad-landscape-retina.png" media="(device-width: 768px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"/>
16+
17+
<title>Slideby</title>
18+
19+
<link href="styles/style.css" rel="stylesheet" type="text/css">
20+
<link href="styles/framework.css" rel="stylesheet" type="text/css">
21+
<link href="styles/owl.carousel.css" rel="stylesheet" type="text/css">
22+
<link href="styles/owl.theme.css" rel="stylesheet" type="text/css">
23+
<link href="styles/swipebox.css" rel="stylesheet" type="text/css">
24+
<link href="styles/colorbox.css" rel="stylesheet" type="text/css">
25+
26+
<script type="text/javascript" src="scripts/jquery.js"></script>
27+
<script type="text/javascript" src="scripts/jqueryui.js"></script>
28+
<script type="text/javascript" src="scripts/owl.carousel.min.js"></script>
29+
<script type="text/javascript" src="scripts/jquery.swipebox.js"></script>
30+
<script type="text/javascript" src="scripts/colorbox.js"></script>
31+
<script type="text/javascript" src="scripts/snap.js"></script>
32+
<script type="text/javascript" src="scripts/contact.js"></script>
33+
<script type="text/javascript" src="scripts/custom.js"></script>
34+
<script type="text/javascript" src="scripts/framework.js"></script>
35+
<script type="text/javascript" src="scripts/framework.launcher.js"></script>
36+
37+
38+
</head>
39+
<body>
40+
41+
<div id="preloader">
42+
<div id="status">
43+
<p class="center-text">
44+
Loading the content...
45+
<em>Loading depends on your connection speed!</em>
46+
</p>
47+
</div>
48+
</div>
49+
50+
51+
<div class="all-elements">
52+
<div id="sidebar" class="page-sidebar">
53+
<div class="page-sidebar-scroll">
54+
<div class="sidebar-section">
55+
<p>Navigation</p>
56+
<a href="#" class="sidebar-close"></a>
57+
</div>
58+
<div class="sidebar-header">
59+
<a href="index.html" class="sidebar-logo"></a>
60+
<a href="../../../../www.facebook.com/enabled.labs" class="facebook-sidebar"></a>
61+
<a href="../../../../https@twitter.com/iEnabled" class="twitter-sidebar"></a>
62+
</div>
63+
64+
<div class="navigation-items">
65+
<div class="nav-item">
66+
<a href="index.html" class="home-nav">Home<em class="unselected-nav"></em></a>
67+
</div>
68+
<div class="nav-item">
69+
<a href="#" class="features-nav submenu-deploy">Features<em class="dropdown-nav"></em></a>
70+
<div class="nav-item-submenu">
71+
<a href="intro.html">Introduction <em class="unselected-sub-nav"></em></a>
72+
<a href="type.html">Typography <em class="unselected-sub-nav"></em></a>
73+
<a href="jquery.html">jQuery <em class="unselected-sub-nav"></em></a>
74+
</div>
75+
</div>
76+
<div class="nav-item">
77+
<a href="#" class="media-nav submenu-deploy">Media<em class="dropdown-nav"></em></a>
78+
<div class="nav-item-submenu">
79+
<a href="widefolio.html">Wide Portfolio <em class="unselected-sub-nav"></em></a>
80+
<a href="onefolio.html">1 Column folio <em class="unselected-sub-nav"></em></a>
81+
<a href="twofolio.html">2 columns folio <em class="unselected-sub-nav"></em></a>
82+
<a href="threefolio.html">3 columns folio <em class="unselected-sub-nav"></em></a>
83+
<a href="gallery.html">Thumbnail Gallery <em class="unselected-sub-nav"></em></a>
84+
<a href="videos.html">Responsive Video <em class="unselected-sub-nav"></em></a>
85+
</div>
86+
</div>
87+
<div class="nav-item">
88+
<a href="contact.html" class="contact-nav">Contact<em class="selected-nav"></em></a>
89+
</div>
90+
<div class="nav-item">
91+
<a href="#" class="close-nav">Close<em class="unselected-nav"></em></a>
92+
</div>
93+
<div class="sidebar-decoration"></div>
94+
</div>
95+
96+
<div class="sidebar-section">
97+
<p>Get social</p>
98+
<a href="#" class="sidebar-social"></a>
99+
</div>
100+
<div class="navigation-items">
101+
<div class="nav-item">
102+
<a href="../../../../www.facebook.com/enabled.labs" class="facebook-nav">Facebook<em class="link-nav"></em></a>
103+
</div>
104+
<div class="nav-item">
105+
<a href="../../../../https@twitter.com/iEnabled" class="twitter-nav">Twitter<em class="link-nav"></em></a>
106+
</div>
107+
<div class="sidebar-decoration"></div>
108+
</div>
109+
110+
<div class="sidebar-section">
111+
<p>Page Updates</p>
112+
<a href="#" class="sidebar-updates"></a>
113+
</div>
114+
<div class="sidebar-notifications">
115+
<div class="sidebar-red">
116+
<h3>Update title one</h3>
117+
<p>Something interesting you'd like to say?</p>
118+
</div>
119+
<div class="sidebar-decoration"></div>
120+
<div class="sidebar-green">
121+
<h3>Update title one</h3>
122+
<p>Something interesting you'd like to say?</p>
123+
</div>
124+
<div class="sidebar-decoration"></div>
125+
<div class="sidebar-blue">
126+
<h3>Update title one</h3>
127+
<p>Something interesting you'd like to say?</p>
128+
</div>
129+
<div class="sidebar-decoration"></div>
130+
<div class="sidebar-yellow">
131+
<h3>Update title one</h3>
132+
<p>Something interesting you'd like to say?</p>
133+
</div>
134+
<div class="sidebar-decoration"></div>
135+
</div>
136+
137+
<div class="sidebar-section copyright-sidebar">
138+
<p>COPYRIGHT All rights reserved.</p>
139+
</div>
140+
</div>
141+
</div>
142+
143+
144+
<div id="content" class="page-content">
145+
<div class="page-header">
146+
<a href="#" class="deploy-sidebar"></a>
147+
<p class="bread-crumb">contact</p>
148+
<a href="contact.html" class="deploy-contact"></a>
149+
</div>
150+
<div class="content-header">
151+
<a href="index.html" class="content-logo"></a>
152+
<a href="../../../../www.facebook.com/enabled.labs" class="facebook-content"></a>
153+
<a href="../../../../https@twitter.com/iEnabled" class="twitter-content"></a>
154+
</div>
155+
156+
<div class="content">
157+
<div class="decoration"></div>
158+
<div class="container no-bottom">
159+
<div class="section-title">
160+
<h4>Get in touch!</h4>
161+
<em>a few words about this section</em>
162+
<strong><img src="images/misc/icons/mail.png" width="20" alt="img"></strong>
163+
</div>
164+
</div>
165+
<div class="decoration"></div>
166+
<div class="container no-bottom">
167+
<p>
168+
This is a google maps embed code, simple to add, simple to use, no complications! You can also embed bing maps using the same method!
169+
The contact form is simply powered by PHP and AJAX, so the page won't refresh after sending a message! It's very easy to edit, one single PHP
170+
file and one address that needs replacing with yours!
171+
</p>
172+
</div>
173+
<div class="decoration"></div>
174+
175+
<div class="maps-container">
176+
<iframe class="responsive-image maps" src="../../../../https@maps.google.com/@ie=UTF8&ll=47.595131,-122.330414&spn=0.006186,0.016512&t=h&z=17&output=embed"></iframe>
177+
</div>
178+
179+
<div class="one-half-responsive">
180+
<h4>Send us an email!</h4>
181+
<p>Use the form to send us a message, it's AJAX and PHP powered and it's easy to use!</p>
182+
<div class="container no-bottom">
183+
<div class="contact-form no-bottom">
184+
<div class="formSuccessMessageWrap" id="formSuccessMessageWrap">
185+
<div class="big-notification green-notification">
186+
<h3 class="uppercase">Message Sent </h3>
187+
<a href="#" class="close-big-notification">x</a>
188+
<p>Your message has been successfuly sent. Please allow up to 48 hours for a reply! Thank you!</p>
189+
</div>
190+
</div>
191+
192+
<form action="php/contact.php" method="post" class="contactForm" id="contactForm">
193+
<fieldset>
194+
<div class="formValidationError" id="contactNameFieldError">
195+
<div class="static-notification-red tap-dismiss-notification">
196+
<p class="center-text uppercase">Name is required!</p>
197+
</div>
198+
</div>
199+
<div class="formValidationError" id="contactEmailFieldError">
200+
<div class="static-notification-red tap-dismiss-notification">
201+
<p class="center-text uppercase">Mail address required!</p>
202+
</div>
203+
</div>
204+
<div class="formValidationError" id="contactEmailFieldError2">
205+
<div class="static-notification-red tap-dismiss-notification">
206+
<p class="center-text uppercase">Mail address must be valid!</p>
207+
</div>
208+
</div>
209+
<div class="formValidationError" id="contactMessageTextareaError">
210+
<div class="static-notification-red tap-dismiss-notification">
211+
<p class="center-text uppercase">Message field is empty!</p>
212+
</div>
213+
</div>
214+
<div class="formFieldWrap">
215+
<label class="field-title contactNameField" for="contactNameField">Name:<span>(required)</span></label>
216+
<input type="text" name="contactNameField" value="" class="contactField requiredField" id="contactNameField"/>
217+
</div>
218+
<div class="formFieldWrap">
219+
<label class="field-title contactEmailField" for="contactEmailField">Email: <span>(required)</span></label>
220+
<input type="text" name="contactEmailField" value="" class="contactField requiredField requiredEmailField" id="contactEmailField"/>
221+
</div>
222+
<div class="formTextareaWrap">
223+
<label class="field-title contactMessageTextarea" for="contactMessageTextarea">Message: <span>(required)</span></label>
224+
<textarea name="contactMessageTextarea" class="contactTextarea requiredField" id="contactMessageTextarea"></textarea>
225+
</div>
226+
<div class="formSubmitButtonErrorsWrap">
227+
<input type="submit" class="buttonWrap button button-green contactSubmitButton" id="contactSubmitButton" value="SUBMIT" data-formId="contactForm"/>
228+
</div>
229+
</fieldset>
230+
</form>
231+
</div>
232+
</div>
233+
</div>
234+
<div class="decoration hide-if-responsive"></div>
235+
<div class="one-half-responsive last-column">
236+
<div class="container no-bottom">
237+
<h4>Contact Information</h4>
238+
<p>
239+
<strong>Postal Information</strong><br>
240+
PO Box 16122 Collins Street West<br>
241+
Victoria 8007 Australia
242+
</p>
243+
<p>
244+
<strong>Envato Headquarters</strong><br>
245+
121 King Street, Melbourne <br>
246+
Victoria 3000 Australia
247+
</p>
248+
<p>
249+
<strong>Envato Pty Ltd</strong><br>
250+
ABN 11 119 159 741
251+
</p>
252+
<p>
253+
<strong>Contact Information:</strong><br>
254+
<a href="#" class="contact-call">Phone: + 123 456 7890</a>
255+
<a href="#" class="contact-text">Message: + 123 456 7890</a>
256+
<a href="#" class="contact-mail">Email: mail@doamin.com</a>
257+
<a href="#" class="contact-facebook">Fanpage: enabled.labs</a>
258+
<a href="#" class="contact-twitter">Twitter: @iEnabled</a>
259+
</p>
260+
</div>
261+
</div>
262+
263+
<div class="decoration"></div>
264+
<div class="content-footer">
265+
<p class="copyright-content">COPYRIGHT <br> All rights reserved</p>
266+
<a href="#" class="go-up-footer"></a>
267+
<a href="#" class="facebook-footer"></a>
268+
<a href="#" class="twitter-footer"></a>
269+
<div class="clear"></div>
270+
</div>
271+
</div>
272+
</div>
273+
</div>
274+
275+
</body>
276+
</html>
277+
278+
279+
280+
281+
282+
283+
284+
285+
286+
287+
288+
289+
290+
291+
292+
293+
294+
295+
296+
297+
298+
299+
300+
301+

0 commit comments

Comments
 (0)