web前端网站源码：生活日志动态展示响应式网站-HTML源码.zip资源-CSDN文库

共66个文件

jpg：27个

css：7个

png：5个

html

源码

web

需积分: 5 194 浏览量 2024-09-04 16:33:30 上传评论收藏 4.48MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

web前端网站源码：生活日志动态展示响应式网站-HTML源码.zip （66个子文件）

web前端网站源码：生活日志动态展示响应式网站-HTML源码

html

style.css 23KB

swiper.js 227KB

swiper.min.js 112KB

custom.js 577B

jquery.js 95KB

.idea

workspace.xml 17KB

modules.xml 260B

html.iml 281B

css

bootstrap.min.css 124KB

font-awesome.css 37KB

swiper.css 21KB

bootstrap.css 155KB

font-awesome.min.css 30KB

swiper.min.css 19KB

index.html 30KB

contact.html 21KB

about.html 21KB

images

c.jpg 35KB

about-2.png 1.16MB

2.jpg 264KB

b.jpg 7KB

foot-4.jpg 10KB

foot-1.jpg 17KB

cocktaile.png 3KB

about.jpg 122KB

f.jpg 6KB

1.jpg 136KB

a.jpg 25KB

blog-img-1.png 369KB

user-2.jpg 6KB

thumb-4.jpg 20KB

blog-image.jpg 129KB

thumb-3.jpg 21KB

foot-3.jpg 11KB

foot-2.jpg 9KB

contact-bg.jpg 68KB

blog-bg.jpg 65KB

user-1.jpg 5KB

thumb-2.jpg 20KB

yt-subscribe.png 108KB

d.jpg 17KB

thumb-1.jpg 23KB

g.jpg 15KB

about-bg.jpg 118KB

slider.jpg 264KB

blog-img-2.png 405KB

3.jpg 58KB

e.jpg 24KB

ads.jpg 15KB

blog.html 25KB

fonts

HelveticaNeueLTPro-Md.woff 22KB

BeyondTheMountains.ttf 40KB

FontAwesome.otf 132KB

BeyondTheMountains.woff 21KB

fontawesome-webfont.eot 162KB

HelveticaNeueLTPro-Md.otf 40KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

BeyondTheMountains.eot 41KB

HelveticaNeueLTPro-Md.ttf 48KB

BeyondTheMountains.otf 25KB

fontawesome-webfont.svg 434KB

HelveticaNeueLTPro-Md.eot 48KB

fontawesome-webfont.ttf 162KB

HelveticaNeueLTPro-Md.svg 155KB

BeyondTheMountains.svg 115KB

<!DOCTYPE html> <html lang="en"> <head> <title>Hello World</title>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" href="css/font-awesome.min.css">  <link rel="stylesheet" href="css/swiper.min.css">  <link rel="stylesheet" href="style.css"> </head> <body> <div class="outer-container"> <header class="site-header"> <div class="top-header-bar"> <div class="container-fluid"> <div class="row"> <div class="col-lg-6 flex align-items-center"> <div class="header-bar-text d-none d-lg-block"> <p>Hello world, My name is Blanca</p> </div> <div class="header-bar-email d-none d-lg-block"> <a href="#">Contactme@email.com</a> </div> </div> <div class="col-12 col-lg-6 flex justify-content-between justify-content-lg-end align-items-center"> <div class="header-bar-social d-none d-md-block"> <ul class="flex align-items-center"> <li><a href="#"><i class="fa fa-pinterest"></i></a></li> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-dribbble"></i></a></li> <li><a href="#"><i class="fa fa-behance"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> </ul> </div> <div class="header-bar-search d-none d-md-block"> <form> <input type="search" placeholder="Search"> </form> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-12"> <div class="site-branding flex flex-column align-items-center"> <h1 class="site-title"><a href="index.html" rel="home">Blanca</a></h1> <p class="site-description">Personal Blog</p> </div> <nav class="site-navigation"> <div class="hamburger-menu d-lg-none"> <span></span> <span></span> <span></span> <span></span> </div> <ul class="flex-lg flex-lg-row justify-content-lg-center align-content-lg-center"> <li class="current-menu-item"><a href="index.html">Home</a></li> <li><a href="#">features</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">blog</a></li> <li><a href="#">about me</a></li> <li><a href="#">Contact</a></li> </ul> <div class="header-bar-social d-md-none"> <ul class="flex justify-content-center align-items-center"> <li><a href="#"><i class="fa fa-pinterest"></i></a></li> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-dribbble"></i></a></li> <li><a href="#"><i class="fa fa-behance"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> </ul> </div> <div class="header-bar-search d-md-none"> <form> <input type="search" placeholder="Search"> </form> </div> </nav> </div> </div> </div> </header> <div class="container-fluid"> <div class="row"> <div class="col-12"> <div class="swiper-container hero-slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="hero-content flex justify-content-center align-items-center flex-column"> <img src="images/slider.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="hero-content flex justify-content-center align-items-center flex-column"> <img src="images/slider.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="hero-content flex justify-content-center align-items-center flex-column"> <img src="images/slider.jpg" alt=""> </div> </div> </div>  <div class="swiper-pagination"></div>  <div class="swiper-button-next flex justify-content-center align-items-center"> <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 44"><path d="M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z"></path></svg></span> </div> <div class="swiper-button-prev flex justify-content-center align-items-center"> <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 44"><path d="M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z"></path></svg></span> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="offset-lg-9 col-12 col-lg-3"> <a href="#"> <div class="yt-subscribe"> <img src="images/yt-subscribe.png" alt="Youtube Subscribe"> <h3>Subscribe</h3> <p>To my Youtube Channel</p> </div> </a> </div> </div> </div> </div> <div class="contain

评论收藏

内容反馈