-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·196 lines (178 loc) · 8.55 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="OpenSource">
<meta name="author" content="Growth Studio">
<title>Growth Studio - Enjoy Create & Share</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/carousel.css" rel="stylesheet">
</head>
<!-- NAVBAR
================================================== -->
<body>
<div class="navbar-wrapper">
<div class="container">
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Growth Studio</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">首页</a></li>
<li><a href="#about">博客</a></li>
<li><a href="#contact">关于我们</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="first-slide"
src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
alt="First slide">
<div class="container">
<div class="carousel-caption">
<h1>《Growth：全栈增长工程师指南 》</h1>
<p>可以帮助你构建你的知识体系，这也是其他技术书籍所欠缺的。它可以告诉你，你可以学习什么，然后看什么书。</p>
<p><a class="btn btn-lg btn-primary" href="https://github.com/phodal/growth-ebook" role="button">立即阅读</a>
</p>
</div>
</div>
</div>
<div class="item">
<img class="second-slide"
src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
alt="Second slide">
<div class="container">
<div class="carousel-caption">
<h1>《Growth：全栈增长工程师实战》</h1>
<p>在Growth中我们介绍的只是一系列的实践，而Growth实战则会带领读者去履行这些实践。</p>
<p><a class="btn btn-lg btn-primary" href="https://github.com/phodal/growth-in-action"
role="button">立即阅读</a></p>
</div>
</div>
</div>
<div class="item">
<img class="third-slide"
src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
alt="Third slide">
<div class="container">
<div class="carousel-caption">
<h1>《Growth：增长工程师修炼之道》</h1>
<p>Coming soon...</p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">尽请期待</a></p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">上一个</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">下一个</span>
</a>
</div>
<div class="container marketing">
<div class="row">
<div class="col-lg-4">
<span class="glyphicon marketing-icon glyphicon-grain" aria-hidden="true"></span>
<h2>Open Source</h2>
<p>我们创建了一系列的相关的开源项目，你可以从这些项目里获取灵感。这些项目并不仅包含代码，还包含文档、示例、设计思想。</p>
<p><a class="btn btn-default" href="/about" role="button">查看详细</a></p>
</div>
<div class="col-lg-4">
<span class="glyphicon marketing-icon glyphicon-pencil" aria-hidden="true"></span>
<h2>Create</h2>
<p>作为程序员，我们天性喜欢创造。从创造一个新的英语单词，制造一个新的轮子，每一天，我们都觉得自己因此而与众不同。</p>
<p><a class="btn btn-default" href="/about" role="button">查看详细</a></p>
</div>
<div class="col-lg-4">
<span class="glyphicon marketing-icon glyphicon-globe" aria-hidden="true"></span>
<h2>Share</h2>
<p>正是分享使我们有机会学会到更多的知识，我们也将我们学到的知识分享给更多的人们，让不同的地方的人们可以聚集学习。</p>
<p><a class="btn btn-default" href="/about" role="button">查看详细</a></p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Growth App</h2>
<div class="lead">
<p>Growth是一款专注于Web开发者成长的应用，涵盖Web开发的流程及技术栈，Web开发的学习路线、成长衡量等各方面。</p>
<p>在这里你可以get到：</p>
<ul>
<li>不同阶段所需的不同技能</li>
<li>相关书单推荐</li>
<li>获取不同的学习路线</li>
<li>寻找合适的练手项目</li>
</ul>
</div>
</div>
<div class="col-md-5">
<span class="glyphicon glyphicon-th-large feature-icon"></span>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 col-md-push-5">
<h2 class="featurette-heading">Growth EBook</h2>
<div class="lead">
<p>Growth电子书系列可以帮助你更好的构建Web开发知识体系，它包含有下面几本电子书：</p>
<ul>
<li>增长工程师指南</li>
<li>增长工程师实战</li>
<li>增长工程师的练手项目集</li>
<li>增长工程师的工具箱</li>
</ul>
</div>
</div>
<div class="col-md-5 col-md-pull-7">
<span class="glyphicon glyphicon-book feature-icon"></span>
</div>
</div>
<hr class="featurette-divider">
<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">回到顶部</a></p>
<p>© Growth Studio</p>
</footer>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/vendor/jquery-3.1.1.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/holder.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-87762194-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>