diff options
Diffstat (limited to 'Code/jinwei.me/mobile/index.html')
-rw-r--r-- | Code/jinwei.me/mobile/index.html | 176 |
1 files changed, 87 insertions, 89 deletions
diff --git a/Code/jinwei.me/mobile/index.html b/Code/jinwei.me/mobile/index.html index 2e89a36..9964c70 100644 --- a/Code/jinwei.me/mobile/index.html +++ b/Code/jinwei.me/mobile/index.html | |||
@@ -1,100 +1,98 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html lang="en"> | 2 | <html lang="en"> |
3 | <head> | ||
4 | <meta charset="utf-8"> | ||
5 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
6 | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
7 | <script src="js/less.js" type="text/javascript"></script> | ||
8 | |||
9 | <title>Jinwei的小站</title> | ||
10 | 3 | ||
11 | <!-- Bootstrap core CSS --> | 4 | <head> |
12 | <link href="css/bootstrap.min.css" rel="stylesheet"> | 5 | <meta charset="utf-8"> |
13 | <link rel="stylesheet/less" type="text/css" href="css/navbar.less"></head> | 6 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
7 | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
8 | <script src="js/less.js" type="text/javascript"></script> | ||
9 | <title>Jinwei的小站</title> | ||
10 | <!-- Bootstrap core CSS --> | ||
11 | <link href="css/bootstrap.min.css" rel="stylesheet"> | ||
12 | <link rel="stylesheet/less" type="text/css" href="css/navbar.less"> | ||
13 | </head> | ||
14 | 14 | ||
15 | <body> | 15 | <body> |
16 | 16 | <div class="container"> | |
17 | <div class="container"> | 17 | <!-- Static navbar --> |
18 | 18 | <div class="navbar navbar-default" role="navigation"> | |
19 | <!-- Static navbar --> | 19 | <div class="container-fluid"> |
20 | <div class="navbar navbar-default" role="navigation"> | 20 | <div class="navbar-header"> |
21 | <div class="container-fluid"> | 21 | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> |
22 | <div class="navbar-header"> | 22 | <span class="sr-only">Toggle navigation</span> |
23 | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | 23 | <span class="icon-bar"></span> |
24 | <span class="sr-only">Toggle navigation</span> | 24 | <span class="icon-bar"></span> |
25 | <span class="icon-bar"></span> | 25 | <span class="icon-bar"></span> |
26 | <span class="icon-bar"></span> | 26 | </button> |
27 | <span class="icon-bar"></span> | 27 | <a class="navbar-brand" href="#">jinwei.me</a> |
28 | </button> | 28 | </div> |
29 | <a class="navbar-brand" href="#">jinwei.me</a> | 29 | <div class="navbar-collapse collapse"> |
30 | </div> | 30 | <ul class="nav navbar-nav"> |
31 | <div class="navbar-collapse collapse"> | 31 | <li class="active"> |
32 | <ul class="nav navbar-nav"> | 32 | <a href="http://jinwei-me.lofter.com">Blog</a> |
33 | <li class="active"> | 33 | </li> |
34 | <a href="http://jinwei-me.lofter.com">Blog</a> | 34 | <li class="dropdown"> |
35 | </li> | 35 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> |
36 | <li class="dropdown"> | ||
37 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
38 | About me <b class="caret"></b> | 36 | About me <b class="caret"></b> |
39 | </a> | 37 | </a> |
40 | <ul class="dropdown-menu"> | 38 | <ul class="dropdown-menu"> |
41 | <li class="dropdown-header">Tags</li> | 39 | <li class="dropdown-header">Tags</li> |
42 | <li> | 40 | <li> |
43 | <a href="#">95后</a> | 41 | <a href="#">95后</a> |
44 | </li> | 42 | </li> |
45 | <li> | 43 | <li> |
46 | <a href="#">大一</a> | 44 | <a href="#">大一</a> |
47 | </li> | 45 | </li> |
48 | <li> | 46 | <li> |
49 | <a href="#">Go语言爱好者</a> | 47 | <a href="#">Go语言爱好者</a> |
50 | </li> | 48 | </li> |
51 | <li> | 49 | <li> |
52 | <a href="#">伪文青</a> | 50 | <a href="#">伪文青</a> |
53 | </li> | 51 | </li> |
54 | <li> | 52 | <li> |
55 | <a href="#">宅</a> | 53 | <a href="#">宅</a> |
56 | </li> | 54 | </li> |
57 | <li> | 55 | <li> |
58 | <a href="#">爱折腾</a> | 56 | <a href="#">爱折腾</a> |
59 | </li> | 57 | </li> |
60 | <li> | 58 | <li> |
61 | <a href="#">爱技术</a> | 59 | <a href="#">爱技术</a> |
62 | </li> | 60 | </li> |
63 | <li> | 61 | <li> |
64 | <a href="#">爱有技术会设计的妹子</a> | 62 | <a href="#">爱有技术会设计的妹子</a> |
65 | </li> | 63 | </li> |
66 | </ul> | 64 | </ul> |
67 | </li> | 65 | </li> |
68 | </ul> | 66 | </ul> |
69 | <ul class="nav navbar-nav navbar-right"> | 67 | <ul class="nav navbar-nav navbar-right"> |
70 | <li> | 68 | <li> |
71 | <a href="https://github.com/JinweiClarkChao/jinweiclarkchao.github.com" target="_blank">View it on Github</a> | 69 | <a href="https://github.com/JinweiClarkChao/jinweiclarkchao.github.com" target="_blank">View it on Github</a> |
72 | </li> | 70 | </li> |
73 | </ul> | 71 | </ul> |
72 | </div> | ||
73 | <!--/.nav-collapse --> | ||
74 | </div> | ||
75 | <!--/.container-fluid --> | ||
76 | </div> | ||
77 | <!-- Main component for a primary marketing message or call to action --> | ||
78 | <div class="jumbotron"> | ||
79 | <h1>Jinwei的小站</h1> | ||
80 | <p>如果你是Android用户,下载下面的App</p> | ||
81 | <p> | ||
82 | <a class="btn btn-lg btn-primary" href="http://jinwei-me.lofter.com/app" target="_blank" role="button">Download App</a> | ||
83 | </p> | ||
84 | <p>如果你是iPhone, iPad, Windows Phone, Blackberry等用户......</p> | ||
85 | <p> | ||
86 | <a class="btn btn-lg btn-primary" href="#" role="button">Wait for me</a> | ||
87 | </p> | ||
74 | </div> | 88 | </div> |
75 | <!--/.nav-collapse --> </div> | ||
76 | <!--/.container-fluid --> </div> | ||
77 | |||
78 | <!-- Main component for a primary marketing message or call to action --> | ||
79 | <div class="jumbotron"> | ||
80 | <h1>Jinwei的小站</h1> | ||
81 | <p>如果你是Android用户,下载下面的App</p> | ||
82 | <p> | ||
83 | <a class="btn btn-lg btn-primary" href="http://jinwei-me.lofter.com/app" target= "_blank" role="button">Download App</a> | ||
84 | </p> | ||
85 | <p>如果你是iPhone, iPad, Windows Phone, Blackberry等用户......</p> | ||
86 | <p> | ||
87 | <a class="btn btn-lg btn-primary" href="#" role="button">Wait for me</a> | ||
88 | </p> | ||
89 | </div> | 89 | </div> |
90 | 90 | <!-- /container --> | |
91 | </div> | 91 | <!-- Bootstrap core JavaScript |
92 | <!-- /container --> | ||
93 | |||
94 | <!-- Bootstrap core JavaScript | ||
95 | ================================================== --> | 92 | ================================================== --> |
96 | <!-- Placed at the end of the document so the pages load faster --> | 93 | <!-- Placed at the end of the document so the pages load faster --> |
97 | <script src="js/jquery.min.js"></script> | 94 | <script src="js/jquery.min.js"></script> |
98 | <script src="js/bootstrap.min.js"></script> | 95 | <script src="js/bootstrap.min.js"></script> |
99 | </body> | 96 | </body> |
100 | </html> \ No newline at end of file | 97 | |
98 | </html> | ||