-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
154 lines (139 loc) · 7.05 KB
/
contact.html
File metadata and controls
154 lines (139 loc) · 7.05 KB
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 lang="en">
<head>
<!-- Required meta tags -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->\
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Grid Navbar Template</title>
<!-- Bootstrap core CSS -->
<link href="http://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="http://getbootstrap.com/docs/3.3/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]>
<script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="http://getbootstrap.com/docs/3.3/assets/js/ie-emulation-modes-warning.js">
</script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- <link rel="stylesheet" href="css/reset.css"> -->
</head>
<body>
<div id="contact-content">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="top-section padding-40">
<h1>GET IN TOUCH</h1>
<br>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam blanditiis exercitationem
facilis fugiat in laboriosam molestiae placeat quasi reiciendis ut? Aliquam cumque, debitis
explicabo facilis nobis provident rem repellat sunt!</p>
<br>
<br>
<div class="contact-address">
<span><i class="fa fa-envelope-o" aria-hidden="true"></i> tapanbhatt172@gmail.com</span>
<br>
<span><i class="fa fa-mobile" aria-hidden="true"></i> 9662213050</span>
<br>
<span><i class="fa fa-map-marker" aria-hidden="true"></i> C-813,DevAurum,Prhladnager</span>
<br>
</div>
</div>
</div>
<div class="col-md-6 padding-50">
<div class="aside-section padding-40">
<h1>SAY SOMETHING</h1>
<br>
<br>
<form class="form-horizontal">
<div class="form-group">
<label class="control-label col-sm-2" for="email">Email:</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email" placeholder="Enter email" required>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="pwd">Password:</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="pwd" placeholder="Enter password"
required>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="pwd">Message</label>
<div class="col-sm-10">
<textarea type="text" class="form-control" placeholder="Enter Message" rows="5"
required></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">SEND</button>
</div>
</div>
</form>
</div>
</div>
<br><br>
<div class="col-md-12 bottom-section padding-40">
<div class="">
<div class="col-md-4">
<h1>TAPAN</h1>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa cumque delectus dolores
ducimus, eaque esse, fuga impedit maiores modi natus neque non possimus provident quia
quibusdam saepe similique vero voluptate.</p>
</div>
<div class="col-md-4">
<h2>ABOUT US</h2>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores excepturi necessitatibus
praesentium ratione? Amet, dolorem ducimus eaque error eveniet minima nam nihil odit
perspiciatis quo sit soluta temporibus vitae voluptatibus.</p>
</div>
<div class="col-md-4">
<div class="social-icons">
<span><i class="fa fa-facebook" aria-hidden="true"></i></span>
<span><i class="fa fa-twitter" aria-hidden="true"></i></span>
<span><i class="fa fa-globe" aria-hidden="true"></i></i></span>
</div>
</div>
</div>
<div class="col-md-12 padding-40 bottom-nav">
<ul>
<li>HOME</li>
<li>ABOUT</li>
<li>PORTFOLIO</li>
<li>SERVICES</li>
<li>CLIENT</li>
<li>CONTACT US</li>
<li>OUR TEAM</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<p class="text-muted-footer">Place sticky footer content here.</p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="http://getbootstrap.com/docs/3.3/dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="http://getbootstrap.com/docs/3.3/assets/js/ie10-viewport-bug-workaround.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="Hello World"></script>
</body>
</html>