-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
120 lines (111 loc) · 6.35 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ADC</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abel">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Crimson+Text">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed">
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<script src="https://use.fontawesome.com/3007a05f59.js"></script>
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/animations-ie-fix.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script>
$(function(){
$("#nav").load("nav.html");
$("#footer").load("footer.html");
});
</script>
</head>
<body>
<div id ="nav"></div>
<div style="height:130px;"></div>
<div class="jumbotron animatedParent animateOnce" id="contactpagebigimage" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-bottom:0;margin-top:0px;">
<h1 class="text-center animated slowest fa deIn slowest " style="color: white; position:relative;left:0px; width:100%; "><span class="">An Elevated Dialysis Experiance Starts Here</span><br><span class="animated slowest fadeIn delay-1000 slowest"></span></h1>
</div>
<div class="container-fluid animatedParent animateOnce">
<!-- <div id="diamond"></div> -->
<div class="row animated slowest fadeInUpShort delay-1000">
<div class="col-xs-12" style="height: 140px; margin-top: 30px;">
<h1 class="text-center hidden-xs" style="width:100%; font-size: 60px"> Affiliated Dialysis California </h1>
<h1 class="text-center visible-xs" style="width:100%; font-size: 40px"> Affiliated Dialysis California </h1>
</div>
<div class="col-lg-5 col-md-6 col-lg-offset-2 ">
<table>
<tr>
<td><span style="font-size: 33px; color: #59A7CD; width:40px;" class="fa fa-map-marker text-center"></span></td>
<td>   </td>
<td><p style="margin-top: 10px;"> 1441 Gardena Ave, STE #6 Glendale, CA 91204</p></td>
</tr>
<tr>
<td><span style="font-size: 33px; color: #59A7CD; width:40px;" class="fa fa-phone text-center"></span></td>
<td>   </td>
<td><p style="margin-top: 10px;"><a href="tel:+18186628033">818-662-8033</a></p></td>
</tr>
<tr>
<td><span style="font-size: 33px; color: #59A7CD; width:40px;" class="fa fa-fax text-center"></span></td>
<td>   </td>
<td><p style="margin-top: 10px;">818-662-8033</p></td>
</tr>
<tr>
<td><span style="font-size: 33px; color: #59A7CD; width:40px;" class="fa fa-envelope-o text-center"></span></td>
<td>   </td>
<td><p style="margin-top: 10px;"><a href="mailto:info@affiliateddialysisca.com"> info@affiliateddialysisca.com </a></p></td>
</tr>
</table>
<div id="map" style="width:100%;height:264px;">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3302.764895875328!2d-118.26216238454536!3d34.12676812124584!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2c0e7158812c5%3A0x8ef01907d4d6ef2!2s1441+Gardena+Ave+%236%2C+Glendale%2C+CA+91204!5e0!3m2!1sen!2sus!4v1510298669846" width="100%" height="264" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div class="col-md-6 col-lg-3" style="margin-top: -40px;">
<form id="contact" action="" enctype="multipart/form-data" method="POST" style="padding-top: 66px;padding-bottom: 30px;">
<fieldset>
<input placeholder="Your name" type="text" tabindex="1" name="name" required autofocus>
</fieldset>
<fieldset>
<input placeholder="Your Email Address" type="email" name="email" tabindex="2" required>
</fieldset>
<fieldset>
<input placeholder="Your Phone Number" type="tel" name="number" tabindex="3" required>
</fieldset>
<fieldset>
<textarea placeholder="Type your Message Here...." name="message" tabindex="5" required></textarea>
</fieldset>
<fieldset>
<button type="submit" id="contact-submit" name="SubmitForm" data-submit="...Sending">Submit</button>
</fieldset>
<input type='hidden' name='cgiemail-mailopt' value='sync' />
<input type="hidden" name="sendtoemail" value="info@affiliateddialysisca.com" />
<input type="hidden" name="subject" value="ADC - Contact Form" />
<input type="hidden" name="redirect" value="/contact-sent.html" />
</form>
</div>
</div>
</div>
<div id="footer"></div>
<div class="container">
<div class="row footer">
<div class="col-xs-12 footer-copy">
©<script>new Date().getFullYear()>document.write(new Date().getFullYear());</script>, Affiliated Dialysis California.
</div>
</div>
</div>
</body>
<script type="text/javascript">
$(document).on('click', 'a[href^="#"]', function (event) {
event.preventDefault();
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top
}, 600);
});
</script>
<link rel="stylesheet" href="assets/css/animations.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="assets/css/css3-animate-it.js"></script>
</html>