web15/embed-map.html at master · tboydar/web15 · 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
<!DOCTYPE html>
<html lang="zh-TW">

<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">
    <meta property="og:url" content="http://www.dragonwu.ga/web14/product.html" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="好野人行銷網" />
    <meta property="og:description" content="發燒互動工具推你一把" />
    <meta property="og:image" content="" />


    <!-- 新Bootstrap4核心CSS文件-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <!-- jQuery文件。務必在bootstrap.min.js之前引入-->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <!-- popper. min.js用於彈窗、提示、下拉菜單-->
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <!-- 最新的Bootstrap4核心JavaScript文件-->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-139452052-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'UA-139452052-1');
    </script>

    <title>好野人行銷網</title>

    <style type="text/css">
        @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

        body {
            font-family: 'Noto Sans TC', sans-serif;
        }

        .breadcrumb {
            background-color: white;
        }

        .media {
            margin-top: 20px;
            font-size: 0.6em;
        }

        .media img {
            width: 50px;
            height: auto;
        }

        .media h5 {
            font-size: 1.2em;
        }

        .like {
            margin-bottom: 20px;
            margin-right: 3px;
        }

        .line {
            padding-top: 4px;
        }

        #map {
            position: relative;
            padding-bottom: 75%;
            height: 0;
            overflow: hidden;
        }

        #map iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
        }
    </style>
</head>

<body>
    <!-- 固定上方導航 -->
    <nav class="navbar navbar-expand-sm bg-light navbar-light">
        <div class="container">
            <a class="navbar-brand" href="index.html">好野人行銷網</a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item"><a class="nav-link" href="index.html#about">關於產品</a></li>
                    <li class="nav-item"><a class="nav-link" href="index.html#features">特色</a></li>
                    <li class="nav-item"><a class="nav-link" href="index.html#pricint">價格</a></li>
                    <li class="nav-item"><a class="nav-link" href="product.html">產品新聞</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <section id="breadcrumb">
        <div class="container">
            <nav aria-label="breadcrumb bg-light">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html">首頁</a></li>
                    <li class="breadcrumb-item active" aria-current="page">地圖</li>
            </nav>
        </div>
    </section>
    <section id="map">
        <div class="container">
            <div class="row">
                <div class="col" style="min-height:450px;">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.071390548264!2d121.52037841635615!3d25.06556934317595!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a945aa5ac531%3A0x986f8c54f1a01ae7!2zMTA0OTHlj7DljJfluILkuK3lsbHljYDkuK3lsbHljJfot6_kuInmrrUyOeiZnw!5e0!3m2!1szh-TW!2stw!4v1557633607406!5m2!1szh-TW!2stw"
                        width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
                </div>
            </div>

        </div>
    </section>
</body>

</html>