253js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板

共22个文件

jpg：17个

png：3个

html：1个

网页模板

前端源码

62 浏览量 2023-08-04 09:25:48 上传评论收藏 104KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

253js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （22个子文件）

253

1.jpg 79KB

index.html 9KB

images

templatemo_footer_bg.jpg 426B

templatemo_image_02.jpg 2KB

templatemo_banner_image_bg.png 4KB

templatemo_menu_right.jpg 1KB

templatemo_header_bg.jpg 377B

templatemo_side_column_divider.jpg 307B

templatemo_logo.jpg 3KB

templatemo_banner_repeat.jpg 357B

templatemo_header_02_bg.jpg 327B

templatemo_header_01_bg.jpg 725B

templatemo_image_03.jpg 6KB

templatemo_banner_bg.jpg 5KB

templatemo_logo_blank.jpg 742B

templatemo_button_01.png 734B

templatemo_menu_left.jpg 414B

templatemo_footer_title_bg.png 895B

templatemo_image_04.jpg 2KB

templatemo_menu_divider.jpg 311B

templatemo_image_01.jpg 20KB

templatemo_style.css 7KB

<!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>Simple Gray, Professional free website template</title> <meta name="keywords" content="free templates, website templates, CSS, XHTML" /> <meta name="description" content="Simple Gray - Professional free XHTML/CSS template provided from HtmlDivCss.com" /> <link href="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> </head> <body> <div id="templatemo_header_wrapper">  <div id="templatemo_header"> <div id="site_logo"></div> <div id="templatemo_menu"> <div id="templatemo_menu_left"></div> <ul> <li><a href="#" class="current">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Gallery</a></li> <li><a href="#">Company</a></li> <li><a href="#" class="last">Contact</a></li> </ul> </div>  </div>  </div>  <div id="templatemo_banner_wrapper"> <div id="templatemo_banner"> <div id="templatemo_banner_image"> <div id="templatemo_banner_image_wrapper"> <img src="images/templatemo_image_01.jpg" alt="image" /> </div> </div> <div id="templatemo_banner_content"> <div class="header_01">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> <p>Aliquam dignissim elementum est sit amet iaculis. Integer pretium ultricies risus, condimentum molestie odio euismod vitae. </p> <div class="button_01"><a href="#">Read more</a></div> </div> <div class="cleaner"></div> </div>  </div>  <div id="templatemo_content_wrapper"> <div id="templatemo_content"> <div id="column_w530"> <div class="header_02">Welcome to our WEBSITE!</div> <p class="em_text">This is a professional XHTML/CSS layout provided by <a href="http://www.htmldivcss.com" target="_parent">模板在线</a> for free of charge. You can use this template for any purpose. Credit goes to <a href="#" target="_blank">Free Photos</a> for photos.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a justo dolor. Duis in tincidunt lorem. Nunc et tellus nisi. Nulla non velit lectus. Morbi luctus ullamcorper felis, non gravida neque congue sit amet.</p> <div class="margin_bottom_20"></div> <ul class="content_list_01"> <li>Integer tempor, libero quis laoreet dapibus, quam mauris hendrerit urna, vel feugiat dolor lectus non velit. Fusce at nisl libero, ac fringilla risus.</li> <li>Proin non velit nec enim volutpat euismod. Phasellus lorem velit, porttitor non iaculis in, euismod a metus. Nullam orci odio, dignissim a egestas ac, sollicitudin in quam.</li> </ul> <div class="margin_bottom_20"></div> <div class="content_section_01"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a justo dolor. Duis in tincidunt lorem. Nunc et tellus nisi. Nulla non velit lectus. Morbi luctus ullamcorper felis, non gravida neque congue sit amet. Nam nec mi metus, ac elementum velit. Etiam vel arcu velit, eget consequat risus. </div> <div class="cleaner"></div> </div> <div id="column_w300"> <div class="header_03">Latest News</div> <div class="column_w300_section_01"> <div class="news_image_wrapper"> <img src="images/templatemo_image_02.jpg" alt="image" /> </div> <div class="news_content"> <div class="news_date">OCT 29, 2024</div> <div class="header_04"><a href="#">Lorem ipsum dolor sit</a></div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a justo dolor.</p> </div> <div class="cleaner"></div> </div> <div class="column_w300_section_01 even_color"> <div class="news_image_wrapper"> <img src="images/templatemo_image_03.jpg" alt="image" /> </div> <div class="news_content"> <div class="news_date">OCT 28, 2024</div> <div class="header_04"><a href="#">Nam dictum pellentesque</a></div> <p>Nam ultricies cursus enim, non aliquet orci lacinia ac. Etiam lobortis adipiscing.</p> </div> <div class="cleaner"></div> </div> <div class="column_w300_section_01"> <div class="news_image_wrapper"> <img src="images/templatemo_image_04.jpg" alt="image" /> </div> <div class="news_content"> <div class="news_date">OCT 27, 2024</div> <div class="header_04"><a href="#">Donec faucibus tortor</a></div> <p>Aliquam porttitor nibh in erat porttitor in accumsan dui pulvinar.</p> </div> <div class="cleaner"></div> </div> <div class="cleaner"></div> </div> <div class="cleaner"></div> </div>  </div>  <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> <div class="section_w180"> <div class="header_05">Services</div> <div class="section_w180_content"> <ul class="footer_menu_list"> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Cum sociis</a></li> <li><a href="#">Donec quam</a></li> <li><a href="#">Nulla consequat</a></li> <li><a href="#">In enim justo</a></li> </ul> </div> </div> <div class="section_w180"> <div class="header_05">About</div> <div class="section_w180_content"> <ul class="footer_menu_list"> <li><a href="#">Nullam quis</a></li> <li><a href="#">Sed consequat</a></li> <li><a href="#">Cras dapibus</a></li> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Cum sociis</a></li> </ul> </div> </div> <div class="section_w180"> <div class="header_05">Cool links</div> <div class="section_w180_content"> <ul class="footer_menu_list"> <li><a href="#">Aenean vulputate</a></li> <li><a href="#">Etiam ultricies</a></li> <li><a href="#">Nullam quis</a></li> <li><a href="#">Sed consequat</a></li> <li><a href="#">Cras dapibus</a></li>

评论收藏

内容反馈