<!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网站源码,专为图片展示打造。这份源码简化了开发流程,节省您构建个人作品集或图片库的时间。具备响应式设计,适应各种屏幕和设备,无论在求职还是面试中,都能展现您的技术实力和创意视觉。快速部署,提升工作效率,让每一次展示都成为赢得机会的关键时刻。
资源推荐
资源详情
资源评论
收起资源包目录
作品展示&图片展示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
共 33 条
- 1
资源评论
DTcode7
- 粉丝: 7699
- 资源: 4538
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功