课设&大作业&毕设-杂志媒体信息响应式网站模板-适配移动端-HTML源码.zip资源-CSDN文库

共53个文件

jpg：34个

js：5个

html：5个

版权申诉

响应式网站

HTML源码

适配移动端

JavaScript

191 浏览量 2024-03-29 11:38:12 上传评论收藏 2.29MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

课设&大作业&毕设-杂志媒体信息响应式网站模板-适配移动端-HTML源码.zip （53个子文件）

课设&大作业&毕设-杂志媒体信息响应式网站模板-适配移动端-HTML源码

html

plugin-frameworks

swiper.js 204KB

bootstrap.min.css 139KB

bootstrap.min.js 50KB

swiper.css 21KB

tether.min.js 24KB

jquery-3.2.1.min.js 85KB

03_single post.html 21KB

05_contact.html 5KB

02_category.html 28KB

common

styles.css 91KB

scripts.js 4KB

index.html 32KB

images

slider_1_1900x1200.jpg 177KB

latest_articles_3_400x250.jpg 18KB

top_6_120x120.jpg 5KB

slider_5_1600x1000.jpg 115KB

top_2_120x120.jpg 6KB

trending_3_400X250.jpg 26KB

latest_articles_5_400x600.jpg 50KB

latest_articles_7_400x500.jpg 38KB

top_1_120x120.jpg 5KB

latest_articles_4_400x600.jpg 15KB

trending_1_400X500.jpg 44KB

slider_4_1600x1000.jpg 298KB

latest_articles_6_400x600.jpg 27KB

latest_articles_2_400x300.jpg 15KB

sidebar_2_400X600.jpg 60KB

hot_news_2_300x150.jpg 8KB

trending_2_400X300.jpg 36KB

latest_articles_1_400x500.jpg 49KB

hot_news_1_300x150.jpg 21KB

sidebar_1_400X300.jpg 33KB

top_7_120x120.jpg 4KB

trending_2_400X250.jpg 15KB

profile.jpg 2KB

logo-white.png 1.01MB

top_3_120x120.jpg 4KB

top_5_120x120.jpg 6KB

hot_news_3_300x150.jpg 16KB

blog_2_400x300.jpg 27KB

slider_7_1900x600.jpg 99KB

blog_1_400x300.jpg 15KB

slider_3_1900x600.jpg 180KB

top_4_120x120.jpg 3KB

slider_2_1900x1200.jpg 139KB

slider_6_1900x600.jpg 93KB

latest_articles_8_400x250.jpg 24KB

04_regular_static.html 6KB

fonts

ionicons.css 56KB

ionicons.ttf 184KB

ionicons.eot 118KB

ionicons.svg 326KB

ionicons.woff 66KB

<!DOCTYPE HTML> <html lang="en"> <head> <title>Quite Light</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8">  <link href="https://fonts.googleapis.com/css?family=Poppins:400,700" rel="stylesheet">  <link href="plugin-frameworks/bootstrap.min.css" rel="stylesheet"> <link href="plugin-frameworks/swiper.css" rel="stylesheet"> <link href="fonts/ionicons.css" rel="stylesheet"> <link href="common/styles.css" rel="stylesheet"> </head> <body> <header> <a class="logo" href="#"><img src="images/logo-white.png" alt="Logo"></a> <div class="right-area"> <form class="src-form"> <button type="submit"><i class="ion-search"></i></a></button> <input type="text" placeholder="Search here"> </form> </div> <a class="menu-nav-icon" data-menu="#main-menu" href="#"><i class="ion-navicon"></i></a> <ul class="main-menu" id="main-menu"> <li><a href="index.html">Home</a></li> <li class="drop-down"><a href="#!">Sport<i class="ion-arrow-down-b"></i></a> <ul class="drop-down-menu drop-down-inner"> <li><a href="#">PAGE 1</a></li> <li><a href="#">PAGE 2</a></li> </ul> </li> <li><a href="#">Travel</a></li> <li><a href="#">Beauty</a></li> <li><a href="#">Music</a></li> <li><a href="#">Art</a></li> <li><a href="#">Fashion</a></li> <li><a href="#">Contact</a></li> </ul> <div class="clearfix"></div> </header> <div class="slider-main h-800x h-sm-auto pos-relative pt-95 pb-25"> <div class="img-bg bg-1 bg-layer-4"></div> <div class="container-fluid h-100 mt-xs-50"> <div class="row h-100"> <div class="col-md-1"></div> <div class="col-sm-12 col-md-5 h-100 h-sm-50"> <div class="dplay-tbl"> <div class="dplay-tbl-cell color-white mtb-30"> <div class="mx-w-400x"> <h5><b>ART</b></h5> <h1 class="mt-20 mb-30"><b>The Shoddy Science Behind most Pregnancy Advice</b></h1> <h6><a class="plr-20 btn-brdr-grey color-white" href="#"><b>Continue Reading</b></a></h6> </div> </div> </div> </div> <div class="col-sm-12 col-md-6 h-sm-50 oflow-hidden swiper-area pos-relative"> <div class="abs-blr pos-sm-static"> <div class="row pos-relative mt-50 all-scroll"> <div class="swiper-scrollbar resp"></div> <div class="col-md-10"> <h5 class="mb-50 color-white"><b>HOT NEWS</b></h5> <div class="swiper-container oflow-visible" data-slide-effect="slide" data-autoheight="false" data-swiper-speed="500" data-swiper-margin="25" data-swiper-slides-per-view="2" data-swiper-breakpoints="true" data-scrollbar="true" data-swiper-loop="true" data-swpr-responsive="[1, 2, 1, 2]"> <div class="swiper-wrapper">  <div class="swiper-slide"> <div class="bg-white"> <img src="images/hot_news_1_300x150.jpg" alt=""> <div class="plr-25 ptb-15"> <h5 class="color-ash"><b>ART</b></h5> <h4 class="mtb-10"> <a href="#"><b>I Got off Addrall and Xanax Using Psilocybon</b></a></h4> <ul class="list-li-mr-10 color-lt-black"> <li><i class="mr-5 font-12 ion-android-favorite-outline"></i>15</li> <li><i class="mr-5 font-12 ion-ios-chatbubble-outline"></i>105</li> </ul> </div> </div> </div> <div class="swiper-slide"> <div class="bg-white"> <img src="images/hot_news_2_300x150.jpg" alt=""> <div class="plr-25 ptb-15"> <h5 class="color-ash"><b>ART</b></h5> <h4 class="mtb-10"> <a href="#"><b>I Got off Addrall and Xanax Using Psilocybon</b></a></h4> <ul class="list-li-mr-10 color-lt-black"> <li><i class="mr-5 font-12 ion-android-favorite-outline"></i>15</li> <li><i class="mr-5 font-12 ion-ios-chatbubble-outline"></i>105</li> </ul> </div> </div> </div> <div class="swiper-slide"> <div class="bg-white"> <img src="images/hot_news_3_300x150.jpg" alt=""> <div class="plr-25 ptb-15"> <h5 class="color-ash"><b>ART</b></h5> <h4 class="mtb-10"> <a href="#"><b>I Got off Addrall and Xanax Using Psilocybon</b></a></h4> <ul class="list-li-mr-10 color-lt-black"> <li><i class="mr-5 font-12 ion-android-favorite-outline"></i>15</li> <li><i class="mr-5 font-12 ion-ios-chatbubble-outline"></i>105</li> </ul> </div> </div> </div> <div class="swiper-slide"> <div class="bg-white"> <img src="images/hot_news_1_300x150.jpg" alt=""> <div class="plr-25 ptb-15"> <h5 class="color-ash"><b>ART</b></h5> <h4 class="mtb-10"> <a href="#"><b>I Got off Addrall and Xanax Using Psilocybon</b></a></h4> <ul class="list-li-mr-10 color-lt-black"> <li><i class="mr-5 font-12 ion-android-favorite-outline"></i>15</li> <li><i class="mr-5 font-12 ion-ios-chatbubble-outline"></i>105</li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <section class="bg-1-white ptb-0"> <div class="container-fluid"> <div class="row"> <div class="col-lg-1"></div> <div class="col-md-12 col-lg-8 ptb-50 pr-30 pr-md-15"> <div class="row">  <div class="col-md-6 col-lg-6 col-xl-4 mb-30"> <div class="card h-100 bg-white"> <div class="plr-25 ptb-15"> <h5 class="color-ash"><b>ART</b></h5> <h4 class="mtb-10"><a href="#"><b>I Got off Addrall and Xanax Using Psilocybon</b></a></h4> <ul class="list-li-mr-10 color-lt-black"> <li><i class="mr-5 font-12 ion-android-favorite-outline"></i>15</li> <li><i class="mr-5 font-12 ion-ios-chatbubble-outline"></i>105</li> </ul> </div> </div> </div> <div class="col-md-6 col-lg-6 col-xl-4 mb-30"> <div class="card h-100 bg-white"> <div class="plr-25 ptb-15"> <h5 class="color-ash"><b>ART</b></h5> <h4 class="mtb-10"><a href="#"><b>I Got off Addrall and Xanax Using Psilocybon</b></a></h4> <ul class="list-li-mr-10 color-lt-black"> <li><i class="mr-5 font-12 ion-android-favorite-outline"></i>15</li> <li><i class="mr-5 font-12 ion-ios-chatbubble-outline"></i>105</li> </ul> </div> </div> </div> <div class="col-md-

评论收藏

内容反馈

版权申诉