169 lines
6.7 KiB
HTML
169 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<title>主义主义 活动公示</title>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||
</head>
|
||
|
||
<style>
|
||
</style>
|
||
|
||
<script>
|
||
</script>
|
||
|
||
<body class="w3-light-grey">
|
||
<div class="w3-yellow w3-container w3-display-container w3-card w3-animate-right">
|
||
<span onclick="this.parentElement.style.display='none'"
|
||
class="w3-button w3-large w3-display-topright">×</span>
|
||
<h3>提示!</h3>
|
||
<p>网站开发中。当前页面皆为测试内容。</p>
|
||
</div>
|
||
|
||
<header class="w3-container w3-center w3-padding-16 w3-animate-left">
|
||
<h1><b>主义主义 <span class="w3-text-red">活动</span>公示</b></h1>
|
||
</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">
|
||
<h3><span class="w3-dark-grey w3-tag w3-round">#1</span> <b>星星家园扩建</b>
|
||
</h3>
|
||
<h5>tag1, tag2, tag3 <span class="w3-opacity">April 7, 2014</span></h5>
|
||
</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>
|
||
<span class="w3-padding-large w3-right"><b>Comments </b><span
|
||
class="w3-tag">0</span></span>
|
||
</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">
|
||
<div class="w3-card w3-margin">
|
||
<div class="w3-container w3-padding">
|
||
<h4>Tags</h4>
|
||
</div>
|
||
<div class="w3-container w3-white">
|
||
<p><span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span
|
||
class="w3-tag w3-light-grey w3-small w3-margin-bottom">New York</span> <span
|
||
class="w3-tag w3-light-grey w3-small w3-margin-bottom">London</span>
|
||
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">IKEA</span> <span
|
||
class="w3-tag w3-light-grey w3-small w3-margin-bottom">NORWAY</span> <span
|
||
class="w3-tag w3-light-grey w3-small w3-margin-bottom">DIY</span>
|
||
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Ideas</span> <span
|
||
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Baby</span> <span
|
||
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Family</span>
|
||
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">News</span> <span
|
||
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Clothing</span> <span
|
||
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Shopping</span>
|
||
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Sports</span> <span
|
||
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Games</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="w3-card w3-margin">
|
||
<div class="w3-container w3-padding">
|
||
<h4>Popular Posts</h4>
|
||
</div>
|
||
<ul class="w3-ul w3-hoverable w3-white">
|
||
<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>
|
||
<hr>
|
||
<div class="w3-card w3-margin w3-margin-top">
|
||
<img src="https://www.w3schools.com//w3images/avatar_g.jpg" style="width:100%">
|
||
<div class="w3-container w3-white">
|
||
<h4><b>My Name</b></h4>
|
||
<p>Just me, myself and I, exploring the universe of uknownment. I have a heart of love and a
|
||
interest of lorem ipsum and mauris neque quam blog. I want to share my world with you.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<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>
|
||
|
||
</body>
|
||
|
||
<script src="bind.js"></script>
|
||
|
||
</html>
|