feld/fiv.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
<!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"/>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=H6vG28I0HuR2ukwfiEtAixdFW21MSbaL"></script>
    <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="the.html" >服务</a></li>
                    <li><a href="for.html" >画廊</a></li>
                    <li><a href="#" class="active">联系我们</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 fiv">
    <div id="allmap" class="col-lg-12 ">

    </div>
    <form class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 ">
            <input  type="text" value="姓名"/>

        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 ">
            <input   type="text" value="邮箱"/>

        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 ">
            <input   type="text" value="手机号码"/>

        </div>
        <div class="col-md-12 col-sm-12 col-xs-12">
            <textarea value="信息" ></textarea>
        </div>
        <button class="tjiao">提交</button>
    </form>
</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>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");    // 创建Map实例
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
    map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
    map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>
</body>
</html>