club-theme-mordern
Version:
90 lines (86 loc) • 3.49 kB
HTML
<html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>財經證卷研究社</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./css/style.css" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Noto+Sans:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./font-awesome/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
<!--<![endif]-->
<style>
.banner {
background: transparent url('') 0 0 no-repeat fixed;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
background-size: cover;
}
</style>
</head>
<body>
<header>
<div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
<a href="http://www.canner.io" class="pure-menu-heading">財經證卷研究社</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="#news" class="pure-menu-link">最新消息</a></li>
<li class="pure-menu-item"><a href="#about" class="pure-menu-link">關於我們</a></li>
<li class="pure-menu-item"><a href="#contact" class="pure-menu-link">Contact Us</a></li>
</ul>
</div>
</header>
<div class="splash-container">
<div class="splash">
<h1 class="splash-head">splash head</h1>
<p class="splash-subhead">
splash subhead......
</p>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<h2 class="content-head is-center" id="news">最新消息</h2>
<div class="information pure-g">
<div class="pure-u-1 pure-u-md-1-2">
<div class="l-box">
<h3 class="information-head">7/25 - 7/31</h3>
<p>
暑假集訓，有豐富的活動、食物，等著大家參與唷！
</p>
</div>
</div><hr>
<div class="pure-u-1 pure-u-md-1-2">
<div class="l-box">
<h3 class="information-head">6/30</h3>
<p>
晚上揪團吃飯
</p>
</div>
</div><hr>
</div> <!-- end information -->
</div>
<div class="l-box-lrg pure-g about ribbon2">
<div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
<h2 class="content-head content-head-ribbon" id="about">關於我們</h2>
<p>
本社團成立於2010年，固定社課時間為星期三...
</p>
</div>
</div>
<footer class="footer l-box">
<p>
<span id="contact">Contact Us
<a href="https://www.test.com"><i class="fa fa-facebook-official fa-5"></i></a>
<a href="mailto:club@mail.com"><i class="fa fa-envelope-o fa-5"></i></a></span>
<br>
© 2014 Copyright 財經證卷研究社
</p>
</footer>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</body></html>