<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>NewsBit - News Magazine Newspaper HTML Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- theme meta -->
<meta name="theme-name" content="newsbit">
<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
<!-- THEME CSS
================================================== -->
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- FontAwesome -->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!-- Slick Carousel -->
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/slick-theme.css">
<!-- manin stylesheet -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="trending-bar-dark hidden-xs">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="trending-bar-title">Trending News</h3>
<div class="trending-news-slider">
<div class="item">
<div class="post-content">
<h2 class="post-title title-sm">
<a href="single-post.html">Ex-Googler warns coding bootcamps are lacking</a>
</h2>
</div>
</div>
<div class="item">
<div class="post-content">
<h2 class="post-title title-sm">
<a href="single-post.html">Intel’s new smart glasses actually look good</a>
</h2>
</div>
</div>
<div class="item">
<div class="post-content">
<h2 class="post-title title-sm">
<a href="single-post.html">Here's How To Get Free Pizza On 2 hour</a>
</h2>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 top-nav-social-lists text-lg-right col-lg-4 ml-lg-auto">
<ul class="list-unstyled mt-4 mt-lg-0">
<li>
<a href="#">
<span class="social-icon">
<i class="fa fa-facebook-f"></i>
</span>
</a>
<a href="#">
<span class="social-icon">
<i class="fa fa-twitter"></i>
</span>
</a>
<a href="#">
<span class="social-icon">
<i class="fa fa-google-plus"></i>
</span>
</a>
<a href="#">
<span class="social-icon">
<i class="fa fa-youtube"></i>
</span>
</a>
<a href="#">
<span class="social-icon">
<i class="fa fa-linkedin"></i>
</span>
</a>
<a href="#">
<span class="social-icon">
<i class="fa fa-pinterest-p"></i>
</span>
</a>
<a href="#">
<span class="social-icon">
<i class="fa fa-rss"></i>
</span>
</a>
<a href="#">
<span class="social-icon">
<i class="fa fa-github"></i>
</span>
</a>
<a href="#">
<span class="social-icon">
<i class="fa fa-reddit-alien"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<header class="header-navigation d-none d-lg-block">
<div class="container">
<div class="row align-items-center">
<div class="col-xs-12 col-sm-3 col-md-3">
<!-- Logo -->
<div class="logo">
<a href="">
<img src="assets/images/logo.png" alt=""> <!-- Replace Logo Here -->
</a>
</div>
<!-- End Logo -->
</div>
<div class="col-xs-12 col-sm-9 col-md-9">
<div class="top-ad-banner float-right">
<a href="#">
<img src="assets/images/ad-pro.png" class="img-fluid" alt="banner-ads">
</a>
</div>
</div>
</div>
</div>
</header>
<div class="main-navbar clearfix bg-dark ">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg site-main-nav navigation">
<a class="navbar-brand d-lg-none" href="">
<img src="assets/images/footer-logo.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Home
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="">Home 1</a>
<a class="dropdown-item" href="index-2.html">Home 2</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Post
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="post-left-sidebar.html">Post Left Sidebar</a>
<a class="dropdown-item" href="post-full-width.html">Post Full Width</a>
<a class="dropdown-item" href="single-post.html">Single Post</a>
<a class="dropdown-item" href="post-category-1.html">Category 1</a>
<a class="dropdown-item" href="post-category-2.html">Category 2</a>
<a class="dropdown-item" href="author.html">Author</a>
</div>
</li>
没有合适的资源?快使用搜索试试~ 我知道了~
【前端素材】网页设计与制作,新闻资讯网站源码必备.zip
共99个文件
jpg:31个
woff2:25个
html:18个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 119 浏览量
2024-03-25
22:34:40
上传
评论
收藏 5.61MB ZIP 举报
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
【前端素材】网页设计与制作,新闻资讯网站源码必备.zip (99个子文件)
【前端素材】网页设计与制作,新闻资讯网站源码必备
网页设计与制作,新闻资讯网站源码必备
terms.html 17KB
single-post.html 31KB
account.html 3KB
job.html 15KB
assets
font
7cHqv4kjgoGqM7E3t-4s6VospT4.woff2 13KB
jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2 20KB
slick.ttf 2KB
7cHpv4kjgoGqM7E_DMs5.woff2 21KB
jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2 7KB
slick.eot 2KB
7cHqv4kjgoGqM7E3p-ks6VospT4.woff2 13KB
7cHqv4kjgoGqM7E3p-ks51os.woff2 21KB
pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2 5KB
fontawesome-webfont.eot 162KB
7cHpv4kjgoGqM7E_Ass52Hs.woff2 13KB
pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2 8KB
7cHpv4kjgoGqM7E_A8s52Hs.woff2 7KB
fontawesome-webfont.woff 96KB
7cHqv4kjgoGqM7E3t-4s6FospT4.woff2 7KB
fontawesome-webfont.woff2 75KB
pxiEyp8kv8JHgFVrJJbecmNE.woff2 39KB
7cHqv4kjgoGqM7E3p-ks6FospT4.woff2 7KB
pxiEyp8kv8JHgFVrJJnecmNE.woff2 5KB
pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2 38KB
pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2 38KB
pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2 8KB
7cHqv4kjgoGqM7E3t-4s51os.woff2 21KB
pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2 38KB
pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2 5KB
slick.svg 2KB
fontawesome-webfont.svg 434KB
pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2 8KB
fontawesome-webfont.ttf 162KB
pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2 5KB
jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2 28KB
pxiEyp8kv8JHgFVrJJfecg.woff2 8KB
slick.woff 1KB
image
img-1.jpg 57KB
news-04.jpg 93KB
ajax-loader.gif 4KB
img-2.jpg 120KB
news-02.jpg 111KB
js
bootstrap.min.js 49KB
slick.min.js 42KB
custom.js 3KB
jquery.js 94KB
css
style.css 39KB
bootstrap.min.css 137KB
slick.css 2KB
font-awesome.min.css 30KB
css.css 10KB
slick-theme.css 3KB
images
broken.png 11KB
author-01.jpg 8KB
news-12.jpg 232KB
news-07.jpg 243KB
ad-sidebar.png 15KB
img-1.jpg 57KB
news-17.jpg 368KB
ad-pro.png 35KB
apple-touch-icon.png 5KB
author-02.jpg 4KB
news-09.jpg 391KB
logo.png 3KB
news-18.jpg 221KB
news-01.jpg 71KB
news-10.jpg 360KB
news-04.jpg 93KB
news-05.jpg 147KB
news-16.jpg 274KB
news-15.jpg 197KB
news-11.jpg 325KB
team-3.jpg 96KB
news-06.jpg 48KB
news-14.jpg 302KB
footer-logo.png 3KB
news-08.jpg 63KB
author-03.jpg 8KB
news-03.jpg 53KB
team-1.jpg 77KB
img-2.jpg 120KB
team-2.jpg 72KB
news-13.jpg 84KB
news-19.jpg 191KB
news-02.jpg 111KB
post-full-width.html 27KB
post-left-sidebar.html 32KB
search.html 15KB
privacy.html 17KB
404.html 14KB
job-info.html 15KB
index-2.html 56KB
post-category-1.html 26KB
author.html 24KB
index.html 56KB
contact.html 16KB
about.html 16KB
post-category-2.html 24KB
signup.html 4KB
共 99 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 6345
- 资源: 4732
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功