-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
366 lines (327 loc) · 15.3 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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js" integrity="sha384-3LK/3kTpDE/Pkp8gTNp2gR/2gOiwQ6QaO7Td0zV76UFJVhqLl4Vl3KL1We6q6wR9" crossorigin="anonymous"></script>
<!-- Font-awesome link -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
<!-- Fonts links -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
<div class="container">
<!-- TOP BANNER SECTION
_________________________________________________________________________-->
<div id="banner-container">
<div id="banner">
<p> Are you #movingtogitlab? Read our blog post on migrating to Gitlab</p>
</div>
</div>
<!-- **************** END OF TOP BANNER ******************************-->
<!-- NAVBAR SECTION
____________________________________________________________________-->
<header class="header">
<div class="row">
<div class="header-brand">
<a href="#" class="brand">
<img src="img/assets/asset 38.svg" alt="gitlab logo" class="logo">
</a>
</div>
<div id="main-navbar" class="main-navbar">
<ul class="main-menu">
<a href="#">Product</a>
<a href="#">Pricing</a>
<a href="#">Install</a>
<a href="#">Community</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</ul>
<ul class="sub-menu">
<a href="#"><i class="fas fa-search"></i></a>
<a href="#">Explore GitLab.com</a>
<a href="#">Sign In/Register</a>
</ul>
</div>
</div>
</header>
<!-- ******************* END OF NAVBAR SECTION **************************-->
<!-- INTRO SECTION
______________________________________________________________________-->
<section id="intro-segment-container" class="collumns-container hero">
<div class="row">
<div id="intro-segment" class="intro-segment">
<div>
<h2>A 200% Faster DevOps Cycle</h2>
<p>Spend more time writing code and less time maintaining your tool chain.</p>
<a href="#" class="btn btn-link">Try Git Lab for Free</a>
</div>
</div>
<div class="intro-image">
<img src="img/forrester-ci-wave-graphic-with-arrow.svg">
</div>
</div>
</section>
<!-- ********************** INTRO END *************************************** -->
<!-- CUSTOMERS SECTION
____________________________________________________________________________-->
<section class="customers">
<div id="customers-inner" class="row">
<p>Used by more than 100,000 organizations around the globe</p>
<ul>
<img src="img/bayer.svg" height="40px" class="icons">
<img src="img/nasa.svg" height="40px" class="icons">
<img src="img/sony.svg" height="24px" class="icons">
<img src="img/nasdaq.svg" height="35px" class="icons">
</ul>
</div>
</section>
<!-- ********************** CUSTOMERS END ************************************ -->
<!-- FEATURES SECTION
_______________________________________________________________-->
<div id="features" class="collumns-container">
<div class="two-collumns">
<h2>With Gitlab You Can:</h2>
<ul>
<li class="hover-card">
<img src="img/assets/asset 37.png" alt="icon">
Plan
</li>
<li class="hover-card">Create</li>
<li class="hover-card">Verify</li>
<li class="hover-cazrd">Package</li>
<li class="hover-card">Release</li>
<li class="hover-card">Configure</li>
<li class="hover-card">Monitor</li>
</ul>
</div>
<div class="two-collumns">
<h2>Get your best ideas into development.</h2>
<p>Whether you use Waterfall, Agile, or Conversational Development, GitLab streamlines your collaborative workflows. Visualize, prioritize, coordinate, and track your progress your way with GitLab’s flexible project management tools.</p>
</div>
<!--
<h2>Securely write and manage code and project data.</h2>
<p>Consolidate source code into a single DVCS that’s easily managed and controlled without disrupting your workflow. GitLab’s git repositories come complete with branching tools and access controls, providing a scalable, single source of truth for collaborating on projects and code.</p>
<h2>Ship better software, faster.</h2>
<p>Spot errors sooner, improve security and shorten feedback cycles with built-in static code analysis, code testing, code quality, dependency checking and review apps. Customize your approval workflow controls, automatically test the quality of your code, and spin up a staging environment for every code change. GitLab Continuous Integration is the most popular next generation testing system that scales to run your tests faster.</p>
<h2>Manage custom container images with ease.</h2>
<p>GitLab Container Registry gives you the enhanced security and access controls of custom Docker images without 3rd party add-ons. Easily upload and download images from GitLab CI with full Git repository management integration.</p>
<h2>Minimize complexity with built-in Continuous Delivery.</h2>
<p>Spend less time configuring your tools, and more time creating. Whether you’re deploying to one server or thousands, build, test, and release your code confidently and securely with GitLab’s built-in continuous delivery and deployment.</p>
<h2>Automate configuration management</h2>
<p>Automate your entire workflow from build to deploy and monitoring with GitLab Auto Devops. Best practice templates get you started with minimal to zero configuration. Then customize everything from buildpacks to CI/CD.</p>
<h2>Monitor and manage application performance.</h2>
<p>Ensure your applications are always responsive and available. GitLab collects and displays performance metrics for deployed apps using Prometheus so you can know in an instant how code changes impact your production environment.</p>
-->
</div>
<!--***************** ADVANTAGES *******************************************
___________________________________________________________________________-->
<div id="advantages" class="collumns-container">
<div class="three-collumns">
<h2>Visible</h2>
<p>Real time view across the entire lifecycle</p>
<ul>
<li>See everything that matters</li>
<li>Stay in your flow</li>
<li>Don’t wait on syncing</li>
<li>Manage projects, not tools</li>
<li>Improve cycle time.</li>
</ul>
</div>
<div class="three-collumns">
<h2>Efficient</h2>
<p>Collaborate without waiting</p>
<ul>
<li>Start immediately</li>
<li>Work concurrently</li>
<li>No more handoffs</li>
</ul>
</div>
<div class="three-collumns">
<h2>Governed</h2>
<p>Develop and operate with confidence</p>
<ul>
<li>Security and compliance already built-in</li>
<li>Simplify user management</li>
<li>Expedite auditing</li>
<li>Act with certainty</li>
</ul>
</div>
</div>
<div id="two-rows-container">
<div id="why-gitlab">
<div class="collumns-container">
<div class="two-collumns">
<div class="content-margin">
<p>Integrated teams working together</p>
</div>
</div>
<div class="two-collumns">
<div class="content-margin">
<p>GitLab is the first single application built from the ground up for all stages of the DevOps lifecycle for Product, Development, QA, Security, and Operations teams to work concurrently on the same project. GitLab enables teams to collaborate and work from a single conversation, instead of managing multiple threads across disparate tools. GitLab provides teams a single data store, one user interface, and one permission model across the DevOps lifecycle allowing teams to collaborate, significantly reducing cycle time and focus exclusively on building great software quickly.</p>
</div>
</div>
</div>
</div>
<div class="collumns-container">
<div id="gitlab-google-cloud" class="two-collumns">
<div class="content-margin">
<p>GitLab + Google Cloud Platform = simplified, scalable deployment</p>
<p>GitLab’s native Google Kubernetes Engine integration increases developer productivity. With Auto DevOps, GitLab automatically configures CI/CD pipelines to build, test, verify, and deploy applications to Google Cloud Platform.</p>
<a href="#">Learn more</a>
</div>
</div>
<div id="image-container" class="two-collumns">
<img src="img/gitlab-gke-integration-image2x.png" width="70%">
</div>
<div>
<h2>Work Concurrently, No More Handoffs</h2>
<div class="collumns-container">
<div class="two-collumns">
<p>Dev, QA, Security and Operations are part of a single conversation throughout the lifecycle. Detect problems earlier by ‘shifting them to the left’ and solving them with out delays.</p>
</div>
<div class="two-collumns">
<p>Teams work at the same time instead of waiting for Security, QA, and Operations handoffs because teams are backlogged.</p>
</div>
</div>
</div>
</div>
<!--******************** TRIAL ***************************************************
___________________________________________________________________________________-->
<div id="trial">
<p>Try GitLab Ultimate free for 30 days.</p>
<p>Evaluate self-hosted GitLab for 30 days and receive all the features of Ultimate, our top-tier subscription plan, for free. No credit card required.</p>
<!--Not working as i wanted -->
<div class="button-container" class="collumns-container">
<div class="button-main" class="two-collumns">
<a href="#">Start your free trial</a>
</div>
<div class="button-main" class="two-collumns">
<a href="#">Join a live demo</a>
</div>
</div>
</div>
<div id="more-customers">
<p>“We decided to use an Open Source based platform so we can participate in the development and contribute to the features and concepts we need such as file size statistics, OpenID Connect, GPG, and Docker Registry. GitLab's built-in Continuous Integration and independent CI Runners allows our developers to integrate very specific environments, boosting productivity and increasing developer satisfaction.” </p>
<a href="#">View more customers</a>
</div>
<div id="process" class="collumns-container">
<div class="two-collumns">
With major product releases every 22nd of the month, GitLab’s high-velocity pace of innovation is possible because of the collaboration of 1900+ contributing members of the GitLab community, delivering the leading modern software development product, built for today’s modern software developer.
<div class="button-main">
Read more
</div>
</div>
<div class="two-collumns">
“GitLab supports development teams with a well-documented installation and configuration processes, an easy-to-follow UI, and a flexible per-seat pricing model that supports self service. GitLab’s vision is to serve enterprise-scale, integrated software development teams that want to spend more time writing code and less time maintaining their tool chain.”
<div class="button-main">
Read more
</div>
</div>
</div>
<div id="call-to-action" class="collumns-container">
<div class="four-collumns">
<h2>Join GitLab.com</h2>
<p>Complete the online application to begin hosting and exploring projects.</p>
<a href="#">Sign up →</a>
</div>
<div class="four-collumns">
<h2>GitLab blog</h2>
<p>People are #movingtogitlab. New users can get 75% off on Gold or Ultimate for one year.</p>
<a href="#">Read More →</a>
</div>
<div class="four-collumns">
<h2>Cloud & DevOps World 2018</h2>
<p>Drive business growth. Streamline enterprise. Innovate your future.</p>
<a href="#">Join us →</a>
</div>
<div class="four-collumns">
<h2>Live Demo</h2>
<p>Join a live demo of GitLab for the enterprise.</p>
<a href="#">Reserve your spot →</a>
</div>
</div>
<!-- USEFUL LINKS TO OTHER PAGES
___________________________________________________________________-->
<div id="links-section" class="collumns-container">
<div class="four-collumns">
Products
<ul>
<a href="#"><li>Features</li></a>
<a href="#"><li>Installation</li></a>
<a href="#"><li>GitLab.com</li></a>
<a href="#"><li>Pricing</li></a>
<a href="#"><li>Releases</li></a>
</ul>
</div>
<div class="four-collumns">
Services
<ul>
<a href="#"><li>Resellers</li></a>
<a href="#"><li>Services</li></a>
</ul>
</div>
<div class="four-collumns">
Community
<ul>
<a href="#"><li>Events</li></a>
<a href="#"><li>Core Team</li></a>
<a href="#"><li>Contributors</li></a>
<a href="#"><li>Find a Speaker</li></a>
<a href="#"><li>Documentation</li></a>
<a href="#"><li>Getting Help</li></a>
<a href="#"><li>Contributing</li></a>
<a href="#"><li>Applications</li></a>
<a href="#"><li>Hall of Fame</li></a>
</ul>
</div>
<div class="four-collumns">
Company
<ul>
<a href="#"><li>Source Code</li></a>
<a href="#"><li>Blog</li></a>
<a href="#"><li>Customers</li></a>
<a href="#"><li>Press and Logos</li></a>
<a href="#"><li>Shop</li></a>
<a href="#"><li>About Us</li></a>
<a href="#"><li>Team</li></a>
<a href="#"><li>Direction</li></a>
<a href="#"><li>Handbook</li></a>
<a href="#"><li>Jobs</li></a>
<a href="#"><li>Terms</li></a>
<a href="#"><li>Privacy Policy</li></a>
<a href="#"><li>Contact Us</li></a>
</ul>
</div>
</div>
<!-- END OF USEFUL LINKS -->
<!-- FOOTER -->
<div id="footer">
<p>Edit <a href=""> this page</a> — please <a href="#"> contribute</a>. Creative Commons License</p>
</div>
</div>
<!-- FOOTER END -->
</html>