瑜伽简介门户网站超优美的html静态页面资源-CSDN文库

共97个文件

woff2：36个

jpg：14个

png：12个

html

javascript

需积分: 5 181 浏览量 2023-07-03 21:13:51 上传评论收藏 9.91MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

瑜伽门户静态网站.zip （97个子文件）

music

Key Sounds Label - Bloom of Youth (风华正茂).mp3 5.68MB

Key Sounds Label - Bloom of Youth (风华正茂).lrc 44B

standalone.html 10KB

index.html 28KB

static

file

portfolio-img-4.jpg 150KB

portfolio-img-2.jpg 92KB

portfolio-img-3.jpg 120KB

portfolio-img-1.jpg 104KB

picture

standalone-3.jpg 151KB

portfolio-img-4.jpg 150KB

blog-img-3.png 4KB

logo.png 3KB

blog-img-1.png 5KB

side-menu.png 5KB

portfolio-img-2.jpg 92KB

about-img.png 337KB

standalone-1.jpg 255KB

blog-3.png 118KB

portfolio-img-3.jpg 120KB

standalone-2.jpg 125KB

blog-1.png 82KB

portfolio-img-1.jpg 104KB

contact-logo.jpg 20KB

logo.jpg 20KB

banner-img.png 694KB

blog-img-2.png 5KB

contact-logo.png 5KB

side-menu.jpg 20KB

blog-2.png 82KB

font

fa-brands-400.woff 85KB

fa-brands-400.ttf 131KB

KFOmCnqEu92Fr1Mu4WxKOzY.woff2 7KB

KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2 1KB

KFOmCnqEu92Fr1Mu7GxKOzY.woff2 12KB

KFOmCnqEu92Fr1Mu7WxKOzY.woff2 5KB

JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2 23KB

KFOlCnqEu92Fr1MmEU9fBBc4.woff2 16KB

KFOmCnqEu92Fr1Mu5mxKOzY.woff2 9KB

KFOmCnqEu92Fr1Mu4mxK.woff2 15KB

KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2 7KB

KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2 1KB

KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2 5KB

KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2 11KB

KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2 7KB

KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2 9KB

fa-solid-900.woff 100KB

fa-solid-900.eot 204KB

fa-solid-900.ttf 204KB

fa-brands-400.woff2 72KB

KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2 10KB

KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2 5KB

LineIcons.eot 144KB

KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2 7KB

LineIcons.ttf 144KB

JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2 8KB

fa-regular-400.woff2 15KB

KFOmCnqEu92Fr1Mu7mxKOzY.woff2 1KB

fa-brands-400.eot 131KB

fa-regular-400.eot 39KB

KFOkCnqEu92Fr1MmgVxIIzI.woff2 15KB

fa-regular-400.woff 18KB

KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2 5KB

KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2 1KB

KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2 9KB

KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2 15KB

JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2 25KB

fa-regular-400.ttf 39KB

KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2 15KB

JTUSjIg1_i6t8kCHKm459Wlhyw.woff2 30KB

KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2 12KB

KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2 14KB

fa-solid-900.woff2 77KB

LineIcons.woff 144KB

JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2 20KB

KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2 12KB

KFOlCnqEu92Fr1MmSU5fBBc4.woff2 15KB

KFOmCnqEu92Fr1Mu72xKOzY.woff2 15KB

image

cbp-sprite.png 9KB

contact_us.js 7KB

jquery.cubeportfolio.min.js 79KB

bundle.min.js 143KB

jquery.fancybox.min.js 55KB

swiper.min.js 131KB

owl.carousel.min.js 43KB

wow.min.js 8KB

script.js 6KB

css

style.css 27KB

css2.css 9KB

cubeportfolio.min.css 82KB

settings.css 35KB

css21.css 8KB

bundle.min.css 263KB

wow.css 56KB

jquery.fancybox.min.css 12KB

LineIcons.min.css 22KB

owl.carousel.min.css 3KB

swiper.min.css 13KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"> <meta name="author" content="Themes Industry"> <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos."><meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq"> <title>瑜伽训练中心</title> <link rel="stylesheet" href="static/css/bundle.min.css"> <link rel="stylesheet" href="static/css/owl.carousel.min.css"> <link rel="stylesheet" href="static/css/cubeportfolio.min.css"> <link rel="stylesheet" href="static/css/wow.css"> <link rel="stylesheet" href="static/css/LineIcons.min.css"> <link rel="stylesheet" href="static/css/settings.css"> <link rel="stylesheet" href="static/css/style.css"> </head> <body data-offset="90" data-spy="scroll" data-target=".navbar">  <audio autoplay loop> <source src="music/Key Sounds Label - Bloom of Youth (风华正茂).mp3" type="audio/mp3" /> </audio> <div class="loader"> <div class="loader-spinner"></div> </div> <header> <nav class="navbar navbar-expand-lg fixed-top navbar-top-default"> <div class="container"> <a class="navbar-brand scroll" href="#home"> <img src="static/picture/logo.png" alt="logo"> </a> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link scroll" href="#home">首页</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#about">瑜伽简介</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#exercises">训练活动</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#blog">博客和文章</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#contact">联系我们</a> </li> </ul> </div> <a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle"> <span></span> <span></span> <span></span> </a> </div> </nav> <div class="side-menu hidden"> <div class="inner-wrapper"> <div class="sidemenu-image"> <a class="scroll" href="#home"> <img src="static/picture/side-menu.png" alt="image"> </a> </div> <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span> <nav class="side-nav w-100"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link scroll" href="#home">回到首页</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#about">瑜伽简介</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#exercises">训练活动</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#blog">博客和文章</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#contact">联系我们</a> </li> </ul> </nav> <div class="side-menu-footer"> <div class="social-icons"> <ul> <li> <a href="#" class="hover"><i class="fab fa-facebook-f"></i></a> </li> <li><a href="#" class="hover"><i class="fab fa-twitter"></i></a></li> <li><a href="#" class="hover"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="#" class="hover"><i class="fab fa-instagram"></i></a></li> </ul> </div> </div> </div> </div> <a id="close_side_menu" href="javascript:void(0);"></a> </header> <section class="banner" id="home"> <div class="row no-gutters"> <div class="col-lg-12 col-md-12 col-sm-12 img-section order-2 order-lg-1 wow fadeInRight" data-wow-delay="1500ms"> <img src="static/picture/banner-img.png" alt="img"> </div> </div> <div class="container"> <div class="row no-gutters"> <div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInLeft" data-wow-delay="1500ms"> <div class="text-col"> <ul> <li><a>瑜伽/</a></li> <li><a>教练/ </a></li> <li><a>自我疗愈</a></li> </ul> <h2 class="heading">瑜伽是最好的运动方式.</h2> <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit lacus vel facilisis. </p> <a class="media" href="standalone.html"> <i class="fas fa-chevron-right"></i> <div class=" media-body">学习更多</div> </a> </div> </div> </div> <div class="col-lg-6 col-md-12 col-sm-12"> </div> </div> </section> <section class="about-section" id="about"> <div class="container"> <div class="row row-1 no-gutters"> <div class="col-lg-12 col-md-12 col-sm-12 heading-col text-center wow fadeIn" data-wow-delay="400ms"> <h5 class="subheading">关于瑜伽的分类</h5> <h2 class="heading">三大派别</h2> </div> </div> <div class="row row-2 no-gutters yoga-services"> <div class="col-lg-3 col-md-0 col-sm-0"></div> <div class="col-lg-6 col-md-12 col-sm-12 text-center"> <div class="img-col wow fadeInDown" data-wow-delay="400ms"> <img src="static/picture/about-img.png" alt="img"> </div> </div> <div class="col-lg-3 col-md-0 col-sm-0"></div> </div>  <div class="row row-3 no-gutters yoga-services"> <div class="col-lg-3 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms"> <div class="service text-center"> <h2 class="heading">01.</h2> <h5 class="subheading">流瑜伽</h5> <p class="text">流瑜伽每个级别的初始动作也是从太阳祈祷式A和B开始，练习数次，而后进行单个动作练习，最后以倒立和休息术结束。阿斯汤嘎瑜伽里最经典也是最累人的Vinyasa动作被简化甚至不用了，从而节省了练习者的体力。它比传统的哈他瑜伽在体能消耗更大。</p> </div> </div> <div class="col-lg-6 col-md-12 col-sm-12"></div> <div class="col-lg-3 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms"> <div class="service text-center"> <h2 class="heading">02.</h2> <h5 class="subheading">热

评论收藏

内容反馈