<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.5.2.js" ></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<script type="text/javascript" src="js/kwicks-1.5.1.pack.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">
#ContactForm .bg div, #ContactForm .bg {behavior:url(js/PIE.htc)}
</style>
<![endif]-->
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http//www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
</head>
<body id="page1">
<div class="body1">
<div class="body2">
<div class="main">
<!-- header -->
<header>
<h1><a href="index.html" id="logo">Business.Co Best Solutions For You</a></h1>
</header>
<div class="ic">More Website Templates at TemplateMonster.com!</div>
<!-- / header -->
<!-- content -->
<section id="content">
<div class="cont_bot_left"></div>
<div class="cont_bot_right"></div>
<div class="cont_top_left"></div>
<div class="cont_top_right"></div>
<div class="inner">
<div class="kwiks_wrap">
<ul class="kwicks horizontal">
<li id="page_1">
<div class="text">Main Page</div>
<div class="cont">
<p class="pad_top1">
<strong>Business.Co</strong> is one of <a href="http//blog.templatemonster.com/free-website-templates/" target="_blank">free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1024X768 screen resolution. It is also XHTML & CSS valid.
</p>
<div class="wrapper">
<figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure>
<p class="pad_top1">
This <a href="http//blog.templatemonster.com/2011/04/25/free-business-website-template-accordion-navigation/" target="_blank">Business.Co Template</a> goes with two packages – with PSD source files and<br> without them. PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD source is available for anyone without registration).
</p>
</div>
<p class="pad_top1">
This website template has several pages: <a href="#page_1">Main Page</a>, <a href="#page_2">Latest News</a>, <a href="#page_3">Services</a>, <a href="#page_4">Products</a>, <a href="#page_5">Contact Us</a> (note that contact us form – doesn’t work).
</p>
</div>
</li>
<li id="page_2">
<div class="text">Latest News</div>
<div class="cont">
<div class="wrapper">
<figure class="left marg_right1"><a href="#"><img src="images/page2_img1.jpg" alt=""></a></figure>
<p class="pad_top1">
<strong>18.04.</strong> <a href="#" class="link1">Lorem ipsum dolor sit amet</a><br>
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
</p>
</div>
<div class="wrapper">
<figure class="left marg_right1"><a href="#"><img src="images/page2_img2.jpg" alt=""></a></figure>
<p class="pad_top1">
<strong>13.04.</strong> <a href="#" class="link1">Ullamco laboris nisiut</a><br>
Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
</div>
<div class="wrapper">
<figure class="left marg_right1"><a href="#"><img src="images/page2_img3.jpg" alt=""></a></figure>
<p class="pad_top1">
<strong>07.04.</strong> <a href="#" class="link1">Excepteur sint occaecat cupidatat</a><br>
Non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.
</p>
</div>
</div>
</li>
<li id="page_3">
<div class="text">Our Services</div>
<div class="cont">
<div class="wrapper">
<article class="cols">
<div class="wrapper pad_bot1">
<figure class="left marg_right2">
<img src="images/page3_img1.jpg" alt="">
</figure>
<p class="pad_top1 pad_bot1"><a href="#" class="link1">Management</a></p>
<p>Minim veniam, quis nostrud exerciioliquip ex ea commodo consequatirure dolor in repre minim.</p>
</div>
<div class="wrapper">
<figure class="left marg_right2">
<img src="images/page3_img2.jpg" alt="">
</figure>
<p class="pad_top1 pad_bot1"><a href="#" class="link1">Banking</a></p>
<p>Consectetur adipisic ingelit, sedo eiusmod tempor incididunt ut labore dolore magna aliqua enimad.</p>
</div>
</article>
<article class="cols pad_left1">
<div class="wrapper pad_bot1">
<figure class="left marg_right2">
<img src="images/page3_img3.jpg" alt="">
</figure>
<p class="pad_top1 pad_bot1"><a href="#" class="link1">Planning</a></p>
<p>Consectetur adipisic ingelit, sedo eiusmod tempor incididunt ut labore dolore magna aliqua enimad.</p>
</div>
<div class="wrapper">
<figure class="left marg_right2">
<img src="images/page3_img4.jpg" alt="">
</figure>
<p class="pad_top1 pad_bot1"><a href="#" class="link1">Tax Services</a></p>
<p>Minim veniam, quis nostrud exerciioliquip ex ea commodo consequatirure dolor in repre minim.</p>
</div>
</article>
</div>
</div>
</li>
<li id="page_4">
<div class="text">Products</div>
<div class="cont">
<div class="wrapper pad_top1">
<article class="cols">
<figure class="pad_bot2 pad_top1">
<a href="#"><img src="images/page4_img1.jpg" alt=""></a>
</figure>
<p class="pad_bot1"><a href="#" class="link1">Product 1</a></p>
<p>Minim veniam, quis nostrud exerciioliquip ex ea commodo coni sequatirure dolor in repre minim.</p>
</article>
<article class="cols pad_left1">
<figure class="pad_bot2 pad_top1">
<a href="#"><img src="images/page4_img2.jpg" alt=""></a>
</figure>
<p class="pad_bot1"><a href="#" class="link1">Product 2</a></p>
<p>Noderit in voluptate velit esse cillum in dolore eu fugiat nulla pariatur. Non proident sunt.</p>
</article>
<article class="cols pad_left1">
<figure class="pad_bot2 pad_top1">
<a href="#"><img src="images/page4_img3.jpg" alt=""></a>
</figure>
<p class="pad_bot1"><a href="#" class="link1">Product 3</a></p>
<p>Minim veniam, quis nostrud exerciioliquip ex ea commodo coni sequatirure dolor in repre minim.</p>
</article>
</div>
</div>
</li>
<li id="page_5">
<div class="text">Contact Us</div>
<div class="cont">
<form id="ContactForm">
<div>
<div class="wrapper"><span>Your Name:</span><div class="bg"><div><input typ
非响应式左右菜单切换画面模板_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
40 浏览量
2023-08-02
17:00:34
上传
评论
收藏 340KB ZIP 举报
非响应式左右菜单切换画面模板_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （53个子文件） 
非响应式左右菜单切换画面模板 js 
PIE.htc 28KB kwicks-1.5.1.pack.js 2KB html5.js 1KB jquery-1.5.2.js 222KB atooltip.jquery.js 4KB script.js 408B css style.css 5KB layout.css 267B reset.css 817B
index.html 9KB images 
page2_img3.jpg 6KB
content_top_left.gif 393B page3_img3.jpg 3KB page1_img1.jpg 10KB
content_bot_right.png 356B page4_img1.jpg 9KB opacity_50_black.png 194B icon6.png 999B page_3.gif 5KB page3_img1.jpg 3KB icon1.png 758B icon4.png 853B logo.png 17KB content_bot_left.png 312B page_5.gif 4KB page4_active.gif 4KB bg_input.gif 98B page3_active.gif 5KB content_top_right.gif 429B page3_img4.jpg 3KB content_top_right.png 392B page_4.gif 4KB icon5.png 873B bg_textarea.gif 141B bg.jpg 2KB bg_img.jpg 99KB content_bot_right.gif 637B bg_top.jpg 8KB page_1.gif 4KB page_2.gif 5KB page4_img2.jpg 10KB page1_active.gif 4KB icon3.png 964B page3_img2.jpg 3KB page2_img2.jpg 6KB page5_active.gif 4KB content_bot_left.gif 393B page2_active.gif 5KB bg_content_right.jpg 1KB page2_img1.jpg 5KB page4_img3.jpg 9KB content_top_left.png 303B icon2.png 613B资源评论
