Gitinn 首頁 探索 說明
註冊 登入
u316585
/
C1
1
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
瀏覽代碼

上传文件至 'bootstrap/news'

13395952019 6 年之前
父節點
aa1e582a5a
當前提交
e753e2efaf
共有 4 個文件被更改，包括 405 次插入 和 0 次删除
統一視圖 顯示文件統計
  1. 153 0
      bootstrap/news/index.html
  2. 59 0
      bootstrap/news/login.html
  3. 125 0
      bootstrap/news/news.html
  4. 68 0
      bootstrap/news/signup.html

+ 153 - 0
bootstrap/news/index.html
查看文件 

@@ -0,0 +1,153 @@
 
+<!DOCTYPE html>

+<html lang="en">

+<head>

+    <meta charset="UTF-8">

+    <meta name="viewport" content="width=device-width, initial-scale=1.0">

+    <meta http-equiv="X-UA-Compatible" content="ie=edge">

+    <title>Document</title>

+    <link rel="stylesheet" href="css/bootstrap.min.css">

+    <link rel="stylesheet" href="css/main.css">

+</head>

+<body>

+    <div class="navbar navbar-default">

+        <div class="container">

+            <div class="navbar-header">

+                <a href="index.html" class="navbar-brand"></a>

+            </div>

+            <label id="toggle-label" for="toggle-checkbox" class="visible-xs-inline-block">Menu</label>

+            <input class="hidden" type="checkbox" id="toggle-checkbox"/>

+            <div class="hidden-xs">

+                <ul class="nav navbar-nav">

+                    <li class="active"><a href="#">首页</a></li>

+                    <li><a href="#">国内</a></li>

+                    <li><a href="#">国际</a></li>

+                    <li><a href="#">数读</a></li>

+                    <li><a href="#">社会</a></li>

+                </ul>

+                <ul class="nav navbar-nav navbar-right">

+                    <li><a href="login.html">登陆</a></li>

+                    <li><a href="signup.html">注册</a></li>

+                </ul>

+            </div>

+            

+        </div>

+    </div>

+    <div class="container">

+        <div class="row">

+            <div class="col-sm-2">

+                <div class="hidden-xs list-group side-bar">

+                    <a href="" class="list-group-item active">综合</a>

+                    <a href="" class="list-group-item">电影</a>

+                    <a href="" class="list-group-item">电视剧</a>

+                    <a href="" class="list-group-item">明星</a>

+                    <a href="" class="list-group-item">音乐</a>

+                    <a href="" class="list-group-item">综合</a>

+                    <a href="" class="list-group-item">综合</a>

+                    <a href="" class="list-group-item">综合</a>

+                </div>

+            </div>

+            <div class="col-sm-7">

+                <div class="news-list">

+                    <div class="news-list-item clearfix">

+                        <div class="col-xs-5">

+                            <img src="img/002.jpg">

+                        </div>

+                        <div class="col-xs-7">

+                           <a href="news.html" class="title">2年前他为教育事业和高圆圆分手，今成这般，高圆圆：我有一句MMP如鲠在喉</a>

+                           <div class="info">

+                               <span><span class="avatar"><img src="img/logo.jpg" alt=""></span> 王花花</span> ⋅

+                               <span>25k评论</span> ⋅

+                               <span>10分钟前</span>

+                           </div>

+                        </div>

+                    </div>

+                    <div class="news-list-item clearfix">

+                        <div class="col-xs-5">

+                            <img src="img/003.jpg">

+                        </div>

+                        <div class="col-xs-7">

+                            <a href="#" class="title">2年前他为教育事业和高圆圆分手，今成这般，高圆圆：我有一句MMP如鲠在喉</a>

+                            <div class="info">

+                                <span><span class="avatar"><img src="img/logo.jpg" alt=""></span> 王花花</span> ⋅

+                                <span>25k评论</span> ⋅

+                                <span>10分钟前</span>

+                            </div>

+                        </div>

+                    </div>

+                    <div class="news-list-item clearfix">

+                        <div class="col-xs-5">

+                            <img src="img/005.jpg">

+                        </div>

+                        <div class="col-xs-7">

+                            <a href="#" class="title">2年前他为教育事业和高圆圆分手，今成这般，高圆圆：我有一句MMP如鲠在喉</a>

+                            <div class="info">

+                                <span><span class="avatar"><img src="img/logo.jpg" alt=""></span> 王花花</span> ⋅

+                                <span>25k评论</span> ⋅

+                                <span>10分钟前</span>

+                            </div>

+                        </div>

+                    </div>

+                    <div class="news-list-item clearfix">

+                        <div class="col-xs-5">

+                            <img src="img/002.jpg">

+                        </div>

+                        <div class="col-xs-7">

+                            <a href="#" class="title">2年前他为教育事业和高圆圆分手，今成这般，高圆圆：我有一句MMP如鲠在喉</a>

+                            <div class="info">

+                                <span><span class="avatar"><img src="img/logo.jpg" alt=""></span> 王花花</span> ⋅

+                                <span>25k评论</span> ⋅

+                                <span>10分钟前</span>

+                            </div>

+                        </div>

+                    </div>

+                    

+                </div>

+            </div>

+            <div class="col-sm-3">

+                <div class="search-bar">

+                    <input type="search" class="form-control" placeholder="搜一下">

+                </div>

+                <div class="side-bar-card flag clearfix">

+                    <div class="col-xs-5">

+                        <img src="img/1-1.png" alt="">

+                    </div>

+                    <div class="col-xs-7">

+                        <div class="text-lg">有害信息举报专区</div>

+                        <div>举报电话：123445</div>

+                    </div>

+                </div>

+                <div class="side-bar-card">

+                    <div class="card-title">24小时热闻</div>

+                    <div class="card-body">

+                        <div class="list">

+                            <div class="item">

+                                <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                                <div class="desc">15k阅读 1k评论</div>

+                            </div>

+                            <div class="item">

+                                <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                                <div class="desc">15k阅读 1k评论</div>

+                            </div>

+                            <div class="item">

+                                <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                                <div class="desc">15k阅读 1k评论</div>

+                            </div>

+                            <div class="item">

+                                <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                                <div class="desc">15k阅读 1k评论</div>

+                            </div>

+                            <div class="item">

+                                <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                                <div class="desc">15k阅读 1k评论</div>

+                            </div>

+                        </div>

+                    </div>

+                </div>

+            </div>

+        </div> 

+    </div>

+    <div class="footer">

+        © 2017 拴蛋头条 中国互联网举报中心京ICP证1401号京ICP备125439号-3京公网安备

+    </div>

+</body>

+</html>

+ 59 - 0
bootstrap/news/login.html
查看文件 

@@ -0,0 +1,59 @@
 
+<!DOCTYPE html>

+<html lang="en">

+<head>

+    <meta charset="UTF-8">

+    <meta name="viewport" content="width=device-width, initial-scale=1.0">

+    <meta http-equiv="X-UA-Compatible" content="ie=edge">

+    <title>Document</title>

+    <link rel="stylesheet" href="css/bootstrap.min.css">

+    <link rel="stylesheet" href="css/main.css">

+</head>

+<body>

+    <div class="navbar navbar-default">

+        <div class="container">

+            <div class="navbar-header">

+                <a href="index.html" class="navbar-brand"></a>

+            </div>

+            <label id="toggle-label" for="toggle-checkbox" class="visible-xs-inline-block">Menu</label>

+            <input class="hidden" type="checkbox" id="toggle-checkbox"/>

+            <div class="hidden-xs">

+                <ul class="nav navbar-nav">

+                    <li class="active"><a href="#">首页</a></li>

+                    <li><a href="#">国内</a></li>

+                    <li><a href="#">国际</a></li>

+                    <li><a href="#">数读</a></li>

+                    <li><a href="#">社会</a></li>

+                </ul>

+                <ul class="nav navbar-nav navbar-right">

+                    <li><a href="login.html">登陆</a></li>

+                    <li><a href="signup.html">注册</a></li>

+                </ul>

+            </div>

+        </div>

+    </div>

+    <div class="container container-small">

+        <h1>

+            登陆 <small>没有账号？<a href="signup.html">注册</a></small>

+        </h1>

+        <form action="">

+            <div class="form-group">

+                <label for="">用户名/手机/邮箱</label>

+                <input type="text" class="form-control">

+            </div>

+            <div class="form-group">

+                <label for="">密码</label>

+                <input type="password" class="form-control">

+            </div>

+            <div class="form-group">

+                <button type="submit" class="btn btn-primary btn-block">登陆</button>

+            </div>

+            <div class="form-group">

+                <a href="#">忘记密码</a>

+            </div>

+        </form>

+    </div>

+    <div class="footer">

+        © 2017 拴蛋头条 中国互联网举报中心京ICP证1401号京ICP备125439号-3京公网安备

+    </div>

+</body>

+</html>

+ 125 - 0
bootstrap/news/news.html
查看文件 

@@ -0,0 +1,125 @@
 
+<!DOCTYPE html>

+<html lang="en">

+<head>

+    <meta charset="UTF-8">

+    <meta name="viewport" content="width=device-width, initial-scale=1.0">

+    <meta http-equiv="X-UA-Compatible" content="ie=edge">

+    <title>Document</title>

+    <link rel="stylesheet" href="css/bootstrap.min.css">

+    <link rel="stylesheet" href="css/main.css">

+</head>

+<body>

+    <div class="navbar navbar-default">

+        <div class="container">

+            <div class="navbar-header">

+                <a href="index.html" class="navbar-brand"></a>

+            </div>

+            <label id="toggle-label" for="toggle-checkbox" class="visible-xs-inline-block">Menu</label>

+            <input class="hidden" type="checkbox" id="toggle-checkbox"/>

+            <div class="hidden-xs">

+                <ul class="nav navbar-nav">

+                    <li class="active"><a href="#">首页</a></li>

+                    <li><a href="#">国内</a></li>

+                    <li><a href="#">国际</a></li>

+                    <li><a href="#">数读</a></li>

+                    <li><a href="#">社会</a></li>

+                </ul>

+                <ul class="nav navbar-nav navbar-right">

+                    <li><a href="login.html">登陆</a></li>

+                    <li><a href="signup.html">注册</a></li>

+                </ul>

+            </div>

+        </div>

+    </div>

+    <div class="container">

+        <div class="col-md-8">

+            <h1 class="news-title">2年前他为教育事业和高圆圆分手，今成这般，高圆圆：我有一句MMP如鲠在喉</h1>

+            <div class="news-status">25k阅读 • 35分之前发布 

+                <div class="label label-default">教育</div>

+                <div class="label label-default">情感</div>

+            </div>

+            <div class="news-content">

+                <blockquote>

+                    <p>

+                        sdfadsgadsfsadgsadfsagdsadfsadgsadfsadgsadfsfd

+                    </p>

+                </blockquote>

+                <div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis id corporis porro saepe eveniet temporibus! Corporis, amet autem? Ut repellendus sequi sit quae odit facere maiores a, dolore ratione et.</div>

+                <img src="img/2-4.jpg" alt="">

+                <div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis id corporis porro saepe eveniet temporibus! Corporis, amet autem? Ut repellendus sequi sit quae odit facere maiores a, dolore ratione et.</div>

+                <div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis id corporis porro saepe eveniet temporibus! Corporis, amet autem? Ut repellendus sequi sit quae odit facere maiores a, dolore ratione et.</div>

+                <div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis id corporis porro saepe eveniet temporibus! Corporis, amet autem? Ut repellendus sequi sit quae odit facere maiores a, dolore ratione et.</div>

+                <div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis id corporis porro saepe eveniet temporibus! Corporis, amet autem? Ut repellendus sequi sit quae odit facere maiores a, dolore ratione et.</div>

+                <div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis id corporis porro saepe eveniet temporibus! Corporis, amet autem? Ut repellendus sequi sit quae odit facere maiores a, dolore ratione et.</div>

+                <div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis id corporis porro saepe eveniet temporibus! Corporis, amet autem? Ut repellendus sequi sit quae odit facere maiores a, dolore ratione et.</div>

+            </div>

+        </div>

+        <div class="col-md-4">

+            <div class="side-bar-card">

+                <div class="card-title">相关推荐</div>

+                <div class="card-body">

+                    <div class="list">

+                        <div class="item clearfix">

+                            <div class="col-xs-5 no-padding-h">

+                                <img src="https://dummyimage.com/600x500/ddd/999" alt="">

+                            </div>

+                            <div class="col-xs-7">

+                                <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                                <div class="desc">15k阅读  1k评论</div>    

+                            </div>

+                        </div>

+                        <div class="item clearfix">

+                            <div class="col-xs-5 no-padding-h">

+                                <img src="https://dummyimage.com/600x500/ddd/999" alt="">

+                            </div>

+                            <div class="col-xs-7">

+                                <div class="title">sdfadsgad sfsadgsad fsagdsadfasd asfsadasfas dasfasdsa fsafasfasf</div>

+                                <div class="desc">15k阅读  1k评论</div>    

+                            </div>

+                        </div>

+                        <div class="item clearfix">

+                            <div class="col-xs-5 no-padding-h">

+                                <img src="https://dummyimage.com/600x500/ddd/999" alt="">

+                            </div>

+                            <div class="col-xs-7">

+                                <div class="title">sdfadsgads fsadgsadfsagdsadf</div>

+                                <div class="desc">15k阅读  1k评论</div>    

+                            </div>

+                        </div>

+                    </div>

+                </div>

+            </div>

+            <div class="side-bar-card">

+                <div class="card-title">24小时热闻</div>

+                <div class="card-body">

+                    <div class="list">

+                        <div class="item">

+                            <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                            <div class="desc">15k阅读 1k评论</div>

+                        </div>

+                        <div class="item">

+                            <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                            <div class="desc">15k阅读 1k评论</div>

+                        </div>

+                        <div class="item">

+                            <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                            <div class="desc">15k阅读 1k评论</div>

+                        </div>

+                        <div class="item">

+                            <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                            <div class="desc">15k阅读 1k评论</div>

+                        </div>

+                        <div class="item">

+                            <div class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>

+                            <div class="desc">15k阅读 1k评论</div>

+                        </div>

+                    </div>

+                </div>

+            </div>

+        </div>

+    </div>

+    <div class="footer">

+        © 2017 拴蛋头条 中国互联网举报中心京ICP证1401号京ICP备125439号-3京公网安备

+    </div>

+</body>

+</html>

+ 68 - 0
bootstrap/news/signup.html
查看文件 

@@ -0,0 +1,68 @@
 
+<!DOCTYPE html>

+<html lang="en">

+<head>

+    <meta charset="UTF-8">

+    <meta name="viewport" content="width=device-width, initial-scale=1.0">

+    <meta http-equiv="X-UA-Compatible" content="ie=edge">

+    <title>Document</title>

+    <link rel="stylesheet" href="css/bootstrap.min.css">

+    <link rel="stylesheet" href="css/main.css">

+</head>

+<body>

+    <div class="navbar navbar-default">

+        <div class="container">

+            <div class="navbar-header">

+                <a href="index.html" class="navbar-brand"></a>

+            </div>

+            <label id="toggle-label" for="toggle-checkbox" class="visible-xs-inline-block">Menu</label>

+            <input class="hidden" type="checkbox" id="toggle-checkbox"/>

+            <div class="hidden-xs">

+                <ul class="nav navbar-nav">

+                    <li class="active"><a href="#">首页</a></li>

+                    <li><a href="#">国内</a></li>

+                    <li><a href="#">国际</a></li>

+                    <li><a href="#">数读</a></li>

+                    <li><a href="#">社会</a></li>

+                </ul>

+                <ul class="nav navbar-nav navbar-right">

+                    <li><a href="login.html">登陆</a></li>

+                    <li><a href="signup.html">注册</a></li>

+                </ul>

+            </div>

+        </div>

+    </div>

+    <div class="container container-small">

+        <h1>

+            注册 <small>没有账号？<a href="signup.html">注册</a></small>

+        </h1>

+        <form action="">

+            <div class="form-group">

+                <label for="">手机</label>

+                <input type="text" class="form-control">

+            </div>

+            <div class="form-group">

+                <label for="">验证码</label>

+                <div class="input-group">

+                    <input type="text" class="form-control">

+                    <div class="input-group-btn">

+                        <div class="btn btn-default">获取验证码</div>

+                    </div>

+                </div>

+            </div>

+            <div class="form-group">

+                <label for="">密码</label>

+                <input type="password" class="form-control">

+            </div>

+            <div class="form-group">

+                <button type="submit" class="btn btn-primary btn-block">注册</button>

+            </div>

+            <div class="form-group">

+                注册栓但头条即代表您同意<a href="#">栓但头条服务条款</a>

+            </div>

+        </form>

+    </div>

+    <div class="footer">

+        © 2017 拴蛋头条 中国互联网举报中心京ICP证1401号京ICP备125439号-3京公网安备

+    </div>

+</body>

+</html>