摄影2

[html]代码库

<div class="banner-w3text-inner">
						<h2 class="text-center">photograpghy</h2>
						<div class="col-sm-4 col-xs-4 w3_agile-line1"><span></span></div>
						<div class="col-sm-4  col-xs-4 banner-w3text-title text-center">
							<p>my passion</p>
						</div>
						<div class="col-sm-4  col-xs-4 w3_agile-line2"><span></span></div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<!-- //banner-info -->
			</div>
		</div>
		<!-- //banner -->
		<!-- contact -->
		<div class="w3ls-section contact">
			<div class="container">
				<div class="w3ls-title">
					<h3 class="agileits-title">get in touch</h3>
				</div>
				<div class="w3ls_map">
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d48306.05339877067!2d-74.245183970742!3d40.825144655510556!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2555646a723a1%3A0x449f3366d017b214!2sMontclair%2C+NJ%2C+USA!5e0!3m2!1sen!2sin!4v1465991700675"
					    style="border:0"></iframe>
				</div>

				<div class="contact_wthreerow agileits-w3layouts">
					<div class="col-md-5 agileits_w3layouts_contact_gridl">
						<div class="agileits_mail_grid_right_grid">
							<h4>About Me</h4>
							<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur.</p>
						</div>
						<div class="agileits_mail_grid_right_grid">
							<h4>Contact Info</h4>
							<ul class="contact_info">
								<li><i class="glyphicon glyphicon-map-marker" aria-hidden="true"></i>1234k Avenue, 4th block,3FB,New Jersey.</li>
								<li><i class="glyphicon glyphicon-envelope" aria-hidden="true"></i><a href="mailto:info@example.com">info@example.com</a></li>
								<li><i class="glyphicon glyphicon-earphone" aria-hidden="true"></i>+1234 567 567</li>
							</ul>
						</div>
					</div>
					<div class="col-md-7 w3l_contact_form">
						<h4>Contact Form</h4>
						<form action="#" method="post">
							<input type="text" name="Name" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}"
							    required="">
							<input type="email" name="Email" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}"
							    required="">
							<input type="text" name="Phone" value="Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone';}"
							    required="">
							<textarea name="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message...';}" required="">Message...</textarea>
							<input type="submit" value="Submit">
						</form>
					</div>

					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!-- //contact -->
		<div class="w3_agile-copyright text-center">
			<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		</div>
		<script src="js/SmoothScroll.min.js"></script>
		<!-- Bootstrap core JavaScript
    ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="js/bootstrap.js"></script>

	</body>

</html>