<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Namaste - Yoga HTML Template</title>
<meta charset="UTF-8">
<meta name="description" content="Yoga HTML Template">
<meta name="keywords" content="Yoga, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.min.css"/>
<link rel="stylesheet" href="css/flaticon.css"/>
<link rel="stylesheet" href="css/slicknav.min.css"/>
<!-- Main Stylesheets -->
<link rel="stylesheet" href="css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<a class="site-logo">
<img src="img/logo.png" alt="">
</a>
<div class="header-socil-links">
<a href=""><i class="fa fa-pinterest"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-dribbble"></i></a>
<a href=""><i class="fa fa-behance"></i></a>
</div>
<ul class="main-menu">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">Abouta us</a></li>
<li><a href="classes.html">Clasess</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</header>
<!-- Header section end -->
<!-- Page Info section -->
<section class="page-info-section set-bg" data-setbg="img/page-top-bg/5.png">
<img src="img/page-top-bg/page-info-img.png" alt="" class="page-info-img">
<div class="container">
<h2>Elements</h2>
<div class="site-breadcrumb">
<a href="">Home</a> /
<span>Elements</span>
</div>
</div>
</section>
<!-- Page Info end -->
<!-- Elements section -->
<section class="elements-section">
<div class="container">
<!-- element -->
<div class="element">
<h3 class="el-title">Buttons</h3>
<button class="site-btn mr-4 mb-4">Discover</button>
<button class="site-btn sb-shadow mr-4 mb-4">Discover</button>
<button class="site-btn sb-gradient mr-4 mb-4">Discover</button>
<button class="site-btn sb-dark sb-dark">Discover</button>
</div>
<!-- element -->
<div class="element">
<h3 class="el-title">Accordions & Tabs</h3>
<div class="row">
<div class="col-lg-6">
<!-- Accordions -->
<div id="accordion" class="accordion-area">
<div class="panel">
<div class="panel-header" id="headingOne">
<button class="panel-link" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">Pricing table</button>
</div>
<div id="collapse1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
<div class="panel-body">
<p>Etiam pretium, nibh vitae varius ultricies, tellus diam gravida elit, vel rhoncus eros eros sit amet ipsum. Cras cursus pellentesque tortor. Ut pellentesque auctor lorem, at maximus lacus faucibus nec.Pellentesque non mattis nulla. Fusce quis tempor risus, non elementum dui. Curabitur et mattis ex, a ultrices lorem. </p>
</div>
</div>
</div>
<div class="panel">
<div class="panel-header" id="headingTwo">
<button class="panel-link" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">Pillates Intro</button>
</div>
<div id="collapse2" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="panel-body">
<p>Etiam pretium, nibh vitae varius ultricies, tellus diam gravida elit, vel rhoncus eros eros sit amet ipsum. Cras cursus pellentesque tortor. Ut pellentesque auctor lorem, at maximus lacus faucibus nec.Pellentesque non mattis nulla. Fusce quis tempor risus, non elementum dui. Curabitur et mattis ex, a ultrices lorem. </p>
</div>
</div>
</div>
<div class="panel">
<div class="panel-header" id="headingThree">
<button class="panel-link active" data-toggle="collapse" data-target="#collapse3" aria-expanded="true" aria-controls="collapse3">Meditation Sessions</button>
</div>
<div id="collapse3" class="collapse show" aria-labelledby="headingThree" data-parent="#accordion">
<div class="panel-body">
<p>Etiam pretium, nibh vitae varius ultricies, tellus diam gravida elit, vel rhoncus eros eros sit amet ipsum. Cras cursus pellentesque tortor. Ut pellentesque auctor lorem, at maximus lacus faucibus nec.Pellentesque non mattis nulla. Fusce quis tempor risus, non elementum dui. Curabitur et mattis ex, a ultrices lorem. </p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<!-- Tabs -->
<div class="row">
<div class="col-lg-6">
<ul class="site-tab-nav nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="true">
<h6>Yoga training</h6>
<span>Etiam pretium, nibh</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="false">
<h6>Meditation</h6>
<span>Petium, nibh vitae</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-3" role="tab" aria-controls="tab-3" aria-selected="false">
<h6>pilates</h6>
<span>Etiam pretium, nibh</span>
</a>
</li>
</ul>
</div>
<div class="col-lg-6">
<div class="site-tab-contentt tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="tab-1" role="tabpanel" aria-labelledby="tab-1">
<div class="st-content">
<div class="sp-title">
<span>Begginer & Advanced</span>
<h5>Meditation Sessions</h5>
</div>
<p>Etiam pretium, nibh vitae varius ultricies, tellus diam gravida elit, vel rhoncus eros eros sit amet ipsum. Cras cursus pellentesque tortor. Ut pellentesque auctor lorem, at maxi-mus lacus faucibus nec.Pellentesque no
紫色哈他瑜伽中心响应式网站模板-适配移动端-HTML源码.zip
版权申诉
115 浏览量
2024-03-27
09:03:01
上传
评论
收藏 6.76MB ZIP 举报
紫色哈他瑜伽中心响应式网站模板-适配移动端-HTML源码.zip （81个子文件） 
紫色哈他瑜伽中心响应式网站模板-适配移动端-HTML源码 html icon-fonts 
Flaticon.eot 26KB fontawesome-webfont.eot 162KB Flaticon.woff 16KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
Flaticon.svg 210KB fontawesome-webfont.svg 434KB Flaticon.ttf 26KB Source 
bootstrap-4.3.1-dist.zip 697KB
jquery-circle-progress-1.2.2.tar.gz 23KB OwlCarousel2-2.3.4_2.zip 774KB Flaticon.zip 122KB font-awesome-4.7.0.zip 654KB sass ready.scss 4KB style.scss 28KB js jquery.slicknav.min.js 8KB bootstrap.min.js 57KB main.js 2KB circle-progress.min.js 4KB owl.carousel.min.js 43KB jquery-3.2.1.min.js 85KB img 
about-img.jpg 16KB
search-icon.png 1KB meditation-bg.png 127KB courses-icons c2-3.png 2KB 3.png 2KB c2-2.png 2KB 1.png 4KB c2-1.png 4KB 2.png 2KB appointment-bg.jpg 36KB blog-widget 2.jpg 3KB 1.jpg 2KB 3.jpg 2KB feature-icon.png 46KB logo.png 3KB footer-icon.png 2KB appointment-icon.png 20KB plans-icon.png 17KB quota.png 2KB gallery 2.jpg 15KB 1.jpg 12KB 5.jpg 13KB 3.jpg 14KB 4.jpg 12KB meditation-img.png 600KB hero-icon.png 6KB blog 2.jpg 33KB 1.jpg 21KB 3.jpg 12KB favicon.ico 17KB page-top-bg 3.png 378KB 1.png 519KB 5.png 662KB 4.png 348KB page-info-img.png 44KB 2.png 365KB hero-bg.png 165KB hero-img.png 402KB timetable-icon 3.png 2KB 1.png 2KB 4.png 2KB 2.png 2KB check-icon.png 2KB testimonial-img-2.png 45KB header-overlay.png 125KB testimonial-img-1.png 14KB testimonial-bg.jpg 40KB css style.css 31KB slicknav.min.css 2KB bootstrap.min.css 152KB animate.css 73KB font-awesome.min.css 30KB owl.carousel.min.css 3KB flaticon.css 3KB
classes.html 11KB index.html 11KB elements.html 14KB contact.html 6KB about.html 8KB blog.html 8KB资源评论
