<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BizNews - Free News Website Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Free HTML Templates" name="keywords">
<meta content="Free HTML Templates" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Topbar Start -->
<div class="container-fluid d-none d-lg-block">
<div class="row align-items-center bg-dark px-lg-5">
<div class="col-lg-9">
<nav class="navbar navbar-expand-sm bg-dark p-0">
<ul class="navbar-nav ml-n2">
<li class="nav-item border-right border-secondary">
<a class="nav-link text-body small" href="#">Monday, January 1, 2045</a>
</li>
<li class="nav-item border-right border-secondary">
<a class="nav-link text-body small" href="#">Advertise</a>
</li>
<li class="nav-item border-right border-secondary">
<a class="nav-link text-body small" href="#">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link text-body small" href="#">Login</a>
</li>
</ul>
</nav>
</div>
<div class="col-lg-3 text-right d-none d-md-block">
<nav class="navbar navbar-expand-sm bg-dark p-0">
<ul class="navbar-nav ml-auto mr-n2">
<li class="nav-item">
<a class="nav-link text-body" href="#"><small class="fab fa-twitter"></small></a>
</li>
<li class="nav-item">
<a class="nav-link text-body" href="#"><small class="fab fa-facebook-f"></small></a>
</li>
<li class="nav-item">
<a class="nav-link text-body" href="#"><small class="fab fa-linkedin-in"></small></a>
</li>
<li class="nav-item">
<a class="nav-link text-body" href="#"><small class="fab fa-instagram"></small></a>
</li>
<li class="nav-item">
<a class="nav-link text-body" href="#"><small class="fab fa-google-plus-g"></small></a>
</li>
<li class="nav-item">
<a class="nav-link text-body" href="#"><small class="fab fa-youtube"></small></a>
</li>
</ul>
</nav>
</div>
</div>
<div class="row align-items-center bg-white py-3 px-lg-5">
<div class="col-lg-4">
<a href="index.html" class="navbar-brand p-0 d-none d-lg-block">
<h1 class="m-0 display-4 text-uppercase text-primary">Biz<span class="text-secondary font-weight-normal">News</span></h1>
</a>
</div>
<div class="col-lg-8 text-center text-lg-right">
<a href="https://htmlcodex.com"><img class="img-fluid" src="img/ads-728x90.png" alt=""></a>
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar Start -->
<div class="container-fluid p-0">
<nav class="navbar navbar-expand-lg bg-dark navbar-dark py-2 py-lg-0 px-lg-5">
<a href="index.html" class="navbar-brand d-block d-lg-none">
<h1 class="m-0 display-4 text-uppercase text-primary">Biz<span class="text-white font-weight-normal">News</span></h1>
</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between px-0 px-lg-3" id="navbarCollapse">
<div class="navbar-nav mr-auto py-0">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="category.html" class="nav-item nav-link">Category</a>
<a href="single.html" class="nav-item nav-link">Single News</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Dropdown</a>
<div class="dropdown-menu rounded-0 m-0">
<a href="#" class="dropdown-item">Menu item 1</a>
<a href="#" class="dropdown-item">Menu item 2</a>
<a href="#" class="dropdown-item">Menu item 3</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
<div class="input-group ml-auto d-none d-lg-flex" style="width: 100%; max-width: 300px;">
<input type="text" class="form-control border-0" placeholder="Keyword">
<div class="input-group-append">
<button class="input-group-text bg-primary text-dark border-0 px-3"><i
class="fa fa-search"></i></button>
</div>
</div>
</div>
</nav>
</div>
<!-- Navbar End -->
<!-- Main News Slider Start -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-7 px-0">
<div class="owl-carousel main-carousel position-relative">
<div class="position-relative overflow-hidden" style="height: 500px;">
<img class="img-fluid h-100" src="img/news-800x500-1.jpg" style="object-fit: cover;">
<div class="overlay">
<div class="mb-2">
<a class="badge badge-primary text-uppercase font-weight-semi-bold p-2 mr-2"
href="">Business</a>
<a class="text-white" href="">Jan 01, 2045</a>
</div>
<a class="h2 m-0 text-white text-uppercase font-weight-bold" href="">Lorem ipsum dolor sit amet elit. Proin vitae porta diam...</a>
</div>
</div>
<div class="position-relative overflow-hidden" style="height: 500px;">
<img class="img-fluid h-100" src="img/news-800x500-2.jpg" style="object-fit: cover;">
<div class="overlay">
<div class="mb-2">
<a class="badge badge-primary text-uppercase font-weight-semi-bold p-2 mr-2"
href="">Business</a>
<a class="text-white" href="">Jan 01, 2045</a>
</div>
<a class="h2 m-0 text-white text-uppercas
没有合适的资源?快使用搜索试试~ 我知道了~
HTML网站源码-行业商务新闻网站模板-响应式源码.zip
共127个文件
scss:91个
jpg:15个
css:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 93 浏览量
2024-03-27
08:53:05
上传
评论
收藏 690KB ZIP 举报
温馨提示
这款HTML网站源码采用了尖端的响应式网页设计,为你的在线展示赋予了无与伦比的灵活性和魅力。不论是在狭窄的手机屏幕还是宽敞的桌面显示器上,它都能以优雅的姿态展现内容,提供无缝的用户体验。这套源码融合了最新技术,让搭建一个专业级别的网站变得轻而易举,适合从个人品牌推广到企业级项目展示的各种需求。 它的设计理念不仅注重视觉美感,还兼顾了操作便捷性,让非技术背景的用户也能轻松管理和更新网站。此外,这套源码优化了搜索引擎的检索路径,让你的内容更容易被找到,增加了曝光率和访问流量。 投资这份专业的HTML网站源码,你将拥有一个兼具美观、功能性和效率的在线平台,它将是你在数字世界中取得成功的强力支撑
资源推荐
资源详情
资源评论
收起资源包目录
HTML网站源码-行业商务新闻网站模板-响应式源码.zip (127个子文件)
style.css 171KB
style.min.css 139KB
owl.carousel.css 4KB
owl.carousel.min.css 3KB
owl.theme.default.css 1KB
owl.theme.green.css 1KB
owl.theme.green.min.css 936B
owl.theme.default.min.css 936B
ajax-loader.gif 3KB
index.html 54KB
category.html 42KB
single.html 36KB
contact.html 21KB
free-news-website-template.jpg 132KB
news-700x435-4.jpg 58KB
news-700x435-5.jpg 45KB
news-700x435-1.jpg 44KB
news-800x500-1.jpg 42KB
news-800x500-3.jpg 32KB
news-700x435-2.jpg 31KB
news-800x500-2.jpg 30KB
news-700x435-3.jpg 27KB
news-110x110-5.jpg 5KB
news-110x110-1.jpg 4KB
news-110x110-3.jpg 4KB
news-110x110-2.jpg 4KB
user.jpg 3KB
news-110x110-4.jpg 3KB
owl.carousel.js 83KB
owl.carousel.min.js 42KB
easing.js 4KB
main.js 4KB
easing.min.js 2KB
LICENSE 1KB
ads-728x90.png 28KB
owl.video.play.png 5KB
_variables.scss 47KB
_custom-forms.scss 15KB
_reboot.scss 11KB
_forms.scss 9KB
_navbar.scss 7KB
_rfs.scss 6KB
_modal.scss 6KB
_card.scss 6KB
_input-group.scss 6KB
_forms.scss 5KB
_carousel.scss 5KB
_popover.scss 5KB
style.scss 5KB
_breakpoints.scss 4KB
_dropdown.scss 4KB
_functions.scss 4KB
_list-group.scss 4KB
_button-group.scss 4KB
_tables.scss 3KB
_buttons.scss 3KB
_print.scss 3KB
_flex.scss 3KB
_buttons.scss 3KB
_tooltip.scss 2KB
_type.scss 2KB
_nav.scss 2KB
_text.scss 2KB
_spacing.scss 2KB
_grid-framework.scss 2KB
_gradients.scss 2KB
_grid.scss 2KB
_border-radius.scss 2KB
_pagination.scss 2KB
_borders.scss 2KB
_grid.scss 2KB
_caret.scss 1KB
_breadcrumb.scss 1KB
_progress.scss 1KB
_alert.scss 1KB
_image.scss 1KB
_images.scss 1KB
_toasts.scss 1KB
_badge.scss 1KB
_spinners.scss 1KB
_mixins.scss 1KB
_code.scss 1012B
_close.scss 940B
bootstrap.scss 918B
_embed.scss 846B
_screen-reader.scss 826B
_table-row.scss 794B
_hover.scss 757B
_background-variant.scss 695B
_transition.scss 681B
_root.scss 627B
_deprecate.scss 613B
bootstrap-grid.scss 570B
_utilities.scss 536B
_box-shadow.scss 532B
_display.scss 519B
_sizing.scss 498B
_position.scss 484B
_reset-text.scss 481B
_text-emphasis.scss 474B
共 127 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 4500
- 资源: 4093
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功