kohjhjhصثقص5572hjkhk7872ثقصثقgdfgdg
Ele57885fddfg872782782782 hjkhj782dfgfghgقفغفغفقhfg555434536
/
home4
/
kisgavwq
/
fineairindustries.com
/
Upload FileeE
HOME
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" dir="ltr" lang="en-US"> <!--<![endif]--> <head> <meta charset="utf-8"> <!-- Set the viewport width to device width for mobile --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="author" content="ppandp"> <meta name="Description" content="Dr. John Doe - Responsive Retina-Ready HTML5 One-Page" /> <title>Dr. John Doe - Responsive Retina-Ready HTML5 One-Page</title> <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/contact.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/print.css" rel="stylesheet" type="text/css" media="print" /> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,700,600' rel='stylesheet' type='text/css' /> <link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen"> <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen" /> <!--[if gt IE 8]><!--><link href="css/retina-responsive.css" rel="stylesheet" type="text/css" media="screen" /><!--<![endif]--> <!--[if !IE]> <link href="css/retina-responsive.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]--> <!--[if IE]> <link href="css/styles-ie.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]--> </head> <body> <!-- Preloader --> <div id="preloader"> <div id="status"> </div> </div> <header id="fixed"> <!-- start header --> <div class="wrapper"> <div class="container clearfix"> <h1 id="logo" class="alignleft"> <a href="index-2.html">Dr. John Doe / Pediatrician</a> </h1> <nav class="alignright"> <ul id="nav"> <li><a href="#">Home</a></li> <li><a href="#section2">About</a></li> <li><a href="#section3">Doctors</a></li> <li><a href="#section4">Gallery</a></li> <li><a href="#section5">Services</a></li> <li><a href="#section6">Blog</a></li> <li><a href="#section7">Contact</a></li> </ul> </nav> <div class="clear"></div> </div> </div> </header> <!-- end header --> <div id="empty-area"></div> <div class="ancor"> <div class="section" id="section1"></div> <div class="wrapper"> <div class="container clearfix"> <div class="flexslider navpoints"> <ul class="slides"> <li> <div class="col2-3"> <div class="images"><img src="images/slideshow/slide1.jpg" alt="" /></div> </div> <div class="col1-3"> <h3>25 Years of Experience in Pediatrics Care</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Stet clita kasd gubergren, no sea takimata sanctus est dolor sit amet. </p> <div class="border"></div> <p class="responsive"><a href="#" onClick="return false">Read more</a></p> </div> </li> <li> <div class="col2-3"> <div class="images"><img src="images/slideshow/slide2.jpg" alt="" /></div> </div> <div class="col1-3"> <h3>We Offer a Wide Range of Medical Services</h3> <p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Fusce et neque quis. </p> <div class="border"></div> <p class="responsive"><a href="#" onClick="return false">Read more</a></p> </div> </li> <li> <div class="col2-3"> <div class="images"><img src="images/slideshow/slide3.jpg" alt="" /></div> </div> <div class="col1-3"> <h3>Not Settling for Below Your Full Satisfaction</h3> <p>Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio gravida auctor vel non mauris. Vivamus gravida aliquet eros. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren. Lorem ipsum dolor sit.</p> <div class="border"></div> <p class="responsive"><a href="#" onClick="return false">Read more</a></p> </div> </li> </ul> </div> </div> </div> </div> <div class="ancor"> <div class="section" id="section2"></div> <div class="wrapper"> <div class="container clearfix margin-bottom"> <h2>Pediatric Center</h2> <div class="col1-1"> <h3>Hide elements, but leave them accessable. Substract, allowing the most important elements to come forward. This results in simple yet sophisticated user experience and designs that we, and our clients, are very proud of.</h3> </div> <div class="col1-3"> <div id="user" class="icon-buttons"></div> <h4 class="button">About Dr. John Doe</h4> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem.</p> <ul class="list bullet"> <li> All Sorts of Buttons and Lists</li> <li>Typography</li> <li>Columns and Shortcodes</li> <li>Lightbox, Tabs and Toggles</li> </ul> </div> <div class="col1-3"> <div id="plus" class="icon-buttons"></div> <h4 class="button">Our Medical Services</h4> <p>Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio gravida auctor vel non mauris. Vivamus gravida aliquet eros. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren. </p> <ul class="list bullet"> <li>Eirmod tempor Invidunt ut</li> <li>Labore et dolore magna </li> <li>Aliquyam erat sed Diam voluptua</li> <li>At vero eos et accusam et</li> </ul> </div> <div class="col1-3"> <div id="calendar" class="icon-buttons"></div> <h4 class="button">Make an Appointment</h4> <p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. </p> <ul class="list bullet"> <li>E-Mail: <a href="mailto:info@domain.com">info@domain.com</a></li> <li>Phone: (845) 123 4567</li> </ul> <p>Or use our contact form. We’ll get back to you as soon as possible!</p> </div> <div class="clear"></div> </div> </div> </div> <div class="ancor"> <div class="section" id="section3"></div> <div class="wrapper"> <div class="container clearfix margin-bottom"> <h2>The Doctors</h2> <div class="col1-1"> <h3>We are regarded as industry leaders in stunning website solutions, focused on delivering unsurpassed user experiences. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore voluptua.</h3> </div> <div class="col1-4"> <div class="images img-cover"><a href="#" onClick="return false"></a> <div class="icons mail"></div> <img src="images/john.jpg" alt="" /><i>hover background</i></div> <h4>Dr. John Doe</h4> <div class="borderline"></div> <p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elitaras.</p> </div> <div class="col1-4"> <div class="images img-cover"><a href="#" onClick="return false"></a> <div class="icons mail"></div> <img src="images/amy.jpg" alt="" /><i>hover background</i></div> <h4>Dr. Amy McDonald</h4> <div class="borderline"></div> <p>Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio gravida auctor vel non mauris. Vivamus gravida aliquet eros. </p> </div> <div class="force-break"></div> <div class="col1-4"> <div class="images img-cover"><a href="#" onClick="return false"></a> <div class="icons mail"></div> <img src="images/jason.jpg" alt="" /><i>hover background</i></div> <h4>Dr. med. Jason Black</h4> <div class="borderline"></div> <p>Maecenas sed justo varius velit imperdiet bibendum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p> </div> <div class="col1-4"> <div class="images img-cover"><a href="#" onClick="return false"></a> <div class="icons mail"></div> <img src="images/jack.jpg" alt="" /><i>hover background</i></div> <h4>Dr. dent. Jack Smith</h4> <div class="borderline"></div> <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.</p> </div> <div class="clear"></div> </div> </div> </div> <div class="ancor"> <div class="section" id="section4"></div> <div class="wrapper"> <div class="container clearfix"> <h2>Our Clinic</h2> <div id="options" class="clearfix"> <ul id="filters" class="option-set clearfix" data-option-key="filter"> <li><a href="#filter=.home" class="selected">All</a> <span class="padding">/</span></li> <li><a href="#filter=.webdesign">Webdesign</a> <span class="padding">/</span></li> <li><a href="#filter=.print">Print</a> <span class="padding">/</span></li> <li><a href="#filter=.identity">Identity</a></li> </ul> </div> <div id="container" class="clearfix padding-bottom responsive-folio"> <div class="element col1-3 print identity home"> <div class="images img-cover"><a href="images/slideshow/slide2.jpg" data-fancybox-group="group1" class="popup" title=""></a> <div class="icons zoom"></div> <img src="images/slideshow/slide2.jpg" alt="" /><i>hover background</i> </div> <h4>Some Project Title</h4> <div class="borderline"></div> <p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum.</p> </div> <div class="element col1-3 print home "> <div class="images img-cover"><a href="images/slideshow/slide1.jpg" data-fancybox-group="group1" class="popup" title=""></a> <div class="icons zoom"></div> <img src="images/slideshow/slide1.jpg" alt="" /><i>hover background</i> </div> <h4>Some Other Picture</h4> <div class="borderline"></div> <p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum.</p> </div> <div class="element col1-3 print webdesign home"> <div class="images img-cover"><a href="images/slideshow/slide3.jpg" data-fancybox-group="group1" class="popup" title=""></a> <div class="icons zoom"></div> <img src="images/slideshow/slide3.jpg" alt="" /><i>hover background</i> </div> <h4>Some Project Title</h4> <div class="borderline"></div> <p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum.</p> </div> <div class="element col1-3 print identity home"> <div class="images img-cover"><a href="images/slideshow/slide3.jpg" data-fancybox-group="group1" class="popup" title=""></a> <div class="icons zoom"></div> <img src="images/slideshow/slide3.jpg" alt="" /><i>hover background</i> </div> <h4>Some Other Picture</h4> <div class="borderline"></div> <p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum.</p> </div> <div class="element col1-3 webdesign home"> <div class="images img-cover"><a href="images/slideshow/slide2.jpg" data-fancybox-group="group1" class="popup" title=""></a> <div class="icons zoom"></div> <img src="images/slideshow/slide2.jpg" alt="" /><i>hover background</i> </div> <h4>Some Project Title</h4> <div class="borderline"></div> <p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. </p> </div> <div class="element col1-3 print home "> <div class="images img-cover"><a href="images/slideshow/slide1.jpg" data-fancybox-group="group1" class="popup" title=""></a> <div class="icons zoom"></div> <img src="images/slideshow/slide1.jpg" alt="" /><i>hover background</i> </div> <h4>Some Other Picture</h4> <div class="borderline"></div> <p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum.</p> </div> <div class="clear"></div> </div> </div> </div> </div> <div class="ancor"> <div class="section" id="section5"></div> <div class="wrapper"> <div class="container clearfix margin-bottom"> <h2>Medical Services</h2> <div class="col1-1"> <h3>We offer a wide range of medical services. If you need further information, please don't hesitate to <a href="#section7">contact us</a>.</h3> </div> <div class="clear"></div> <div class="col1-3"> <h4>We specialize in:</h4> <div class="borderline"></div> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem.</p> <p>Stibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia; Proin vel ante a orci tempus eleifend ut et magna. </p> <h4>External Links:</h4> <p><a href="#" onClick="return false">Pediatrics <span class="arrow">→</span></a></p> <p><a href="#" onClick="return false">Primary Health Care <span class="arrow">→</span></a></p> <p><a href="#" onClick="return false">Dental Clinic <span class="arrow">→</span></a></p> <p><a href="#" onClick="return false">Doctor Recommendations <span class="arrow">→</span></a></p> </div> <div class="col2-3"> <div id="accordion"> <h3><a href="#section1">Bronchoscopy</a></h3> <div> <div class="break"></div> <p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p> <h5>Health Care Issues on the Rise</h5> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum.</p> <ul class="list bullet"> <li> All Sorts of Buttons and Lists</li> <li>Typography</li> <li>Columns and Shortcodes</li> <li>Lightbox, Tabs and Toggles</li> </ul> </div> <h3><a href="#section2">Cardiac Ablation</a></h3> <div> <div class="break"></div> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. </p> <p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p> </div> <h3><a href="#section3">Sport Injuries</a></h3> <div> <div class="break"></div> <p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p> <h5>Some h5 Title</h5> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p> <ul class="list bullet"> <li> All Sorts of Buttons and Lists</li> <li>Typography</li> <li>Columns and Shortcodes</li> <li>Lightbox, Tabs and Toggles</li> </ul> </div> <h3><a href="#section4">Women’s Health</a></h3> <div> <div class="break"></div> <p> Maecenas sed justo varius velit imperdiet bibendum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus. </p> <p> Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio gravida auctor vel non mauris. Vivamus gravida aliquet eros. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren. </p> </div> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="ancor"> <div class="section" id="section6"></div> <div class="wrapper"> <div class="container clearfix margin-bottom"> <h2>Stay Informed</h2> <div class="col1-1"> <h3>Welcome to our blog: News, comments, and hints to current medical developments as well as current information on our practice and doctors.</h3> </div> <div class="col3-4"> <article> <h3>We Appreciate Any Kind of Feedback (Standard Post)</h3> <div class="borderline"></div> <p class="posted">November 28, 2013 <span class="padding">/</span> Admin <span class="padding">/</span> 6 Comments</p> <div class="img-hovers"> <div class="images img-cover"> <a href="single-post.html"></a> <div class="icons link"></div> <img src="images/image-1cropped.jpg" alt="Image Title" /><i>hover background</i> </div> </div> <p> Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis lorem eus semper. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna. </p> <p><a href="single-post.html">Read more <span class="arrow">→</span></a></p> </article> <div class="border"></div> <article> <h3>Yet Another Blog Post (Quote Post)</h3> <div class="borderline"></div> <p class="posted">November 28, 2013 <span class="padding">/</span> Admin <span class="padding">/</span> 6 Comments</p> <div class="bubble"> <p class="alignleft no-padding blockquote">"</p> <h4 class="blockquote"> This could be a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla. </h4> <div class="clear"></div> </div> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. </p> <p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p> <p><a href="single-post.html">Read more <span class="arrow">→</span></a></p> </article> <div class="border"></div> <article> <h3>We Boost Your Sales (Video Post)</h3> <div class="borderline"></div> <p class="posted">November 28, 2013 <span class="padding">/</span> Admin <span class="padding">/</span> 6 Comments</p> <div class="images img-cover"><a href="http://player.vimeo.com/video/74453170?badge=0&title=0&byline=0&portrait=0&color=ffffff" data-fancybox-group="group1" class="video-popup" title=""></a> <div class="icons video"></div> <iframe class="videos" src="http://player.vimeo.com/video/74453170?badge=0&title=0&byline=0&portrait=0&color=ffffff"></iframe> <i>hover background</i> </div> <p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis lorem eus semper. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna. </p> <p><a href="single-post.html">Read more <span class="arrow">→</span></a></p> </article> <div class="border"></div> <article> <h3>Ok, One Last One (Only Text Post)</h3> <div class="borderline"></div> <p class="posted">November 28, 2013 <span class="padding">/</span> Admin <span class="padding">/</span> 6 Comments</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. </p> <p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum.</p> <p><a href="single-post.html">Read more <span class="arrow">→</span></a></p> </article> <div class="border"></div> <div id="navi-blog"> <div class="page"><a href="#" onClick="return false">1</a></div> <div class="page active"><a href="#" onClick="return false">2</a></div> <div class="page"><a href="#" onClick="return false">3</a></div> <div class="page"><a href="#" onClick="return false">4</a></div> <div class="page"><a href="#" onClick="return false">5</a></div> </div> </div> <aside class="col1-4 last"> <div class="headline margin-top"> <h4>Why Choose Us</h4> </div> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p> <div class="headline"> <h4>Tags</h4> </div> <ul class="tags clearfix"> <li><a href="#" onClick="return false">Text</a></li> <li><a href="#" onClick="return false">Lorem</a></li> <li><a href="#" onClick="return false">Ipsum Dolor</a></li> <li><a href="#" onClick="return false">Typography</a></li> <li><a href="#" onClick="return false">Columns</a></li> <li><a href="#" onClick="return false">Lightbox</a></li> <li><a href="#" onClick="return false">Videos</a></li> </ul> <div class="headline"> <h4>Categories</h4> </div> <ul class="list bullet"> <li><a href="#" onClick="return false">Text & Images</a></li> <li><a href="#" onClick="return false">Lorem Ipsum Dolor sit Amet</a></li> <li><a href="#" onClick="return false">Typography</a></li> <li><a href="#" onClick="return false">Columns</a></li> <li><a href="#" onClick="return false">Lightbox</a></li> <li><a href="#" onClick="return false">Videos</a></li> <li class="last"><a href="#" onClick="return false">Tabs & Toggles</a></li> </ul> </aside> <div class="clear"></div> </div> </div> </div> <div class="ancor"> <div class="section" id="section7"></div> <div class="wrapper responsive"> <div class="container clearfix"> <h2>Get in touch</h2> <div class="col1-1"> <h3>Thanks for looking. We’d love to hear from you.</h3> </div> <div class="break"></div> <div class="responsive"> <div class="col1-4"> <div class="headline"> <h4>Contact Information</h4> </div> <div class="contact-icons pointer first"></div> <p class="next-to-icons first">Practice Dr. John Doe<br /> 22 Miron Drive<br /> New York City, 12603 NY</p> <div class="contact-icons email"></div> <p class="next-to-icons"> Email: <a href="mailto:info@domain.com">info@domain.com</a></p> <div class="contact-icons phone"></div> <p class="next-to-icons"> Phone: (845) 123 4567<br /> Fax: (845) 123 4569</p> <div class="contact-icons time"></div> <p class="next-to-icons"> <strong>Monday - Thursday:</strong><br /> 9am - 10am & 4pm - 6pm<br /> <strong>Friday:</strong><br /> 9am - 12am</p> </div> <div class="col3-4"> <div class="headline"> <h4>Drop Us a Line</h4> </div> <p>We will get back to you asap. Fields marked with * are required.</p> <div class="contact"> <div id="message"></div> <form method="post" action="http://ppp-templates.de/jd/contact.php" name="contactform" id="contactform" autocomplete="off"> <fieldset> <label for="name" accesskey="U"><span class="required">Name</span></label> <input name="name" type="text" id="name" size="30" title="Name *" /> <label for="email" accesskey="E"><span class="required">Email</span></label> <input name="email" type="text" id="email" size="30" title="Email *" /> <label for="phone" accesskey="P"><span class="required">Phone</span></label> <input name="phone" type="text" id="phone" size="30" title="Phone *" class="third" /> <div class="clear"></div> <br /> <label for="comments" accesskey="C"><span class="required">Comments</span></label> <textarea name="comments" cols="40" rows="3" id="comments" style="height: 113px;" title="Comment *"></textarea> <input type="submit" class="submit" id="submit" value="Submit" /> </fieldset> </form> </div> </div> <div class="clear"></div> <div class="break"></div> </div> <div class="col1-1"> <div class="headline"> <h4>Google Maps</h4> </div> <div class="images "> <div id="map"></div> </div> </div> <div class="break"></div> </div> </div> </div> <div class="wrapper"> <footer id="footer"> <div class="container clearfix"> <p class="alignleft"><span class="top">New York City, New York, USA</span><br /> © 2013, Dr. John Doe. All rights reserved.</p> <ul class="social clearfix"> <li class="twitter"><a href="#" onClick="return false">Visit our twitter Account</a></li> <li class="facebook"><a href="#" onClick="return false">Visit our facebook Account</a></li> <li class="dribble"><a href="#" onClick="return false">Visit our dribble Account</a></li> <li class="vimeo"><a href="#" onClick="return false">Visit our vimeo Account</a></li> <li class="google"><a href="#" onClick="return false">Visit our googleplus Account</a></li> </ul> </div> </footer> </div> <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="js/jquery-easing-1.3.js" type="text/javascript"></script> <script src="js/modernizr.js" type="text/javascript"></script> <script src="../../code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script src="js/retina.js" type="text/javascript"></script> <script src="js/jquery.isotope.min.js" type="text/javascript"></script> <script src="js/jquery.ba-bbq.min.js" type="text/javascript"></script> <script src="js/jquery.isotope.load_home.js" type="text/javascript"></script> <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <script src="js/jquery.gomap-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery.pagescroller.lite.js" type="text/javascript"></script> <script src="js/selectnav.min.js" type="text/javascript"></script> <script> jQuery(document).ready(function() { selectnav('nav', { label: '--- Menu --- ' }); }) jQuery( "#accordion" ).accordion({ heightStyle: "content" }); </script> <script src="js/input.fields.js" type="text/javascript"></script> <script src="js/jquery.form.js" type="text/javascript"></script> <script src="js/image-cover.js" type="text/javascript"></script> <script src="js/sliding.js" type="text/javascript"></script> <script src="js/jquery.flexslider-min.js" type="text/javascript"></script> <script src="js/jquery.fancybox.pack.js" type="text/javascript"></script> <script src="js/preloader.js" type="text/javascript"></script> <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> </body> </html>