feld/the.html at master · bootstrapObject/feld · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/min-max.css"/>

    <title></title>
</head>
<body>
<div class="container">
    <nav class="navbar " role="navigation">
        <div class="navbar-header">
            <h1 name="top"><a href="#">田野之家</a></h1>
        </div>
        <div class="right">
            <ul class="navbar-text navbar-right">
                <li class="bg_img1"></li>
                <li class="bg_img2"></li>
                <li class="bg_img3"></li>
                <li class="bg_img4"></li>
                <li class="bg_img5"></li>
            </ul>
        </div>
    </nav>
</div>
<div class="container">
    <nav class="navbar navbar-default b_G">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li  ><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
                    <li><a href="two.html" >关于</a></li>
                    <li><a href="#" class="active">服务</a></li>
                    <li><a href="for.html" >画廊</a></li>
                    <li><a href="fiv.html" >联系我们</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><form class="navbar-form navbar-left" role="search">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="搜索">
                         <span class="input-group-btn">
                         <button class="btn btn-default glyphicon glyphicon-search" type="button"></button>
                         </span>
                    </form></li>
                </ul>
            </div>
        </div>
    </nav>
</div>
<div class="Bg_Img carousel ctn">
        <h2>关于我们</h2>

</div>


<div class="container the">
    <div class="row">
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
            <img class="img-responsive" src="images/3.jpg" alt=""/>
            <h3>农业的灌溉，药物喷洒</h3>
            <div>
                <h5>泡泡|10评论</h5>
                <p>出海第六天，我们到达雅茅斯锚地①。在大风暴之后，我们的船没有走多少路，因为尽管天气晴朗，但却一直刮着逆风，因此，我们不得不在这海中停泊处抛锚。逆风吹了七八天，风是从西南方向吹来的。在此期间，许多从纽卡斯尔来的船只也都到这一开放锚地停泊，因为这儿是海上来往必经的港口，船只都在这儿等候顺风，驶入耶尔河。</p>
                <p>我们本来不该在此停泊太久，而是应该趁着潮水驶入河口。无奈风刮得太紧，而停了四五天之后，风势更猛。但这块锚地素来被认为是个良港，加上我们的锚十分牢固，船上的锚索、辘轳、缆篷等一应设备均十分结实，因此水手们对大风都满不在乎，而且一点也不害怕，照旧按他们的生活方式休息作乐。到第八天早晨，风势骤然增大。于是全体船员都动员起来，一起动手落下了中帆，并把船上的一切物件都安顿好，使船能顶住狂风，安然停泊。到了中午，大海卷起了狂澜。我们的船头好几次钻入水中，打进了很多水。有一两次，我们以为脱了船锚，因此，船长下令放下备用大锚。这样，我们在船头下了两个锚，并把锚索放到最长的限度。</p>
                <p>到了傍晚，大副和水手长恳求船长砍掉前桅；此事船长当然是绝不愿意干的。但水手长抗议说，如果船长不同意砍掉前桅，船就会沉没。这样，船长也只好答应了。但船上的前桅一砍下来，主桅随风摇摆失去了控制，船也随着剧烈摇晃，于是他们又只得把主桅也砍掉。这样就只剩下一个空荡荡的甲板了。</p>
            </div>
            <div>
                <h3>评论</h3>
                <div class="media">
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object " src="images/team-3.jpg" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">张三</h4>
                        <p>出海第六天，我们到达雅茅斯锚地①。在大风暴之后，我们的船没有走多少路，因为尽管天气晴朗，但却一直刮着逆风，因此，我们不得不在这海中停泊处抛锚。逆风吹了七八天，风是从西南方向吹来的。在此期间，许多从纽卡斯尔来的船只也都到这一开放锚地停泊，因为这儿是海上来往必经的港口，船只都在这儿等候顺风，驶入耶尔河。</p>
                    </div>
                </div>
                <div class="media">
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="images/team-2.jpg" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">王五</h4>
                        <p>出海第六天，我们到达雅茅斯锚地①。在大风暴之后，我们的船没有走多少路，因为尽管天气晴朗，但却一直刮着逆风，因此，我们不得不在这海中停泊处抛锚。逆风吹了七八天，风是从西南方向吹来的。在此期间，许多从纽卡斯尔来的船只也都到这一开放锚地停泊，因为这儿是海上来往必经的港口，船只都在这儿等候顺风，驶入耶尔河。</p>
                    </div>
                </div>
                <div class="media">
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="images/team-1.jpg" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">李四</h4>
                        <p>出海第六天，我们到达雅茅斯锚地①。在大风暴之后，我们的船没有走多少路，因为尽管天气晴朗，但却一直刮着逆风，因此，我们不得不在这海中停泊处抛锚。逆风吹了七八天，风是从西南方向吹来的。在此期间，许多从纽卡斯尔来的船只也都到这一开放锚地停泊，因为这儿是海上来往必经的港口，船只都在这儿等候顺风，驶入耶尔河。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="row">
                <h3>分类</h3>
                <ul>
                    <li><a href="">灌溉</a></li>
                    <li><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>

            </div>
            <div class="row">
                <h3>档案</h3>
                <ul>
                    <li><a href="">2009.05.20</a></li>
                    <li><a href="">2010.07.31</a></li>
                    <li><a href="">2012.01.22</a></li>
                    <li><a href="">2012.11.22</a></li>
                    <li><a href="">2014.12.24</a></li>
                    <li><a href="">2015.02.25</a></li>
                </ul>
            </div>
            <div class="row right-img">
                <h3>相关文章</h3>

                    <div class="col-md-5 col-sm-6 col-xs-12">
                        <a href="#">
                            <img  src="images/c.jpg" alt="...">
                        </a>
                    </div>
                    <div class="col-md-5 col-sm-6 col-xs-12">
                        <h4>李四</h4>
                        <P>天气晴朗，海面风平浪静。</P>
                    </div>
                    <div class="col-md-5 col-sm-6 col-xs-12">
                        <a href="#">
                            <img  src="images/c.jpg" alt="...">
                        </a>
                    </div>
                    <div class="col-md-5 col-sm-6 col-xs-12">
                        <h4>李四</h4>
                        <P>天气晴朗，海面风平浪静。</P>
                    </div>
                    <div class="col-md-5 col-sm-6 col-xs-12">
                        <a href="#">
                            <img  src="images/c.jpg" alt="...">
                        </a>
                    </div>
                    <div class="col-md-5 col-sm-6 col-xs-12">
                        <h4>李四</h4>
                        <P>天气晴朗，海面风平浪静。</P>
                    </div>
                    <div class="col-md-5 col-sm-6 col-xs-12">
                        <a href="#">
                            <img  src="images/c.jpg" alt="...">
                        </a>
                    </div>
                    <div class="col-md-5 col-sm-6 col-xs-12">
                        <h4>李四</h4>
                        <P>天气晴朗，海面风平浪静。</P>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-lg-8"></div>
        <div class="col-lg-4"></div>
    </div>

</div>

<div class="footer ctn">
    <div class="container ">
        <nav class="navbar " role="navigation">
            <div class="navbar-header">
                <h2><a href="#">田野之家</a></h2>
            </div>
            <div class="navbar-text navbar-right">
                <span><a href="#">首页</a></span>
                <span><a href="#">关于</a></span>
                <span><a href="#">服务</a></span>
                <span><a href="#">画廊</a></span>
                <span><a href="#">联系我们</a></span>
                <span class="hidden-xs"><a href="#top"><img src="images/arr.png" alt=""/></a></span>
            </div>
        </nav>
    </div>
</div>
<div class="last_footer">
    <div class="container ctn">
        <div class="pad_15">
                <p>Copyright &copy 2015.田野之家公司名称的所有权利</p>
        </div>
    </div>
</div>
<!--[if lte IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<script src="js/jquery-1.11.3.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>