< 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 © 2017.Company name All rights reserved.< a target = "_blank" href = "http://sc.chinaz.com/moban/" >网页模板</ 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 > |