Score
0
Watch 1 Star 1 Fork 0

Jasper / lh1010_tempalteHTMLApache-2.0

Join us
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
lh1010.com 个人站点前端模板 spread retract

Clone or download
demo.html 9.67 KB
Copy Edit Web IDE Raw Blame History
Jasper authored 2020-03-07 21:59 . sync data
<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>demo</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" type="text/css" href="plugins/Bootstrap/4.1.3/css/bootstrap.css" >
<link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="style/hao.css">
</head>
<body class="bg-color">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class=" container">
<a class="navbar-brand" href="#">Lh1010</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link active" href="#">首页</a>
<a class="nav-item nav-link" href="#">西瓜导航</a>
<a class="nav-item nav-link" href="#">作品</a>
<a class="nav-item nav-link" href="#">手册</a>
<a class="nav-item nav-link disabled" href="#">Disabled</a>
</div>
</div>
</div>
</nav>
<div class="head py-3 d-none">
<div class=" container">
<div class="logo"><a href=""><img src="images/logo.png"></a></div>
</div>
</div>
<nav class="menu navbar navbar-expand-md bg-light navbar-light d-none">
<div class="container">
<a class="navbar-brand d-md-none" href="#">西瓜导航</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="#">首页</a></li>
<li class="nav-item"><a class="nav-link" href="#">西瓜导航</a></li>
<li class="nav-item dropdown d-none">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">在线工具</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">时间戳</a>
<a class="dropdown-item" href="#">在线解析</a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="#">心情说说</a></li>
</ul>
<form class="form-inline my-2 my-lg-0 d-none">
<input class="form-control mr-sm-2" type="search" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<nav class="container mt-4 d-none">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">首页</a></li>
<li class="breadcrumb-item"><a href="#">在线工具</a></li>
<li class="breadcrumb-item active">IP查询</li>
</ol>
</nav>
<div class="apps mt-4">
<div class="container">
<div class="card">
<h5 class="card-header">常用推荐</h5>
<div class="card-body">
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
</div>
</div>
</div>
</div>
<div class="apps mt-4">
<div class="container">
<div class="card">
<h5 class="card-header">资源搜索<a class="float-right app-more" href="">更多 ></a></h5>
<div class="card-body">
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
<div class="app col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
<img class="app-logo" src="/static/images/AppLogo/baidu.png">
<p class="app-name">百度</p>
<p class="app-description"><small>全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。</small></p>
</div>
</div>
</div>
</div>
</div>
<div class="foot mt-4 p-2 bg-primary text-white text-center">
<div class="container">
<p>Copyright © 2020 乐浩科技 - 豫ICP备16115435号-1</p>
</div>
</div>
<script type="text/javascript" src="plugins/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript" src="plugins/Bootstrap/4.1.3/js/bootstrap.js"></script>
<script type="text/javascript" src="script/common.js"></script>
</body>
</html>

Comment ( 0 )

Sign in for post a comment

HTML
1
https://gitee.com/lh1010/lh1010_tempalte.git
git@gitee.com:lh1010/lh1010_tempalte.git
lh1010
lh1010_tempalte
lh1010_tempalte
master

Help Search

205735 778617b6 1899542 205747 347fc4a1 1899542