mirror of
https://github.com/3lswear/webserv.git
synced 2025-10-28 21:07:59 +03:00
177 lines
9.6 KiB
HTML
177 lines
9.6 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>Bookstore Theme, Contact Page</title>
|
|
<meta name="keywords" content="" />
|
|
<meta name="description" content="" />
|
|
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
|
|
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
|
|
<!-- templatemo 360 bookstore -->
|
|
<!--
|
|
Bookstore Template
|
|
http://www.templatemo.com/preview/templatemo_360_bookstore
|
|
-->
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="js/ddsmoothmenu.js">
|
|
|
|
/***********************************************
|
|
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
|
|
* This notice MUST stay intact for legal use
|
|
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
|
|
***********************************************/
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
ddsmoothmenu.init({
|
|
mainmenuid: "templatemo_menu", //menu DIV id
|
|
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
|
|
classname: 'ddsmoothmenu', //class added to menu's outer DIV
|
|
//customtheme: ["#1c5a80", "#18374a"],
|
|
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
|
|
})
|
|
|
|
</script>
|
|
|
|
<link rel="stylesheet" type="text/css" media="all" href="css/jquery.dualSlider.0.2.css" />
|
|
|
|
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
|
|
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
|
|
<script src="js/jquery.timers-1.2.js" type="text/javascript"></script>
|
|
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
|
|
<script type="text/JavaScript" src="js/slimbox2.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="templatemo_header_wrapper">
|
|
<div id="templatemo_header">
|
|
<div id="site_title"><a href="#">Bookstore Template</a></div>
|
|
<div id="templatemo_menu" class="ddsmoothmenu">
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about.html">About</a>
|
|
<ul>
|
|
<li><span class="top"></span><span class="bottom"></span></li>
|
|
<li><a href="#submenu1">Sub menu 1</a></li>
|
|
<li><a href="#submenu2">Sub menu 2</a></li>
|
|
<li><a href="#submenu3">Sub menu 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="portfolio.html">Gallery</a>
|
|
<ul>
|
|
<li><span class="top"></span><span class="bottom"></span></li>
|
|
<li><a href="#submenu1">Sub menu 1</a></li>
|
|
<li><a href="#submenu2">Sub menu 2</a></li>
|
|
<li><a href="#submenu3">Sub menu 3</a></li>
|
|
<li><a href="#submenu4">Sub menu 4</a></li>
|
|
<li><a href="#submenu5">Sub menu 5</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="blog.html">Blog</a></li>
|
|
<li><a href="contact.html" class="selected">Contact</a></li>
|
|
</ul>
|
|
<br style="clear: left" />
|
|
</div> <!-- end of templatemo_menu -->
|
|
<div class="clear"></div>
|
|
</div> <!-- END of header -->
|
|
</div> <!-- END of header wrapper -->
|
|
<div id="templatemo_main">
|
|
<h1>Contact Information</h1>
|
|
<h4>Send us a message now!</h4>
|
|
<p>Curabitur ullamcorper mi eget diam eleifend eu congue urna pellentesque. Nam turpis nibh, imperdiet ultricies consequat eget, posuere sed nisi. Mauris tortor leo, sagittis non molestie quis, vehicula vitae ligula. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
|
|
<div class="half left">
|
|
<div id="contact_form">
|
|
<form method="post" name="contact" action="#">
|
|
|
|
<label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
|
|
<div class="cleaner h10"></div>
|
|
<label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" />
|
|
<div class="cleaner h10"></div>
|
|
|
|
<label for="subject">Subject:</label> <input type="text" name="subject" id="subject" class="input_field" />
|
|
|
|
<div class="cleaner h10"></div>
|
|
|
|
<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
|
|
<div class="cleaner h10"></div>
|
|
|
|
<input type="submit" value="Send" id="submit" name="submit" class="submit_btn left" />
|
|
<input type="reset" value="Reset" id="reset" name="reset" class="submit_btn right" />
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="half right">
|
|
<h4>Mailing Address</h4>
|
|
<h6><strong>Company Name</strong></h6>
|
|
330-660 Aliquam semper dignissim,<br />
|
|
Fusce cursus turpis lacus, 11880<br />
|
|
Sit amet tortor et<br /><br />
|
|
|
|
<strong>Phone:</strong> 020-040-0680 <br />
|
|
<strong>Email:</strong> <a href="mailto:info@company.com">info@company.com</a> <br />
|
|
<div class="cleaner h40"></div>
|
|
|
|
<iframe width="465" height="260" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Central+Park,+New+York,+NY,+USA&aq=0&sll=14.093957,1.318359&sspn=69.699334,135.263672&vpsrc=6&ie=UTF8&hq=Central+Park,+New+York,+NY,+USA&ll=40.778265,-73.96988&spn=0.033797,0.06403&t=m&output=embed"></iframe>
|
|
|
|
</div>
|
|
<div class="clear h40"></div>
|
|
|
|
</div> <!-- END of main -->
|
|
<div id="templatemo_footer_wrapper">
|
|
<div id="templatemo_footer">
|
|
<div class="col one_fourth">
|
|
<h4>Photo Gallery</h4>
|
|
<ul class="footer_gallery">
|
|
<li><a href="images/templatemo_image_03_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_03.jpg" alt="image" /></a></li>
|
|
<li><a href="images/templatemo_image_04_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_04.jpg" alt="image" /></a></li>
|
|
<li><a href="images/templatemo_image_05_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_05.jpg" alt="image" /></a></li>
|
|
<li><a href="images/templatemo_image_06_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_06.jpg" alt="image" /></a></li>
|
|
<li><a href="images/templatemo_image_07_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_07.jpg" alt="image" /></a></li>
|
|
<li><a href="images/templatemo_image_08_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_08.jpg" alt="image" /></a></li>
|
|
<li><a href="images/templatemo_image_09_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_09.jpg" alt="image" /></a></li>
|
|
<li><a href="images/templatemo_image_10_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_10.jpg" alt="image" /></a></li>
|
|
<li><a href="images/templatemo_image_11_l.jpg" rel="lightbox[portfolio]"><img src="images/templatemo_image_11.jpg" alt="image" /></a></li>
|
|
</ul>
|
|
<div class="clear"></div>
|
|
<a href="portfolio.html" class="more">more</a>
|
|
</div>
|
|
<div class="col one_fourth">
|
|
<h4>Recent Posts</h4>
|
|
<ul class="no_bullet">
|
|
<li>
|
|
<span class="header"><a href="#">Pellentesque nec tempus</a></span>
|
|
Phasellus porttitor lacus vel risus ullamcorper tempor.
|
|
</li>
|
|
<li>
|
|
<span class="header"><a href="#">Ipsum dolor sit amet</a></span>
|
|
Nunc facilisis auctor metus, at mollis urna dictum sit amet.
|
|
</li>
|
|
<li>
|
|
<span class="header"><a href="#">Morbi tincidunt dictum leo</a></span>
|
|
Aliquam aliquam lacus eros, ut cursus augue dolor.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col one_fourth">
|
|
<h4>Twitter</h4>
|
|
<ul class="no_bullet">
|
|
<li><a href="#">@templatemo</a> at scelerisque urna in tellus varius ultricies.</li>
|
|
<li>Suspendisse enean <a href="#">#FREE</a> tincidunt massa in tellus varius ultricies.</li>
|
|
<li>Aenean tincidunt massa in tellus varius ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
|
|
<li>Vulputate odio sit amet adipiscing lacus. <a href="#">http://bit.ly/IyyUoO</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col one_fourth no_margin_right">
|
|
<h4>About</h4>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor lacus vel risus ullamcorper tempor. Pellentesque vestibulum vulputate odio sit amet adipiscing. Nunc facilisis auctor metus, at mollis urna dictum sit amet.</p>
|
|
Copyright © 2048 <a href="#">Your Company Name</a>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div> <!-- END of footer -->
|
|
</div> <!-- END of footer wrapper -->
|
|
</body>
|
|
</html> |