ismism/ismism.ts/ui/index.html

185 lines
8.1 KiB
HTML
Raw Normal View History

2022-08-11 13:01:30 +08:00
<!DOCTYPE html>
<html>
<head>
<title>主义主义 活动公示</title>
2022-08-19 11:41:35 +08:00
<meta charset="utf-8">
2022-08-19 09:53:32 +08:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2022-08-24 13:02:58 +08:00
<!-- <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> -->
<link rel="stylesheet" href="../dep/w3.css">
2022-08-11 13:01:30 +08:00
</head>
<style>
2022-08-21 13:04:24 +08:00
a {
text-decoration: none;
}
2022-08-11 13:01:30 +08:00
</style>
2022-08-13 13:44:37 +08:00
<script>
</script>
2022-08-19 11:41:35 +08:00
<body class="w3-light-grey">
2022-08-24 13:02:58 +08:00
<div class="w3-dark-grey w3-container w3-display-container w3-card w3-animate-right">
2022-08-19 10:12:07 +08:00
<span onclick="this.parentElement.style.display='none'"
class="w3-button w3-large w3-display-topright">&times;</span>
<h3>提示!</h3>
2022-08-19 11:41:35 +08:00
<p>网站开发中。当前页面皆为测试内容。</p>
</div>
<header class="w3-container w3-center w3-padding-16 w3-animate-left">
2022-08-21 13:04:24 +08:00
<a class="" href="">
<h1><b>主义主义 <span class="w3-text-red">活动</span>公示</b></h1>
</a>
<hr>
<div class="w3-container w3-margin">
<a class="w3-button w3-margin-bottom w3-padding-small w3-dark-grey w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#全部标签">全部标签 <span class="w3-badge w3-small w3-black">2</span></a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#设施建设">设施建设 <span class="w3-badge w3-small w3-grey">1</span></a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#设施建设">物资配给 <span class="w3-badge w3-small w3-grey">1</span></a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#软件开发">软件开发 <span class="w3-badge w3-small w3-grey">1</span></a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#苏州">苏州 <span class="w3-badge w3-small w3-grey">1</span></a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#成都">成都 <span class="w3-badge w3-small w3-grey">1</span></a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#星星家园">星星家园 <span class="w3-badge w3-small w3-grey">1</span></a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#主义主义网站">主义主义网站 <span class="w3-badge w3-small w3-grey">1</span></a>
</div>
2022-08-19 11:41:35 +08:00
</header>
<div class="w3-content w3-animate-right" style="max-width:1400px">
<div class="w3-row">
<div class="w3-col l8 s12">
<div class="w3-card-4 w3-margin w3-white">
<div class="w3-container">
2022-08-21 13:04:24 +08:00
<a href="#1">
<h3><code class="w3-dark-grey w3-tag w3-round">#1</code> <b>星星家园扩建</b>
</h3>
</a>
<div><a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#设施建设">设施建设</a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#设施建设">物资配给</a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#苏州">苏州</a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#星星家园">星星家园</a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#星星家园">星星家园</a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#星星家园">星星家园</a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#星星家园">星星家园</a>
<a class="w3-button w3-margin-bottom w3-padding-small w3-hover-dark-grey w3-round w3-border w3-border-dark-grey"
href="#星星家园">星星家园</a>
</div>
<div class="w3-margin-bottom w3-small">
<i><code>公示时间2022-08-12 12:32<br>
更新时间2022-08-12 12:32</code></i>
</div>
2022-08-19 11:41:35 +08:00
</div>
<img src="https://www.w3schools.com/w3images/woods.jpg" alt="Nature" style="width:100%">
<div class="w3-container">
<p>Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem
euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed
ultricies mi non congue ullam corper. Praesent tincidunt sed
tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida
diam non fringilla.</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<p><button class="w3-button w3-padding-large w3-white w3-border"><b>READ MORE
»</b></button></p>
</div>
<div class="w3-col m4 w3-hide-small">
<p>
2022-08-21 13:04:24 +08:00
<span class="w3-padding-large w3-right"><b>支持  </b><span
class="w3-tag">1000</span></span>
2022-08-19 11:41:35 +08:00
</p>
</div>
</div>
</div>
</div>
<hr>
<div class="w3-card-4 w3-margin w3-white">
<div class="w3-container">
<h3><b>BLOG ENTRY</b></h3>
<h5>Title description, <span class="w3-opacity">April 2, 2014</span></h5>
</div>
<img src="https://www.w3schools.com/w3images/bridge.jpg" alt="Norway" style="width:100%">
<div class="w3-container">
<p>Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem
euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed
ultricies mi non congue ullam corper. Praesent tincidunt sed
tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida
diam non fringilla.</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<p><button class="w3-button w3-padding-large w3-white w3-border"><b>READ MORE
»</b></button></p>
</div>
<div class="w3-col m4 w3-hide-small">
<p><span class="w3-padding-large w3-right"><b>Comments  </b> <span
class="w3-badge">2</span></span></p>
</div>
</div>
</div>
</div>
</div>
<div class="w3-col l4">
2022-08-24 13:02:58 +08:00
<div class="w3-container w3-margin">
2022-08-19 11:41:35 +08:00
<div class="w3-container w3-padding">
<h4>Popular Posts</h4>
</div>
2022-08-24 13:02:58 +08:00
<ul class="w3-ul w3-hoverable">
2022-08-19 11:41:35 +08:00
<li class="w3-padding-16">
<img src="https://www.w3schools.com//w3images/workshop.jpg" alt="Image"
class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Lorem</span><br>
<span>Sed mattis nunc</span>
</li>
<li class="w3-padding-16">
<img src="https://www.w3schools.com//w3images/gondol.jpg" alt="Image"
class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Ipsum</span><br>
<span>Praes tinci sed</span>
</li>
<li class="w3-padding-16">
<img src="https://www.w3schools.com//w3images/skies.jpg" alt="Image"
class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Dorum</span><br>
<span>Ultricies congue</span>
</li>
<li class="w3-padding-16 w3-hide-medium w3-hide-small">
<img src="https://www.w3schools.com//w3images/rock.jpg" alt="Image"
class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Mingsum</span><br>
<span>Lorem ipsum dipsum</span>
</li>
</ul>
</div>
</div>
</div>
2022-08-19 10:12:07 +08:00
</div>
2022-08-19 11:41:35 +08:00
<footer class="w3-container w3-dark-grey w3-padding-32 w3-margin-top w3-animate-left">
<button class="w3-button w3-black w3-disabled w3-padding-large w3-margin-bottom">Previous</button>
<button class="w3-button w3-black w3-padding-large w3-margin-bottom">Next »</button>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>
2022-08-11 13:01:30 +08:00
</body>
<script src="bind.js"></script>
</html>