Ecommerce-Webiste/contact.html at master · sagar0041/Ecommerce-Webiste · GitHub

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
<!doctype html>
<html>
<head>
			<title>Contact</title>
			<link href="css/style.css" type="text/css" rel="stylesheet">
			<link href="css/grid.css" type="text/css" rel="stylesheet">
</head>
<body>
<main>

		<!------------------------ header ----------------------->

	<header>
		<div class="container">
		<div class="row">
		<a href="index.html" class="logo"><img src="images/logo.png"></a>
		<div class="menu">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="motobike.html">Motorbike</a></li>
				<li><a href="about.html">About</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>

		</div>
		</div>
	</header>

		<!------------------------ content area ----------------------->

	<section>
	<div class="clearfix">
		<div class="sub-header">
		<div class="container">
		<h1>Contact</h1>
		</div>
		</div>

		<div class="container">
		<div class="row">

		<div class="map">
	<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d26081603.294420466!2d-95.677068!3d37.06250000000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1455468237757" width="100%" height="450px" frameborder="0" style="border:0" allowfullscreen></iframe>
	</div>

		<div class="adjust-4">
		<div class="wrap-col">
			<h5 class="orange">Contact form</h5>
			<form id="ff">
			<label><input type="text" placeholder="enter name"></label>
			<label><input type="email" placeholder="enter email"></label>
			<label><textarea rows="4" cols="25" placeholder="message"></textarea></label>
			<center><input type="submit" class="btn" value="submit"></center>
			</form>
		</div>
		</div>

		<div class="adjust-1">
		<div class="wrap-col">
		<h5 class="orange">Contact Info</h5>
		<span>SED UT PERSPICIATIS UNDE OMNIS ISTE NATUS ERROR SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE.</span>
		<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque la udantium, totam rem aperiam, eaque ipsa quae ab illo inventore quasi. Nemo enim ipsam voluptatem quia.</p>

		<p>JL.Kemacetan timur no.23. block.Q3<br>
		Jakarta-Indonesia</p>

		<p>+6221 888 888 90<br>
		+6221 888 88891</p>

		<p>info@yourdomain.com</p>
		</div>
		</div>

		</div>
		</div>

	</div>
	</section>

	<!------------------------ footer ----------------------->

		<footer>

		<div class="wrap-footer">
		<div class="container">
		<div class="row">
			<h3>Contact</h3>
			<span>Phone: / +80 *** ** ****</span><br>
			<span>Email / info@*****.com</span> <br>
			<span>Studio / ***** **. 14/** Light City</span><br>
			<span><strong>Copyright 20xx - <a href="#">Fahad chaudhry</a> Templates Designed by Fahad chaudhry</strong></span>
		</div>
		</div>
		</div>
	</footer>

</main>
</body>
</html>