-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact_us.html
154 lines (137 loc) · 7.08 KB
/
contact_us.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About Us</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" a href="css/owl.carousel.css">
<link rel="stylesheet" type="text/css" a href="css/owl.theme.default.css">
<link rel="stylesheet" type="text/css" a href="css/animate.css">
<link rel="stylesheet" type="text/css" a href="css/grid.css">
<link rel="stylesheet" type="text/css" a href="css/custom_fonts_reset.css">
<link rel="stylesheet" type="text/css" a href="css/custom.css">
</head>
<body>
<header>
<!-- jQuery icon for mobile devices -->
<a href="#" id="menu_icon"><img src="imgs/interface.png"></a>
<div class="container container_margin_top">
<div class="row">
<div class="col-xs-3">
<!-- Logo -->
<a href="#" class="logo"><img src="imgs/logo.png" alt="ListenLoud Logo"></a>
</div>
<div class="col-xs-5 col-xs-offset-4">
<!-- Login Form -->
<form action="login.php" method="post" class="login_form">
<label for="username" class="username_password">Username</label>
<input type="text" id="username" name="username" placeholder="Username">
<label for="password" class="username_password">Password</label>
<input type="password" id="password" name="password" placeholder="Password">
<input type="submit" id="submit_button" value="Log In">
</form>
</div>
</div>
<!-- end of row -->
</div>
<!-- end of container -->
<div class="container">
<div class="row row_margin_top">
<div class="col-xs-6">
<!-- Main Navigation -->
<nav class="main_nav">
<a href="#" id="menu_icon"></a>
<!-- jQuery Icon for mobile devices -->
<ul class="main_ul">
<li><a href="index.html">HOM<span class="orange_letter">E</span></a></li>
<li><a href="about_us.html">ABOUT U<span class="orange_letter">S</span></a></li>
<!-- <li><a href="#">PRODUCT<span class="orange_letter">S</span></a></li>-->
<li><a href="contact_us.html">CONTACT U<span class="orange_letter">S</span></a></li>
</ul>
</nav>
</div>
<div class="col-xs-4 col-xs-offset-2">
<form class="search_input">
<input type="search" id="search_button" placeholder="Search for Albums">
</form>
</div>
</div>
<!-- end of row -->
</div>
<!-- end of container -->
</header>
<!-- Left Side -->
<section class="contact_us_section">
<div class="container container_margin_top">
<div class="row">
<div class="col-md-5">
<form class="contact_us_form">
<input type="text" name="contact_full_name" id="contact_full_name" placeholder="Full Name">
<input type="email" name="contact_email" id="contact_email" placeholder="Email">
<input type="tel" name="contact_phone_number" id="contact_phone_number" placeholder="Pnone Number">
<input type="text" name="contact_address" id="contact_address" placeholder="Address">
<input type="text" name="contact_city" id="contact_city" placeholder="City">
<textarea name="contact_message" id="contact_message" placeholder="Message"></textarea>
<input type="submit" id="contact_submit">
</form>
</div>
<!-- Right Side -->
<div class="col-md-7">
<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" width="640" height="245" class="contact_us_map" src="https://maps.google.com/maps?hl=en&q=new york&ie=UTF8&t=roadmap&z=16&iwloc=B&output=embed">
</iframe>
<div class="contact_info col-md-7">
<h3>HOW TO FIND US <span class="orange_letter">?</span></h3>
<div class="contact_us_devider"></div>
<p><img src="imgs/contact_us_icons/home.png" class="icon">Padsen Highway, Park Avenue, Street 27 NY</p>
<p><img src="imgs/contact_us_icons/phone.png" class="icon">(866) 658 3219</p>
<p><img src="imgs/contact_us_icons/fax.png" class="icon">(866) 658 3229</p>
<p><img src="imgs/contact_us_icons/email.png" class="icon">[email protected]</p>
</div>
<!-- end of nested col -->
</div>
</div>
<!-- end of row -->
</div>
<!-- end of container -->
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-3 footer_links">
<h3>LISTEN LOU<span class="orange_letter">D</span></h3>
<p><a href="#">WHY BUY FROM US</a></p>
<p><a href="#">TERMS AND CONDITIONS</a></p>
<p><a href="#">SITEMAP</a></p>
<p><a href="#">CONTACT US</a></p>
</div>
<div class="col-md-3 footer_links">
<h3>NAVIGAT<span class="orange_letter">E</span></h3>
<p><a href="#">EVENTS</a></p>
<p><a href="#">OUR TEAM</a></p>
<p><a href="#">SUPPORT</a></p>
<p><a href="#">CAREERS</a></p>
</div>
<div class="col-md-6">
<h3>STAY CONNECTE<span class="orange_letter">D</span></h3>
<p>Join over 13,500 people who receive weekly
<br>our amazing deals.</p>
<form>
<input type="email" id="email" name="email" placeholder="Email Address">
<input type="submit" id="email_submit" name="submit" value="Sign Up">
</form>
<div class="social_links">
<a href="#"><img src="imgs/social_icons/facebook.png"></a>
<a href="#"><img src="imgs/social_icons/twitter.png"></a>
<a href="#"><img src="imgs/social_icons/linkedin.png"></a>
<a href="#"><img src="imgs/social_icons/google_plus.png"></a>
</div>
</div>
</div>
<!-- end of row-->
</div>
<!-- end of container -->
</footer>
<script src="js/jquery-2.2.0.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/custom.js"></script>
</body>