devfest2018/index.html at master · njgdg/devfest2018 · 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
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>DevFest 2018 · Nanjing GDG</title>
    <link rel="shortcut icon" href="./favicon.png" type="image/x-icon" />

    <!-- Bootstrap -->
    <!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="./src/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./src/css/app.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- 首屏 -->
    <div id="S1" class="site-wrapper site-wrapper-1">
      <div class="site-wrapper-inner">
        <div class="cover-container">
          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">
                <a href="#" class="logo"><i class="icon"></i> GDG Nanjing</a>
              </h3>
              <nav>
                <ul class="nav masthead-nav">
                  <li class="active"><a href="#home">首页</a></li>
                  <li><a href="#S2">关于</a></li>
                  <li><a href="#S4">讲师</a></li>
                  <li><a href="#Map">地址</a></li>
                </ul>
              </nav>
            </div>
          </div>
          <div class="inner cover">
            <h1 class="cover-heading">Nanjing GDG DevFest 2018</h1>
            <p>&nbsp;</p>
            <p class="lead">2018 年南京谷歌开发者节，联动全球、谷歌赞助，南京本土一年一度的码农盛会，即将到来。</p>
            <p>&nbsp;</p>
            <p class="lead">
              <!-- TODO:开启关闭报名控制 -->
              <a href="https://gdgdocs.org/forms/d/e/1FAIpQLScUvsmr0QyRhd3BLMcOZv6daardOu6M6PZD8tFx8ZbzC2JvlA/viewform" class="btn btn-lg btn-default">立即报名</a>
              <!-- &nbsp;&nbsp;&nbsp;&nbsp; -->
              <!-- <a href="#" class="btn btn-lg btn-default">召集讲师</a> -->

              <!-- TODO:扫码进入现场群，浏览器输入参数 openqrcode -->
              <!-- <img src="./src/img/arrow.png" width="200" alt="" style="position: absolute; left:50%; margin-left: -350px; margin-top: 50px;">
              <img src="./src/img/devfest2017-group-qr.png" width="200" alt=""> -->
            </p>
            <br>
            <p class="lead" style="font-size: 1.2em">2018年10月27日，09:00 - 18:00，楚翘城会议中心</p>
          </div>
          <div class="mastfoot">
            <div class="inner">
              <p>
                &copy;2018 Nanjing GDG, Follow <a data-toggle="modal" data-target=".bs-example-modal-sm" href="#">NanjingGDG WeChat</a>. Photo by Wang Fan.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- ./首屏 -->

    <!-- 2 -->
    <div id="S2" class="sw-2">
      <div class="cover-container">
        <div>&nbsp;<br>&nbsp;</div>
        <h1 class="fn-black">关于我们</h1>
        <p>
          GDG 就是由 Google 在全球设立的，有众多行业先锋、领导人物、技术大牛以及无数热爱技术热爱 Google 的人组成的超级社区，你所熟悉的都是社区成员，南京 GDG 是骄傲的一员。<br>
          在过去，南京 GDG 成功举办了四届 DevFest，吸引了总计超过 <strong class="fn-black">1500</strong> 多人次参加，此外每年还有中小型技术沙龙，活动总计参与人数超过 <strong class="fn-black">4000</strong> 多人次，南京GDG已然成为南京本土连接码农的主要社区之一。
        </p>
        <p>&nbsp;</p>
        <div class="row">
          <div class="col-md-6">
            <img src="./src/img/devfest2014.jpg" width="240" alt="">
            <h4 class="fn-fs-serif fn-black fn-bold">DevFest 2014</h4>
            <br />
          </div>
          <div class="col-md-6">
            <img src="./src/img/devfest2015.jpg" width="240" alt="">
            <h4 class="fn-fs-serif fn-black fn-bold">DevFest 2015</h4>
            <br />
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <img src="./src/img/devfest2016.jpg" width="240" alt="">
            <h4 class="fn-fs-serif fn-black fn-bold">DevFest 2016</h4>
          </div>
          <div class="col-md-6">
            <img src="./src/img/devfest2017.jpg" width="240" alt="">
            <h4 class="fn-fs-serif fn-black fn-bold">DevFest 2017</h4>
          </div>
        </div>
        <div>&nbsp;<br>&nbsp;</div>
      </div>
    </div>
    <!-- ./2 -->

    <!-- 3 -->
    <div id="S3" class="site-wrapper sw-3">
      <div class="site-wrapper-inner">
        <div class="cover-container">
        </div>
      </div>
    </div>
    <!-- ./3 -->

    <!-- 4 -->
    <div id="S4" class="sw-4 ctn">
      <div class="container">
        <div>&nbsp;<br>&nbsp;</div>
        <h1>讲师</h1>
        <div id="J-Speakers"></div>
      </div>
    </div>
    <!-- ./4 -->

    <!-- 5 -->
    <div
      id="Map"
      class="map-wrap"
      data-title="会场地址"
      data-address="雨花台区安德门大街61号楚翘城会议中心二楼会议大厅。"
      data-lng="118.764454"
      data-lat="31.970256"
    ></div>
    <!-- ./5 -->

    <div class="page-footer">
      <p>
        &copy;2018 Nanjing GDG, Follow <a data-toggle="modal" data-target=".bs-example-modal-sm" href="#">NanjingGDG WeChat</a>.
      </p>
    </div>

    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
          <h1>&nbsp;</h1>
          <img src="./src/img/qrcode.jpg" width="129" alt="南京GDG微信二维码">
          <p>&nbsp;</p>
          <p>扫描二维码，关注我们的微信</p>
          <h1>&nbsp;</h1>
        </div>
      </div>
    </div>

    <script src="./src/lib/jquery.min.js"></script>
    <script src="./src/lib/bootstrap/js/bootstrap.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.3&key=fd61045fc105845b0afb4bb0e6014596"></script>
    <script src="./src/js/app.js"></script>
  </body>
</html>