<!DOCTYPE html>
<html lang="en">
<head>
<title>Home 01</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
<link rel="icon" type="image/png" href="images/icons/favicon.png"/>
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/fontawesome-5.0.8/css/fontawesome-all.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="css/util.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body class="animsition">
<!-- Header -->
<header>
<!-- Header desktop -->
<div class="container-menu-desktop">
<div class="topbar">
<div class="content-topbar container h-100">
<div class="left-topbar">
<span class="left-topbar-item flex-wr-s-c">
<span>
New York, NY
</span>
<img class="m-b-1 m-rl-8" src="images/icons/icon-night.png" alt="IMG">
<span>
HI 58° LO 56°
</span>
</span>
<a href="#" class="left-topbar-item">
About
</a>
<a href="#" class="left-topbar-item">
Contact
</a>
<a href="#" class="left-topbar-item">
Sing up
</a>
<a href="#" class="left-topbar-item">
Log in
</a>
</div>
<div class="right-topbar">
<a href="#">
<span class="fab fa-facebook-f"></span>
</a>
<a href="#">
<span class="fab fa-twitter"></span>
</a>
<a href="#">
<span class="fab fa-pinterest-p"></span>
</a>
<a href="#">
<span class="fab fa-vimeo-v"></span>
</a>
<a href="#">
<span class="fab fa-youtube"></span>
</a>
</div>
</div>
</div>
<!-- Header Mobile -->
<div class="wrap-header-mobile">
<!-- Logo moblie -->
<div class="logo-mobile">
<a href="index.html"><img src="images/icons/logo-01.png" alt="IMG-LOGO"></a>
</div>
<!-- Button show menu -->
<div class="btn-show-menu-mobile hamburger hamburger--squeeze m-r--8">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</div>
</div>
<!-- Menu Mobile -->
<div class="menu-mobile">
<ul class="topbar-mobile">
<li class="left-topbar">
<span class="left-topbar-item flex-wr-s-c">
<span>
New York, NY
</span>
<img class="m-b-1 m-rl-8" src="images/icons/icon-night.png" alt="IMG">
<span>
HI 58° LO 56°
</span>
</span>
</li>
<li class="left-topbar">
<a href="#" class="left-topbar-item">
About
</a>
<a href="#" class="left-topbar-item">
Contact
</a>
<a href="#" class="left-topbar-item">
Sing up
</a>
<a href="#" class="left-topbar-item">
Log in
</a>
</li>
<li class="right-topbar">
<a href="#">
<span class="fab fa-facebook-f"></span>
</a>
<a href="#">
<span class="fab fa-twitter"></span>
</a>
<a href="#">
<span class="fab fa-pinterest-p"></span>
</a>
<a href="#">
<span class="fab fa-vimeo-v"></span>
</a>
<a href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
</ul>
<ul class="main-menu-m">
<li>
<a href="index.html">Home</a>
<ul class="sub-menu-m">
<li><a href="index.html">Homepage v1</a></li>
<li><a href="home-02.html">Homepage v2</a></li>
<li><a href="home-03.html">Homepage v3</a></li>
</ul>
<span class="arrow-main-menu-m">
<i class="fa fa-angle-right" aria-hidden="true"></i>
</span>
</li>
<li>
<a href="category-01.html">News</a>
</li>
<li>
<a href="category-02.html">Entertainment </a>
</li>
<li>
<a href="category-01.html">Business</a>
</li>
<li>
<a href="category-02.html">Travel</a>
</li>
<li>
<a href="category-01.html">Life Style</a>
</li>
<li>
<a href="category-02.html">Video</a>
</li>
<li>
<a href="#">Features</a>
<ul class="sub-menu-m">
<li><a href="category-01.html">Category Page v1</a></li>
<li><a href="category-02.html">Category Page v2</a></li>
<li><a href="blog-grid.html">Blog Grid Sidebar</a></li>
<li><a href="blog-list-01.html">Blog List Sidebar v1</a></li>
<li><a href="blog-list-02.html">Blog List Sidebar v2</a></li>
<li><a href="blog-detail-01.html">Blog Detail Sidebar</a></li>
<li><a href="blog-detail-02.html">Blog Detail No Sidebar</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<span class="arrow-main-menu-m">
<i class="fa fa-angle-right" aria-hidden="true"></i>
</span>
</li>
</ul>
</div>
<!-- -->
<div class="wrap-logo container">
<!-- Logo desktop -->
<div class="logo">
<a href="index.html"><img src="images/icons/logo-01.png" alt="LOGO"></a>
</div>
<!-- Banner -->
<div class="banner-header">
<a href="#"><img src="images/banner-01.jpg" alt="IMG"></a>
</div>
</div>
<!-- -->
<div class="wrap-main-nav">
<div class="main-nav">
<!-- Menu desktop -->
<nav class="menu-desktop">
<a class="logo-stick" href="index.html">
<img src="images/icons/logo-01.png" alt="LOGO">
</a>
<ul class="main-menu">
<li class="main-menu-active">
<a href="index.html">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Homepage v1</a></li>
<li><a href="home-02.html">Homepage v2</a></li>
<li><a href="home-03.html">Homepage v3</a></li>
</ul>
</li>
<li class="mega-menu-item">
<a href="category-01.html">News</a>
<div class="sub-mega-menu">
<div class="nav flex-column nav-pills" role="tablist">
<a class="nav-link active" data-toggle="pill" href="#news-0" role="tab">All</a>
<a class="nav-link" data-toggle="pill" href="#news-1" role="tab">Entertaiment</a>
<a class="nav-link" data-toggle="pill" href="#news-2" role="tab">Fashion</a>
<a class="nav-link" data-toggle="pill" href="
新闻门户展示响应式网页模板-适配移动端-HTML源码.zip
版权申诉
155 浏览量
2024-03-27
09:02:17
上传
评论
收藏 23.27MB ZIP 举报
新闻门户展示响应式网页模板-适配移动端-HTML源码.zip （473个子文件） 
bootstrap.css 153KB bootstrap.css 153KB util.css 139KB util.css 139KB bootstrap.min.css 122KB bootstrap.min.css 122KB util.min.css 119KB util.min.css 119KB material-design-iconic-font.css 88KB material-design-iconic-font.css 88KB material-design-iconic-font.min.css 69KB material-design-iconic-font.min.css 69KB fontawesome-all.css 43KB fontawesome-all.css 43KB fontawesome.css 41KB fontawesome.css 41KB animsition.css 38KB animsition.css 38KB main.css 37KB main.css 37KB font-awesome.css 37KB font-awesome.css 37KB fontawesome-all.min.css 35KB fontawesome-all.min.css 35KB fontawesome.min.css 33KB fontawesome.min.css 33KB font-awesome.min.css 30KB font-awesome.min.css 30KB bootstrap-grid.css 28KB bootstrap-grid.css 28KB animsition.min.css 27KB animsition.min.css 27KB hamburgers.css 24KB hamburgers.css 24KB animate.css 23KB animate.css 23KB bootstrap-grid.min.css 21KB bootstrap-grid.min.css 21KB hamburgers.min.css 19KB hamburgers.min.css 19KB bootstrap-reboot.css 4KB bootstrap-reboot.css 4KB bootstrap-reboot.min.css 4KB bootstrap-reboot.min.css 4KB fa-regular.css 705B fa-regular.css 705B fa-solid.css 698B fa-solid.css 698B fa-brands.css 686B fa-brands.css 686B fa-regular.min.css 650B fa-regular.min.css 650B fa-solid.min.css 642B fa-solid.min.css 642B fa-brands.min.css 632B fa-brands.min.css 632B fontawesome-webfont.eot 162KB fontawesome-webfont.eot 162KB fa-solid-900.eot 104KB fa-solid-900.eot 104KB fa-brands-400.eot 96KB fa-brands-400.eot 96KB Material-Design-Iconic-Font.eot 41KB Material-Design-Iconic-Font.eot 41KB fa-regular-400.eot 30KB fa-regular-400.eot 30KB
index.html 147KB index.html 147KB home-03.html 113KB home-03.html 113KB home-02.html 101KB home-02.html 101KB category-01.html 93KB category-01.html 92KB blog-grid.html 89KB blog-grid.html 88KB blog-list-02.html 88KB blog-list-02.html 87KB blog-detail-01.html 87KB blog-list-01.html 87KB blog-detail-01.html 87KB blog-list-01.html 86KB category-02.html 86KB category-02.html 86KB blog-detail-02.html 80KB blog-detail-02.html 79KB about.html 79KB about.html 78KB contact.html 78KB contact.html 77KB
03_HomePage_v3.jpg 1.6MB 02_HomePage_v2.jpg 1.58MB 08_Blog_List_With_Sidebar_v2.jpg 1.21MB 01_HomePage_v1.jpg 1.13MB 04_CategoryPage_v1.jpg 979KB 05_CategoryPage_v2.jpg 893KB 06_Blog_Grid_With_Sidebar.jpg 761KB 10_Blog_Details_No_Sidebar.jpg 716KB 07_Blog_List_With_Sidebar_v1.jpg 628KB 09_Blog_Details_With_Sidebar.jpg 500KB共 473 条
- 1
- 2
- 3
- 4
- 5
资源评论
