<!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">
<title>Metro Fit - Services</title>
<!--
Metro Fit
http://www.templatemo.com/tm-495-metro-fit
-->
<!-- load stylesheets -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css"> <!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Bootstrap style -->
<link rel="stylesheet" href="css/magnific-popup.css"> <!-- Magnific popup style (http://dimsemenov.com/plugins/magnific-popup/) -->
<link rel="stylesheet" href="css/templatemo-style.css"> <!-- Templatemo style -->
<!-- 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.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Header gallery -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<section class="tm-header-gallery">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0">
<a href="img/img-11-05.jpg">
<img src="img/img-11-05.jpg" alt="Image" class="img-fluid tm-header-img col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
</a>
<a href="img/img-11-02.jpg">
<img src="img/img-11-02.jpg" alt="Image" class="img-fluid tm-header-img col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0">
<div class="tm-site-name">
<h1 class="text-uppercase tm-site-name-h1">Metro Fit</h1>
<h2 class="tm-site-name-h2">by templatemo</h2>
</div>
<img src="img/logo-bg.jpg" alt="Image" class="img-fluid tm-header-img">
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0">
<a href="img/img-11-01.jpg">
<img src="img/img-11-01.jpg" alt="Image" class="img-fluid tm-header-img col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
</a>
<a href="img/img-11-06.jpg">
<img src="img/img-11-06.jpg" alt="Image" class="img-fluid tm-header-img col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
</a>
</div>
</section>
</div>
</div>
<!-- Navigation -->
<div class="row">
<div class="col-lg-12">
<nav class="navbar">
<div id="tmNavbar">
<div class="nav navbar-nav tm-nav">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0 tm-nav-item-pair">
<div class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</div>
<div class="nav-item">
<a class="nav-link" href="about.html">About</a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0 tm-nav-item-pair">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 nav-item active">
<a class="nav-link" href="services.html">Services</a>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0 tm-nav-item-pair">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 nav-item tm-dummy-nav-item">
<div class="nav-link"> </div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div> <!-- row -->
<div class="row tm-tabs-container">
<div class="tm-tab-links-col">
<nav>
<ul class="tm-tabs">
<li class="tm-tab-link-item">
<a id="tab1" href="javascript:void(0)" class="tm-tab-link active">
<i class="fa fa-music tm-tab-icon"></i>
<div class="tm-tab-link-label">Tab Section First</div>
</a>
</li>
<li class="tm-tab-link-item">
<a id="tab2" href="javascript:void(0)" class="tm-tab-link">
<i class="fa fa-users tm-tab-icon"></i>
<span class="tm-tab-link-label">Second Tab Title</span>
</a>
</li>
<li class="tm-tab-link-item">
<a id="tab3" href="javascript:void(0)" class="tm-tab-link">
<i class="fa fa-heart tm-tab-icon"></i>
<span class="tm-tab-link-label">Third Section Tab</span>
</a>
</li>
<li class="tm-tab-link-item">
<a id="tab4" href="javascript:void(0)" class="tm-tab-link">
<i class="fa fa-microphone tm-tab-icon"></i>
<span class="tm-tab-link-label">Title Fourth comes up</span>
</a>
</li>
<li class="tm-tab-link-item">
作品展示&图片展示HTML源码-杂志列表展示响应式网页模板-适配移动端.zip （33个子文件） 
作品展示&图片展示HTML源码-杂志列表展示响应式网页模板-适配移动端 html js 
bootstrap.min.js 44KB jquery.magnific-popup.min.js 20KB jquery-1.11.3.min.js 94KB img 
img-11-01.jpg 61KB img-21-02.jpg 57KB img-11-07.jpg 83KB img-21-04.jpg 68KB img-11-04.jpg 45KB img-21-06.jpg 149KB img-21-01.jpg 102KB img-11-06.jpg 60KB img-21-03.jpg 101KB img-11-02.jpg 61KB logo-bg.jpg 14KB img-21-05.jpg 131KB img-11-05.jpg 47KB img-11-08.jpg 77KB img-11-03.jpg 90KB css bootstrap.min.css 95KB magnific-popup.css 7KB templatemo-style.css 26KB
services.html 22KB font-awesome-4.5.0 css font-awesome.min.css 27KB fonts FontAwesome.otf 107KB fontawesome-webfont.eot 69KB fontawesome-webfont.woff 82KB fontawesome-webfont.woff2 65KB
fontawesome-webfont.svg 357KB fontawesome-webfont.ttf 139KB index.html 15KB contact.html 15KB about.html 14KB blog.html 14KB资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4900
最新资源
- C# winform置托盘图标并闪烁演示源码.zip
- 打包和分发Rust工具.pdf
- SQL中的CREATE LOGFILE GROUP 语句.pdf
- C语言-leetcode题解之第172题阶乘后的零.zip
- C语言-leetcode题解之第171题Excel列表序号.zip
- C语言-leetcode题解之第169题多数元素.zip
- ocr-图像识别资源ocr-图像识别资源
- 图像识别：基于Resnet50 + VGG16模型融合的人体细胞癌症分类模型实现-图像识别资源
- C语言-leetcode题解之第168题Excel列表名称.zip
- C语言-leetcode题解之第167题两数之和II-输入有序数组.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
