<!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>News Website Layout - free website template</title>
<meta name="keywords" content="News Website Layout, free template, free website, CSS, HTML" />
<meta name="description" content="News Website Layout - free HTML CSS template provided from HtmlDivCss.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js">
/***********************************************
* Tab Content script v2.2- © 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>
<!-- HTML CSS Template from www.htmldivcss.com -->
</head>
<body>
<div id="templatemo_container">
<div id="templatemo_top_panel">
<div id="templatemo_sitetitle">
NEWS Website
</div>
<div id="templatemo_searchbox">
<form action="#" method="get">
<input name="search" type="radio" value="thissite" checked="checked" />
this site <input type="radio" name="search" value="theweb" />
the web <br />
<input type="text" name="q" size="10" id="searchfield" title="searchfield" />
<input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />
</form>
</div>
<div id="templatemo_currentdate">
<script type="text/javascript">
<!--
var m_names = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
var d_names = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
var currentTime = new Date()
var day = currentTime.getDay()
var month = currentTime.getMonth() + 1
var date = currentTime.getDate()
var year = currentTime.getFullYear()
document.write( d_names[day] + ", " + date + " " + m_names[month] + " " + year + ", ")
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10){
minutes = "0" + minutes
}
document.write(hours + ":" + minutes + " ")
if(hours > 11){
document.write("PM")
} else {
document.write("AM")
}
//-->
</script>
</div>
</div> <!-- end of top panel -->
<div id="templatemo_menu">
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="#">Daily News</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Politics</a></li>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Technology & Science</a></li>
</ul>
</div>
<div id="templatemo_content">
<div id="templatemo_main_leftcol">
<div class="templatemo_leftcol_subcol">
<div id="templatemo_topnews">
<img src="images/templatemo_image_01.jpg" alt="image" />
<h1>Free CSS Template from HtmlDivCss.com</h1>
<p align="justify">
This website template is provided by <a href="http://www.htmldivcss.com/" target="_parent">网页模板</a> for FREE of charge. Feel free to use this web layout for your websites. Photos are from <a href="http://www.publicdomainpictures.net/" target="_blank">PublicDomainPictures</a>.</p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pulvinar scelerisque ante. <a href="#">full story</a></p>
<span class="updatedtime">updated 12 minutes ago</span>
</div>
<div id="templatemo_gallery_section">
<h2>Today's Images</h2>
<div id="image_section">
<a href="#"><img src="images/templatemo_image_02.jpg" alt="image" /></a>
<a href="#"><img src="images/templatemo_image_03.jpg" alt="image" /></a>
<a href="#"><img src="images/templatemo_image_04.jpg" alt="image" /></a>
<a href="#"><img src="images/templatemo_image_05.jpg" alt="image" /></a>
<a href="#"><img src="images/templatemo_image_06.jpg" alt="image" /></a>
<a href="#"><img src="images/templatemo_image_07.jpg" alt="image" /></a>
</div>
<div class="view_all"><a href="#">View All Photos</a></div>
</div>
</div> <!-- end of left column -->
<div class="templatemo_leftcol_subcol">
<div class="regular_section">
<h2>General News</h2>
<div class="newsbox"><img src="images/templatemo_image_08.jpg" alt="image" /><span class="newstitle">News Title 01</span><br />
<p>
Lorem ipsum dolor sit amet, adipiscing elit. Nunc quis sem nec tincidunt. Duis vitae velit sed dui malesuada. <a href="#">full story</a> </p>
</div>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Duis mollis aliquet ligula</a></li>
<li><a href="#">Maecenas adipiscing elementum ipsum.</a></li>
<li><a href="#">Nunc blandit orci sit amet risus.</a></li>
<li><a href="#">Cum sociis natoque penatibus et magnis dis</a></li>
<li><a href="#">Quisque in diam a justo condimentum</a></li>
</ul>
<a href="#">Read all news for the last 24 hrs</a>
</div>
<div class="regular_section">
<h2>Sports</h2>
<div class="newsbox"><img src="images/templatemo_image_12.jpg" alt="image" /><span class="newstitle">News Title 02</span><br />
<p>
Morbi tristique, risus quis congue pulvinar, nisl nisi commodo diam, a porta nisi ligula ac massa. Vestibulum blandit <a href="#">full story</a> </p>
</div>
<ul>
<li><a href="#">Quisque in diam a justo condimentum</a></li>
<li><a href="#">Proin vel libero id erat venenatis accumsan</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Maecenas adipiscing elementum ipsum</a></li>
<li><a href="#">Nunc blandit orci sit amet risus</a></li>
<li><a href="#">Cum sociis natoque penatibus et magnis dis</a></li>
</ul>
<a href="#">Read All Latest News</a>
</div>
<div class="regular_section">
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
282_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
需积分: 0 177 浏览量
2023-08-03
11:28:29
上传
评论
收藏 608KB ZIP 举报
282_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （32个子文件） 
282 
1.jpg 109KB
tabcontent.css 4KB tabcontent.js 9KB
index.html 21KB images Untitled-3.psd 175KB templatemo_image_05.jpg 13KB templatemo_image_02.jpg 14KB Untitled-1.psd 150KB ad(468x60)banner.jpg 20KB
templatemo_menu_bg.gif 155B shade.gif 167B templatemo_search_button.gif 1KB templatemo_top_panel_background.jpg 19KB templatemo_image_09.jpg 18KB templatemo.jpg 16KB templatemo_image_08.jpg 24KB templatemo_image_03.jpg 15KB templatemo_image_11.jpg 13KB flashmo.jpg 16KB Untitled-2.psd 363KB templatemo_ad(320x250).jpg 41KB templatemo_image_12.jpg 15KB shadeactive.gif 151B flashband.jpg 16KB templatemo_image_10.jpg 13KB templatemo_image_07.jpg 14KB webdesignmo.jpg 15KB templatemo_listicon.gif 124B templatemo_image_04.jpg 13KB templatemo_image_01.jpg 32KB templatemo_image_06.jpg 13KB templatemo_style.css 7KB资源评论
