<!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>Mini Site - free website template, xhtml/css</title>
<meta name="keywords" content="Mini Site, free website template, download xhtml/css source files" />
<meta name="description" content="Mini Site is a free website template provided from moobnn.com and feel free to download and use for your websites." />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="contentslider.css" />
<script type="text/javascript" src="contentslider.js">
/***********************************************
* Featured Content Slider- (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 this script and 100s more
***********************************************/
</script>
<!-- credit goes to http://www.nealgrosskopf.com/tech/thread.asp?pid=37 for vertical and horizontal centering -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> <script type="text/javascript"> (function ($) { $.fn.vAlign = function() { return this.each(function(i){ var h = $(this).height(); var oh = $(this).outerHeight(); var mt = (h + (oh - h)) / 2; $(this).css("margin-top", "-" + mt + "px"); $(this).css("top", "50%"); $(this).css("position", "absolute"); }); }; })(jQuery); (function ($) { $.fn.hAlign = function() { return this.each(function(i){ var w = $(this).width(); var ow = $(this).outerWidth(); var ml = (w + (ow - w)) / 2; $(this).css("margin-left", "-" + ml + "px"); $(this).css("left", "50%"); $(this).css("position", "absolute"); }); }; })(jQuery); $(document).ready(function() { $("#templatemo_container").vAlign(); $("#templatemo_container").hAlign(); }); </script>
</head>
<body>
<div id="templatemo_container">
<div id="templatemo_left_panel">
<div id="logo">
</div>
<div id="paginate-slider4" class="pagination">
<a href="#" class="toc home"> </a>
<a href="#" class="toc services"> </a>
<a href="#" class="toc portfolio"> </a>
<a href="#" class="toc about"> </a>
<a href="#" class="toc contact"> </a>
</div>
</div>
<div id="templatemo_content">
<div id="slider4" class="sliderwrapper">
<div class="contentdiv"> <!-- start of home page -->
<div class="header_01">Welcome to my WEBSITE</div>
<div class="image_wrapper fl">
<img src="images/templatemo_image_01.jpg" alt="image"/>
</div>
<p class="em_text">This free web template is provided by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>. Feel free to download, edit and use this template for your websites.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer enim metus, convallis id semper vel, posuere ac dui. Integer vestibulum, elit non lobortis sodales, dui nibh imperdiet turpis, id lobortis enim turpis eget ante.</p>
<p>Donec non magna nunc. Donec ultricies fermentum sapien in facilisis. Etiam vulputate mattis neque in egestas. Donec porta augue a justo consectetur nec fringilla sem feugiat. Vivamus non lacus elit. Duis tortor orci, consequat ac ullamcorper ac, pulvinar et nunc.</p>
<p>Curabitur sed massa nulla, quis pellentesque neque. Phasellus euismod congue felis eget lacinia. Ut suscipit, nunc a rhoncus rhoncus, risus nibh cursus velit, non placerat ante augue ac leo.</p>
<p>Thank you for visiting <a href="http://www.moobnn.com" target="_parent">our website</a>.</p>
</div> <!-- end of home page -->
<div class="contentdiv"> <!-- start of services page -->
<div class="header_01">Services</div>
<p class="em_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis tortor ut velit suscipit lobortis. Quisque nec massa sapien, nec semper mi. Cras tincidunt posuere tortor vitae blandit.</p>
<ul class="service_list">
<li>Proin ullamcorper placerat purus, quis tempus ligula bibendum ut. </li>
<li>Vivamus augue arcu, lacinia quis varius non, ultrices sit amet tortor.</li>
<li>Nam vestibulum cursus tortor, suscipit vestibulum lorem sagittis at. </li>
<li>Donec pretium dapibus nibh, ac ultrices neque pretium sed.</li>
<li>Maecenas non felis vitae nulla ultrices convallis sed eget quam. </li>
<li>Sed vulputate libero et tellus lacinia pulvinar.</li>
<li>Atiam cursus velit nec eros aliquet aliquet.</li>
<li>Etiam porttitor posuere dui, et imperdiet erat mollis sed. </li>
</ul>
</div> <!-- end of services page -->
<div class="contentdiv"> <!-- start of portfolio -->
<div class="header_01">Portfolio</div>
<div class="margin_bottom_10"></div>
<div class="portfolio">
<div class="port_img">
<img src="images/templatemo_image_05.jpg" alt="project 1" />
</div>
<div class="port_content">
<div class="header_02">Project One</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit convallis id semper vel.</p>
<div class="rc_btn_01"><a href="#">Details</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="margin_bottom_30"></div>
<div class="portfolio">
<div class="port_img">
<img src="images/templatemo_image_06.jpg" alt="project 1" />
</div>
<div class="port_content">
<div class="header_02">Project Two</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit convallis id semper vel.</p>
<div class="rc_btn_01"><a href="#">Details</a></div>
<div class="cleaner"></div>
</div>
</div>
<div class="margin_bottom_30"></div>
<div class="portfolio">
<div class="port_img">
<img src="images/templatemo_image_07.jpg" alt="project 1" />
</div>
<div class="port_content">
<div class="header_02">Project Three</div>
<p>Lorem ipsum dolor s
迷你的滑动窗口CSS模板_窄 jquery 滑动 灰色 按钮 图标_html网站模板_网页源码移动端前端_H5模板_自.rar
46 浏览量
2023-08-06
11:56:01
上传
评论
收藏 321KB RAR 举报
迷你的滑动窗口CSS模板_窄 jquery 滑动 灰色 按钮 图标_html网站模板_网页源码移动端前端_H5模板_自.rar （34个子文件） 
迷你的滑动窗口CSS模板_窄 jquery 滑动 灰色 按钮 图标 templatemo_127_mini_site 
loading.gif 2KB
contentslider.js 10KB
index.html 12KB images 
templatemo_button.jpg 591B templatemo_image_05.jpg 5KB
templatemo_button_03.png 13KB templatemo_image_02.jpg 5KB templatemo_about_hover.png 14KB templatemo_button_02.png 11KB templatemo_button_04.png 13KB templatemo_site_title.png 6KB templatemo_services_hover.png 18KB templatemo_contact.png 15KB templatemo_testimonial.png 15KB templatemo_portfolio_hover.png 15KB templatemo_main_bg.png 192B templatemo_home_menu.png 15KB templatemo_about.png 14KB templatemo_button_05.png 11KB templatemo_home_menu_hover.png 16KB templatemo_bg.png 7KB templatemo_services.png 16KB templatemo_button_01.png 12KB templatemo_image_07.jpg 6KB templatemo_testimonial_hover.png 15KB templatemo_button_06.png 12KB templatemo_image_01.jpg 6KB templatemo_image_06.jpg 4KB templatemo_portfolio.png 15KB templatemo_contact_hover.png 16KB templatemo_site_title_blank.png 2KB templatemo_bg - Copy.png 7KB contentslider.css 3KB templatemo_style.css 4KB资源评论
