-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
120 lines (109 loc) · 3.51 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 lang="en">
<head>
<title>Alchemy Rod | Contact Us</title>
<meta charset="utf-8" />
<link rel="icon" type="image/png" href="assets/img/favicon.png">
</head>
<body bgcolor="#404040" width="100%" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<font face="Roboto">
<!-- Navigation Bar -->
<table height="auto" width="100%" cellpadding="0" cellspacing="0">
<tr height="50px" bgcolor="#2F2F2F">
<!-- Logo and Company Name -->
<td width="60%">
<img src="assets/img/logo.png" alt="Alchemy Rod Logo" height="54" width="auto" hspace="20" vspace="10"/>
</td>
<!-- Navigation Links -->
<td width="40%" background="assets/img/right-nav.png">
<table height="auto" width="100%" cellpadding="15">
<tr>
<td width="19%">
<a href="index.html">
<font color="#F8F8F8" size="4">HOME</font>
</a>
<td width="24%">
<a href="product.html">
<font color="#F8F8F8" size="4">PRODUCT</font>
</a>
</td>
<td width="20%">
<a href="sign_up.html">
<font color="#F8F8F8" size="4">SIGN UP</font>
</a>
</td>
<td width="35%">
<font color="#F1C677" size="4">CONTACT US</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END Navigation Bar -->
<!-- Banner -->
<img src="assets/img/banner.jpg" alt="Banner" height="100%" width="100%"/>
<!-- END Banner -->
<!-- Contact Us Section -->
<table height="auto" width="100%" cellpadding="0" cellspacing="0">
<!-- Section Title -->
<tr height="auto">
<td colspan="2" align="center">
<br><br>
<font color="#F4D38F" size="5">GOT A QUESTION?</font>
<hr width="160" color="#95989A">
<font color="#95989A" size="3">send your message now!</font>
</td>
</tr>
<!-- END Section Title -->
<!-- Content -->
<tr height="500px" width="100%">
<td width="50%">
<!--
<img src="assets/img/input.png" height="100%" width="100%"/>
-->
<form method="post" action="#">
<pre>
<font size="5" color="#FFFFF">
<label for="name">Name</label> : <input type="text" id="name" placeholder="Enter your Name"/>
<label for="email">Email</label> : <input type="text" id="email" placeholder="Enter your Email"/>
<label for="subject">Subject</label> : <input type="text" id="subject" placeholder="Enter Subject"/>
<label for="message">Message</label> : <textarea id="message" placeholder="Enter your message"></textarea>
<img src="assets/img/btn-input.png" height="40px" width="130px"/>
</font>
</pre>
</form>
</td>
<td width="50%">
<img src="assets/img/contact-us.png" height="100%" width="70%"/>
</td>
</tr>
<!-- END Content -->
</table>
<!-- END Contact Us Section -->
<br><br><br><br><br>
<!-- Google Map -->
<img src="assets/img/map.png" alt="Google Map" height="300px" width="100%"/>
<!-- END Google Map -->
<!-- Footer Section -->
<table height="auto" width="100%" cellpadding="0" cellspacing="0">
<tr height="auto" bgcolor="#252525">
<td align="center" >
<br><br>
<font color="#95989A" size="3">© Alchemy Rod</font>
<br>
<font color="#95989A" size="3">Developed and Designed by Joeylene Rivera</font>
<br><br>
<img src="assets/img/icons/instagram.png" height="50px" width="50px"/>
 
<img src="assets/img/icons/facebook.png" height="50px" width="50px"/>
 
<img src="assets/img/icons/twitter.png" height="50px" width="50px"/>
<br><br>
</td>
</tr>
</table>
<!-- END Footer Section -->
</font>
</body>
</html>