75 lines
3.7 KiB
HTML
75 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
|
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>
|
|
<!-- Fonts -->
|
|
<!-- <link href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,600,700" rel="stylesheet"> -->
|
|
<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> -->
|
|
<!-- <link href="./css/anchor/fonts_all.css" rel="stylesheet"/> -->
|
|
<!-- CSS -->
|
|
<link href="./css/anchor/main.css" rel="stylesheet"/>
|
|
<link href="./css/anchor/vendor/aos.css" rel="stylesheet"/>
|
|
|
|
<title>zzyxyz</title>
|
|
<link rel="icon" href="./pic/ico/Home.png">
|
|
</head>
|
|
<body>
|
|
<div class="include" src="./html/base/base_modal.html"></div>
|
|
<div class="include" src="./html/base/base_nav.html"></div>
|
|
<!-- wavy header -->
|
|
<div class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-secondary position-relative">
|
|
<div class="container-fluid text-white h-50">
|
|
<div class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5">
|
|
<div class="col pt-4 pb-4">
|
|
<h1 class="display-3">Home</h1>
|
|
<h5 class="font-weight-light mb-4">This is Home Page</h5>
|
|
<a href="#" class="btn btn-lg btn-outline-white btn-round">Learn more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<svg style="-webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); margin-top: -1px;" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
|
|
<path class="bg-secondary" d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z"/>
|
|
</svg>
|
|
|
|
|
|
<main class="container pb-5 pt-5">
|
|
<a href="/users/login" class="btn btn-outline-primary btn-round">Test Login</a>
|
|
<div id="linking-cards" class="row">
|
|
</div>
|
|
</main>
|
|
|
|
<div class="include" src="./html/base/base_footer.html"></div>
|
|
|
|
<!-- Javascript -->
|
|
<script src="./js/anchor/vendor/jquery.min.js" type="text/javascript"></script>
|
|
<script src="./js/anchor/vendor/popper.min.js" type="text/javascript"></script>
|
|
<script src="./js/anchor/vendor/bootstrap.min.js" type="text/javascript"></script>
|
|
<script src="./js/anchor/functions.js" type="text/javascript"></script>
|
|
|
|
<script src="./js/base_script.js" type="text/javascript"></script>
|
|
<script>
|
|
$(function() {
|
|
$.getJSON("/api/json/index-content.json", function(data) {
|
|
const default_item = data.default;
|
|
data.datas.forEach(i => {
|
|
item = {...default_item, ...i}
|
|
const card = `
|
|
<div class="card shadow-sm border-0 col-md-4">
|
|
<!-- <img class="card-img-top" src="./assets/img/demo/2.jpg" alt="Card image cap"> -->
|
|
<div class="card-body">
|
|
<h5 class="card-title">${item.title}</h5>
|
|
<p class="card-text text-muted">${item.intro}</p>
|
|
<p class="card-text text-muted">${item.msg}</p>
|
|
<a href="${item.url}" class="btn btn-info btn-round ${item.disable ? 'disabled' : ''}" target="${item.targetBlank ? '_blank' : ''}">Jump Link</a>
|
|
</div>
|
|
</div>`;
|
|
$("#linking-cards").append(card);
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |