加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
book.html 9.38 KB
一键复制 编辑 原始数据 按行查看 历史
lidunwei 提交于 2020-10-02 15:48 . 增加html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Oxygen &mdash; Free Website Template, Free HTML5 Template by gettemplates.co</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Website Template by gettemplates.co" />
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="gettemplates.co" />
<!--
Oxygen by gettemplates.co
Twitter: http://twitter.com/gettemplateco
URL: http://gettemplates.co
-->
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- <link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'> -->
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<link rel="icon" href="images/image.ico" type="image/x-icon" />
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="gtco-loader"></div>
<div id="page">
<nav class="gtco-nav" role="navigation">
<div class="gtco-container">
<div class="row">
<div class="col-xs-2">
<div id="gtco-logo"><a href="index">Oxygen.</a></div>
</div>
<div class="col-xs-8 text-center menu-1">
<ul>
<li><a href="index">Home</a></li>
<li><a href="about">About</a></li>
<li class="has-dropdown active">
<a href="service">Services</a>
<ul class="dropdown">
<li><a href="#">Web Design</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">API</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="#">Tools</a>
<ul class="dropdown">
<li><a href="#">HTML5</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">Sass</a></li>
<li><a href="#">jQuery</a></li>
</ul>
</li>
<li><a href="contact">Contact</a></li>
</ul>
</div>
<div class="col-xs-2 text-right hidden-xs menu-2">
<ul>
<li class="btn-cta"><a href="#"><span>Login</span></a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="gtco-header" class="gtco-cover gtco-cover-sm" role="banner" style="background-image:url(images/img_bg_1.jpg);">
<div class="gtco-container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Our Services</h1>
<h2>Free html5 templates Made by <a href="http://gettemplates.co" target="_blank">gettemplates.co</a></h2>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="gtco-features">
<div class="gtco-container">
<div class="row">
<h3>基础评估</h3>
<div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeIn">
<div class="feature-center">
<!-- <h3>Retina Ready</h3>-->
<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>-->
<p ><a href="tools_html/basic/bmi.html" class="btn btn-primary1">理想体重</a></p>
</div>
</div>
<div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeIn">
<div class="feature-center">
<p ><a href="file/guide/2020版《居民常见恶性肿瘤筛查和预防推荐》.pdf" class="btn btn-primary1">卡路里消耗</a></p>
<!-- <p><a href="#" class="btn btn-primary">卡路里消耗</a></p>-->
</div>
</div>
<div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeIn">
<div class="feature-center">
<p ><a href="file/guide/2020版《居民常见恶性肿瘤筛查和预防推荐》.pdf" class="btn btn-primary1">能量摄入</a></p>
</div>
</div>
<div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeIn">
<div class="feature-center">
<p ><a href="tools_html/basic/bloodType.html" class="btn btn-primary1">血型推算</a></p>
</div>
</div>
</div>
<div class="row">
<h3>Retina Ready</h3>
<div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeIn">
<div class="feature-center">
<!-- <h3>Retina Ready</h3>-->
<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>-->
<p ><a href="file/guide/2020版《居民常见恶性肿瘤筛查和预防推荐》.pdf" class="btn btn-primary1">理想体重</a></p>
</div>
</div>
<div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeIn">
<div class="feature-center">
<p ><a href="file/guide/2020版《居民常见恶性肿瘤筛查和预防推荐》.pdf" class="btn btn-primary1">卡路里消耗</a></p>
<!-- <p><a href="#" class="btn btn-primary">卡路里消耗</a></p>-->
</div>
</div>
<div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeIn">
<div class="feature-center">
<p ><a href="file/guide/2020版《居民常见恶性肿瘤筛查和预防推荐》.pdf" class="btn btn-primary1">能量摄入</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="gtco-cover gtco-cover-sm" style="background-image:url(images/img_bg_3.jpg);">
<div class="overlay"></div>
<div class="gtco-container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Keep it simple</h1>
<h2>Free html5 templates Made by <a href="http://gettemplates.co" target="_blank">gettemplates.co</a></h2>
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="gtco-footer" role="contentinfo">
<div class="gtco-container">
<div class="row">
<div class="col-md-4 gtco-widget">
<h3>The Company</h3>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
<p><a href="#">Learn More</a></p>
</div>
<div class="col-md-2 col-md-push-1">
<ul class="gtco-footer-links">
<li><a href="#">About</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Meetups</a></li>
</ul>
</div>
<div class="col-md-2 col-md-push-1">
<ul class="gtco-footer-links">
<li><a href="#">Shop</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Handbook</a></li>
<li><a href="#">Held Desk</a></li>
</ul>
</div>
<div class="col-md-2 col-md-push-1">
<ul class="gtco-footer-links">
<li><a href="#">Find Designers</a></li>
<li><a href="#">Find Deelopers</a></li>
<li><a href="#">Teams</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">API</a></li>
</ul>
</div>
</div>
<div class="row copyright">
<div class="col-md-12">
<p class="pull-left">
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</small>
<small class="block">Designed by <a href="http://gettemplates.co/" target="_blank">GetTemplates.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
</p>
<p class="pull-right">
<ul class="gtco-social-icons pull-right">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化