<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="keywords" content="">
<title>Townfit Fitness & GYM HTML Website Template - Styleguide Page </title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Style CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700%7cRoboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<!-- FontAwesome CSS -->
<link href="fontawesome/css/fontawesome-all.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- header-section-->
<div class="header-wrapper">
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-4 col-sm-12 col-12">
<div class="quick-info">
<span class="quick-info-text"><a href="#" class="quick-info-link">Our Locations</a></span>
<span class="quick-info-text"><a href="#" class="quick-info-link">Login</a></span>
<span class="quick-info-text"><a href="#" class="quick-info-link">Register</a></span>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-8 col-sm-12 col-12 text-right d-none d-xl-block d-lg-block d-md-block">
<div class="quick-info">
<p><span class="quick-info-text"> Got a Question? Give Us a Call. (800) - 132 - 4567</span> <a href="#" class="btn btn-default btn-xs">get access free</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="header">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-2 col-md-12 col-sm-12 col-12">
<div class="logo"> <a href="index.html"><img src="./images/logo.png" alt=""> </a> </div>
</div>
<div class="col-xl-9 col-lg-10 col-md-12 col-sm-12 col-12">
<!-- navigations-->
<div class="navigation">
<div id="navigation">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li class="has-sub"><a href="#">Class</a>
<ul>
<li><a href="class-list.html">Class List</a></li>
<li><a href="class-single.html">Class Single</a></li>
</ul>
</li>
<li class="active"><a href="about.html">About us</a></li>
<li class="active"><a href="membership-plan.html">Pricing</a></li>
<li class="has-sub"><a href="#">Blog</a>
<ul>
<li><a href="blog-default.html">Blog Default</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</li>
<li class="has-sub"><a href="#">Pages</a>
<ul>
<li><a href="membership-page.html">Membership Page</a> </li>
<li><a href="membership-form.html">Membership Form</a> </li>
<li><a href="time-table.html">TimeTable Page</a> </li>
<li><a href="error-page.html">404 page</a> </li>
<li><a href="accordions.html">Accordions</a></li>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="tab.html">Tab</a></li>
<li><a href="location.html">Locations</a> </li>
<li><a href="styleguide.html">Styleguide</a> </li>
</ul>
</li>
<li><a href="contact-us.html">Contact us</a></li>
</ul>
</div>
</div>
<!-- /.navigations-->
</div>
</div>
</div>
</div>
</div>
<!-- /. header-section-->
<!-- page-header -->
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<div class="page-caption">
<h1 class="page-title">Styleguide</h1>
</div>
</div>
</div>
</div>
</div>
<div class="page-breadcrumb">
<div class="container">
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Styleguide</li>
</ol>
</nav>
</div>
</div>
</div>
<!-- /.page-header-->
<!-- styleguide -->
<div class="content">
<div class="container">
<div>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
<h2 class="mb30">01 Typography</h2>
</div>
<div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
<h2 class="mb30">Fonts</h2>
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mb30">
<p>For Heading</p>
<h3 class="mt20">Oswald</h3>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mb30">
<p>For Base</p>
<h3 class="mt20">Roboto</h3>
</div>
</div>
<h2 class="mb30">Typeface</h2>
<h1>H1 - Heading Title - 36px</h1>
<h2>H2 - Heading Title - 32px</h2>
<h3>H3 - Heading Title - 24px</h3>
<h4>H4 - Heading Title - 20px</h4>
<h5>H5 - Heading Title - 16px</h5>
<h6>H6 - Heading Title - 12px</h6>
<br>
<h2>Body Cop
HTML网站源码-专业健身机构服务动态网站模板-响应式源码.zip
版权申诉
38 浏览量
2024-03-27
08:53:40
上传
评论
收藏 2.14MB ZIP 举报
HTML网站源码-专业健身机构服务动态网站模板-响应式源码.zip （140个子文件） 
fontello-embedded.css 217KB bootstrap.css 174KB bootstrap.min.css 141KB style.css 55KB fontawesome-all.css 45KB fontawesome.css 43KB fontawesome-all.min.css 36KB fontawesome.min.css 35KB fontello-ie7.css 12KB fontello-ie7-codes.css 11KB fontello.css 8KB fontello-codes.css 6KB owl.carousel.css 4KB animation.css 2KB owl.theme.default.css 1KB fa-regular.css 705B fa-solid.css 698B fa-brands.css 686B fa-regular.min.css 650B fa-solid.min.css 642B fa-brands.min.css 632B fa-solid-900.eot 112KB fontello.eot 105KB fa-brands-400.eot 97KB fa-regular-400.eot 30KB
styleguide.html 34KB index.html 32KB blog-single.html 30KB blog-default.html 22KB membership-page.html 21KB location.html 20KB about.html 20KB time-table.html 18KB contact-us.html 18KB class-single.html 17KB accordions.html 17KB class-list.html 17KB membership-plan.html 16KB membership-form.html 16KB tab.html 15KB alerts.html 13KB error-page.html 10KB
slider_1.jpg 70KB slider_2.jpg 69KB about_img.jpg 67KB slider_3.jpg 45KB gallery_showcase_1.jpg 42KB page_header.jpg 42KB about_wrapper.jpg 38KB gallery_showcase_2.jpg 36KB post_big_img_1.jpg 36KB gallery_showcase_3.jpg 33KB class_img_big_1.jpg 25KB class_img_4.jpg 21KB class_img_1.jpg 18KB class_img_6.jpg 15KB class_img_5.jpg 14KB class_img_3.jpg 12KB post_img_1.jpg 11KB post_img_3.jpg 11KB post_img_2.jpg 10KB left_img.jpg 10KB related_post_2.jpg 8KB related_post_1.jpg 8KB post_img_4.jpg 8KB post_img_6.jpg 8KB right_img.jpg 7KB member_img_2.jpg 7KB recent_img_1.jpg 7KB post_img_5.jpg 6KB class_img_2.jpg 6KB member_img_1.jpg 6KB member_img_3.jpg 5KB recent_img_2.jpg 5KB author.jpg 3KB logo.jpg 2KB user_img_1.jpg 1KB user_img_3.jpg 1KB user_img_2.jpg 1KB bootstrap.js 112KB jquery.min.js 95KB bootstrap.min.js 48KB owl.carousel.min.js 42KB jquery.sticky.js 9KB menumaker.js 3KB multiple-carousel.js 2KB menumaker.min.js 2KB video-play.js 778B return-to-top.js 531B sticky-header.js 185B _icons.less 57KB _variables.less 24KB _mixins.less 1KB fa-regular.less 773B fa-solid.less 766B fa-brands.less 754B _rotated-flipped.less 711B fontawesome.less 499B _stacked.less 478B _larger.less 454B共 140 条
- 1
- 2
资源评论
