时尚新闻资讯HTML模板里面包含8个子页面，适合博客资讯类网站模板。.rar资源-CSDN文库

共76个文件

jpg：27个

png：14个

js：12个

版权申诉

189 浏览量 2021-11-06 12:47:56 上传评论收藏 1.71MB RAR 举报

这款名为“时尚新闻资讯HTML模板”的资源是一款专为博客和资讯类网站设计的网页模板集合。HTML模板是预设计的网页布局，包含了HTML代码、CSS样式表和可能的JavaScript脚本，用于快速构建网站的结构和外观。在这个压缩包中，用户将获得8个不同的子页面，每个页面都针对特定的功能或内容类型进行了优化，以满足不同类型新闻和资讯展示的需求。 1. **首页**：通常，首页作为网站的入口，会展示最新、最热门的新闻标题，以及精心挑选的特色内容，吸引访问者的注意力并引导他们浏览更多内容。 2. **文章详情页**：此页面是展示完整新闻或文章的地方，包括标题、作者、发布日期、正文内容、图片和可能的相关链接。良好的文章详情页设计可以提高用户的阅读体验，鼓励他们阅读更多文章。 3. **分类/标签页**：这些页面按主题或关键词对文章进行组织，便于用户按兴趣查找相关内容。例如，时尚、娱乐、科技等分类。 4. **关于页面**：展示网站的简介、团队信息、联系方式等，增加网站的可信度，并为用户提供与网站管理者沟通的途径。 5. **联系我们页面**：提供表单或其他方式让用户能够直接联系到网站管理员，解决疑问或提出建议。 6. **搜索结果页**：当用户在网站内搜索关键词时，此页面将显示匹配的结果，帮助用户快速找到所需信息。 7. **作者页面**：如果网站有多位作者，这个页面将列出他们的个人资料和文章列表，便于用户关注特定作者。 8. **404错误页**：当用户尝试访问不存在的页面时显示，好的404页面不仅提供返回主页的链接，还可以包含一些幽默或有趣的元素，缓解用户的挫败感。在创建或更新博客或资讯类网站时，使用这样的HTML模板可以显著节省时间和精力。开发者只需要根据自己的需求进行定制，调整颜色方案、字体、图像等元素，就能快速打造出专业且具有吸引力的网站。同时，HTML模板通常遵循现代网页设计标准，如响应式设计，确保网站在不同设备上（如桌面、平板电脑和手机）都能良好展示。这款“时尚新闻资讯HTML模板”为那些希望打造独特、吸引人的在线新闻发布平台的人提供了理想的起点。通过充分利用这8个子页面，你可以构建一个功能齐全、设计精美的网站，满足用户浏览和互动的需求，从而提升网站的用户体验和整体影响力。

资源推荐

资源详情

资源评论

收起资源包目录

时尚新闻资讯HTML模板里面包含8个子页面，适合博客资讯类网站模板。.rar （76个子文件）

时尚新闻资讯HTML模板里面包含8个子页面，适合博客资讯类网站模板。

moban2009

events.html 26KB

breaking.html 28KB

bootstrap.js 66KB

jquery.wmuSlider.js 12KB

jquery.magnific-popup.js 45KB

modernizr.custom.46884.js 9KB

responsiveslides.min.js 3KB

modernizr.custom.min.js 2KB

jquery.marquee.js 17KB

jquery.chocolat.js 10KB

easyResponsiveTabs.js 6KB

jquery-1.11.1.min.js 94KB

jquery.slicebox.js 24KB

jquery.flexisel.js 8KB

short-codes.html 26KB

entertainment.html 16KB

icons.html 123KB

css

style.css 81KB

popuo-box.css 7KB

bootstrap.css 138KB

font-awesome.min.css 28KB

chocolat.css 2KB

index.html 42KB

contact.html 8KB

single.html 14KB

images

left-arrow.png 484B

2.jpg 22KB

10.jpg 20KB

rightw.png 4KB

25.jpg 38KB

3.png 5KB

13.jpg 27KB

icon1.png 789B

14.jpg 22KB

6.jpg 14KB

banner.jpg 228KB

22.jpg 46KB

15.jpg 24KB

16.jpg 55KB

1.jpg 22KB

17.jpg 30KB

img-sp.png 16KB

21.jpg 26KB

1.png 3KB

dott.png 3KB

23.jpg 61KB

26.jpg 46KB

left.png 3KB

dott1.png 3KB

12.jpg 37KB

leftw.png 4KB

5.jpg 21KB

8.jpg 11KB

24.jpg 59KB

20.jpg 36KB

18.jpg 20KB

11.jpg 10KB

right.png 3KB

19.jpg 26KB

32.png 5KB

3.jpg 12KB

7.jpg 13KB

2.png 3KB

9.jpg 56KB

close1.png 295B

4.jpg 11KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE HTML> <html> <head> <title>Icons</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery-1.11.1.min.js"></script>   <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">  <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'> </head> <body>  <div class="banner1"> <div class="banner-info1"> <div class="container"> <nav class="navbar navbar-default">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="logo"> <a class="navbar-brand" href="index.html"><span>N</span> Trendy Blog</a> </div> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav cl-effect-18" id="cl-effect-18"> <li class="act"><a class="active" href="index.html" class="effect1 active">Home</a></li> <li><a href="events.html">Reviews</a></li> <li><a href="breaking.html">Culture</a></li> <li><a href="entertainment.html">Entertainment</a></li> <li role="presentation" class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> Business <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="short-codes.html">Short-Codes</a></li> <li><a href="icons.html">Icons</a></li> </ul> </li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> </nav> </div> </div> </div>   <div class="typo"> <div class="container"> <h3 class="title">Font Icons</h3> <div class="grid_3 grid_4 w3_agileits_icons_page"> <div class="icons"> <section id="new wthree"> <h3 class="page-header page-header icon-subheading">30 New Icons </h3> <div class="row fontawesome-icon-list wthree"> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> fa-asl-interpreting <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> fa-assistive-listening-systems</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-audio-description" aria-hidden="true"></i> fa-audio-description</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-blind" aria-hidden="true"></i> fa-blind</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-braille" aria-hidden="true"></i> fa-braille</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-deaf" aria-hidden="true"></i> fa-deaf</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-deafness" aria-hidden="true"></i> deafness <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-envira" aria-hidden="true"></i> fa-envira</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-fa" aria-hidden="true"></i> fa-fa <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-first-order" aria-hidden="true"></i> fa-first-order</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-font-awesome" aria-hidden="true"></i> fa-font-awesome</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-gitlab" aria-hidden="true"></i> fa-gitlab</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-glide" aria-hidden="true"></i> fa-glide</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-glide-g" aria-hidden="true"></i> fa-glide-g</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> fa-google-plus-circle <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-google-plus-official" aria-hidden="true"></i> fa-google-plus-official</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> fa-hard-of-hearing <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-instagram" aria-hidden="true"></i> fa-instagram</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-low-vision" aria-hidden="true"></i> fa-low-vision</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-pied-piper" aria-hidden="true"></i> fa-pied-piper</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-question-circle-o" aria-hidden="true"></i> fa-question-circle-o</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-sign-language" aria-hidden="true"></i> fa-sign-language</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-signing" aria-hidden="true"></i> fa-signing <span class="text-muted">(alias)</span></a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-snapchat" aria-hidden="true"></i> fa-snapchat</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i> fa-snapchat-ghost</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-snapchat-square" aria-hidden="true"></i> fa-snapchat-square</a></div> <div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-themeisle" aria-hidden="true"></i> fa-themeisle</a></div>

评论收藏

内容反馈

版权申诉