96 lines
3.9 KiB
HTML
96 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>首页</title>
|
|
<link rel="stylesheet" href="./css/layui.css" media="all">
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
|
|
<link rel="stylesheet" type="text/css" href="css/style.css"/>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<ul class="layui-nav layui-bg-green" lay-filter="">
|
|
<li class="layui-nav-item layui-this"><a href="">个人中心</a></li>
|
|
<li class="layui-nav-item"><a href="index.html">最新文章</a></li>
|
|
<li class="layui-nav-item"><a href="">大数据</a></li>
|
|
|
|
<li class="layui-nav-item"><a href="">社区</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<section id="contact" class="section green" >
|
|
<!-- <div class="layui-carousel" id="test1" >
|
|
<div carousel-item>
|
|
<div><img src="./img/lb1.jpg" style="width: 100%;height: 100%;"></div>
|
|
<div><img src="./img/lb2.jpg" style="width: 100%;height: 100%;"></div>
|
|
<div><img src="./img/lb3.jpg" style="width: 100%;height: 100%;" ></div>
|
|
<div><img src="./img/lb4.jpg" style="width: 100%;height: 100%;" ></div>
|
|
</div>
|
|
</div> -->
|
|
<div class="container">
|
|
<h4>发博客</h4>
|
|
<p>
|
|
|
|
</p>
|
|
<div class="blankdivider30">
|
|
</div>
|
|
<div class="row">
|
|
<div class="span12">
|
|
<div class="cform" id="contact-form">
|
|
|
|
<form action="index.html" method="POST" class="contactForm">
|
|
<div class="row">
|
|
<div class="span6">
|
|
<div class="field your-name">
|
|
<input type="text" name="your-name" placeholder="文章标题" class="cform-text" size="40" data-rule="maxlen:4" data-msg="Please enter at least 4 chars" />
|
|
<div class="validation">
|
|
</div>
|
|
</div>
|
|
<div class="field your-email">
|
|
<input type="text" name="your-email" placeholder="所属领域" class="cform-text" size="40" data-rule="email" data-msg="Please enter a valid email" />
|
|
<div class="validation">
|
|
</div>
|
|
</div>
|
|
<div class="field subject">
|
|
<input type="text" name="subject" placeholder="发表时间" class="cform-text" size="40" data-rule="maxlen:4" data-msg="Please enter at least 8 chars of subject" />
|
|
<div class="validation">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="span6">
|
|
<div class="field message">
|
|
<textarea name="message" placeholder="在这输入您的文章" class="cform-textarea" cols="40" rows="10" data-rule="required" data-msg="Please write something for us"></textarea>
|
|
<div class="validation">
|
|
</div>
|
|
</div>
|
|
<input type="submit" value="Send message" class="btn btn-theme pull-left" style="background-color: #FFB800;">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script src="./js/layui.js"></script>
|
|
<script>
|
|
layui.use('carousel', function(){
|
|
var carousel = layui.carousel;
|
|
carousel.render({
|
|
elem: '#test1',
|
|
width: '100%',
|
|
arrow: 'always'
|
|
});
|
|
});
|
|
</script>
|
|
<script>
|
|
//注意：导航 依赖 element 模块，否则无法进行功能性操作
|
|
layui.use('element', function(){
|
|
var element = layui.element;
|
|
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |