186 lines
8.8 KiB
HTML
186 lines
8.8 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>Techno Theme, Portfolio Page</title>
|
|||
|
|
<meta name="keywords" content="techno theme, portfolio page, free templates, CSS, HTML" />
|
|||
|
|
<meta name="description" content="Techno Portfolio Theme - free CSS template by templatemo.com" />
|
|||
|
|
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
|
|||
|
|
|
|||
|
|
<script language="javascript" type="text/javascript">
|
|||
|
|
function clearText(field)
|
|||
|
|
{
|
|||
|
|
if (field.defaultValue == field.value) field.value = '';
|
|||
|
|
else if (field.value == '') field.value = field.defaultValue;
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
|
|||
|
|
|
|||
|
|
<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" href="css/lightbox.css" type="text/css" media="screen" />
|
|||
|
|
|
|||
|
|
<script src="js/prototype.js" type="text/javascript"></script>
|
|||
|
|
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
|
|||
|
|
<script src="js/lightbox.js" type="text/javascript"></script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body id="subpage">
|
|||
|
|
|
|||
|
|
<div id="templatemo_wrapper">
|
|||
|
|
<div id="templatemo_menu" class="ddsmoothmenu">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="index.html">Home</a></li>
|
|||
|
|
<li><a href="about.html">About</a>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
|
|||
|
|
<span></span>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><a href="portfolio.html" class="selected">Portfolio</a>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/4">Sub menu 4</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/5">Sub menu 5</a></li>
|
|||
|
|
<span></span>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><a href="blog.html">Blog</a></li>
|
|||
|
|
<li><a href="contact.html">Contact</a></li>
|
|||
|
|
</ul>
|
|||
|
|
<br style="clear: left" />
|
|||
|
|
</div> <!-- end of menu -->
|
|||
|
|
<div id="templatemo_header_sp">
|
|||
|
|
<div id="site_title"><h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1></div>
|
|||
|
|
</div> <!-- end of header -->
|
|||
|
|
|
|||
|
|
<div id="templatemo_main">
|
|||
|
|
|
|||
|
|
<div class="col_2">
|
|||
|
|
<a href="images/portfolio/01.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/01.jpg" alt="Portfolio 01" class="image_frame"/></a>
|
|||
|
|
<h5>Cras Ac Nisl Vel Leo Accumsan</h5>
|
|||
|
|
<p>Mauris imperdiet dictum erat quis gravida phasellus ac pulvinar justo.</p>
|
|||
|
|
<a href="#" class="more"></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col_2 no_margin_right">
|
|||
|
|
<a href="images/portfolio/02.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/02.jpg" alt="Portfolio 02" class="image_frame"/></a>
|
|||
|
|
<h5>Suspendisse Eu Iaculis Tellus</h5>
|
|||
|
|
<p>Nulla augue mi, posuere vehicula euismod id, gravida vitae massa.</p>
|
|||
|
|
<a href="#" class="more"></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="cleaner h40"></div>
|
|||
|
|
<div class="col_2">
|
|||
|
|
<a href="images/portfolio/03.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/03.jpg" alt="Portfolio 03" class="image_frame"/></a>
|
|||
|
|
<h5>Donec Mollis Volutpat Erat</h5>
|
|||
|
|
<p>Aliquam rutrum vehicula turpis sed erat tortor. 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>
|
|||
|
|
<a href="#" class="more"></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col_2 no_margin_right">
|
|||
|
|
<a href="images/portfolio/04.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/04.jpg" alt="Portfolio 04" class="image_frame"/></a>
|
|||
|
|
<h5>Nullam Volutpat Elit Nunc Lacinia</h5>
|
|||
|
|
<p>Integer venenatis pharetra magna vitae quis mauris elementum.</p>
|
|||
|
|
<a href="#" class="more"></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="cleaner h40"></div>
|
|||
|
|
|
|||
|
|
<div class="cleaner"></div>
|
|||
|
|
<div class="pagging">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="http://www.templatemo.com" target="_parent">Previous</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/1" target="_parent">1</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/2" target="_parent">2</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/3" target="_parent">3</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/4" target="_parent">4</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/5" target="_parent">5</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/6" target="_parent">6</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/7" target="_parent">Next</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="cleaner"></div>
|
|||
|
|
</div> <!-- end of main -->
|
|||
|
|
</div> <!-- end of wrapper -->
|
|||
|
|
|
|||
|
|
<div id="templatemo_footer_wrapper">
|
|||
|
|
<div id="templatemo_footer">
|
|||
|
|
|
|||
|
|
<a href="#templatemo_header" class="goto_top"></a>
|
|||
|
|
<div class="col_4">
|
|||
|
|
<h5>Pages</h5>
|
|||
|
|
<ul class="footer_list">
|
|||
|
|
<li><a href="index.html">Home</a></li>
|
|||
|
|
<li><a href="about.html">About</a></li>
|
|||
|
|
<li><a href="portfolio.html">Portfolio</a></li>
|
|||
|
|
<li><a href="blog.html">Blog</a></li>
|
|||
|
|
<li><a href="contact.html">Contact</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col_4">
|
|||
|
|
<h5>Partners</h5>
|
|||
|
|
<ul class="footer_list">
|
|||
|
|
<li><a href="http://www.flashmo.com">Free Flash Templates</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com/page/1">Free CSS Templates</a></li>
|
|||
|
|
<li><a href="http://www.webdesignmo.com/blog">Web Design Resources</a></li>
|
|||
|
|
<li><a href="http://www.templatemo.com">Website Templates</a></li>
|
|||
|
|
<li><a href="http://www.koflash.com">Free Web Gallery</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col_4">
|
|||
|
|
<h5>Twitter</h5>
|
|||
|
|
<ul class="twitter_post">
|
|||
|
|
<li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
|
|||
|
|
<li>Proin dignissim, diam nec <a href="#">@TemplateMo</a> enim lorem tempus orci, ac imperdiet purus in justo.</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col_4 no_margin_right">
|
|||
|
|
<h5>Follow Us</h5>
|
|||
|
|
<div class="footer_social_button">
|
|||
|
|
<a href="#"><img src="images/facebook.png" title="facebook" alt="facebook" /></a>
|
|||
|
|
<a href="#"><img src="images/flickr.png" title="flickr" alt="flickr" /></a>
|
|||
|
|
<a href="#"><img src="images/twitter.png" title="twitter" alt="twitter" /></a>
|
|||
|
|
<a href="#"><img src="images/youtube.png" title="youtube" alt="youtube" /></a>
|
|||
|
|
<a href="#"><img src="images/feed.png" title="rss" alt="rss" /></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="cleaner h20"></div>
|
|||
|
|
|
|||
|
|
<p>Copyright © 2048 <br /> Your Company Name | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a></p>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="cleaner"></div>
|
|||
|
|
</div> <!-- end of footer -->
|
|||
|
|
</div> <!-- end of footer wrapper -->
|
|||
|
|
</body>
|
|||
|
|
</html>
|