/
index.html
130 lines (123 loc) · 6.1 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="css/animate.css">
<title>GitHub</title>
</head>
<body>
<nav class="navbar navbar-light bg-dark">
<a class="navbar-brand" href="#">
<img src="GitHub-Mark-Light-64px.png" width="32" height="32" alt="">
</a>
<form class="form-inline">
<input class="form-control bg-dark" type="search" placeholder="Search" aria-label="Search">
</form>
</nav>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm sticky-top">
<a href="#"<h5 class="my-0 mr-md-auto text-secondary">Pricing</h5></a>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-secondary" href="#">Developer</a>
<a class="p-2 text-secondary" href="#">Team</a>
<a class="p-2 text-secondary" href="#">Business Cloud</a>
<a class="p-2 text-secondary" href="#">Enterprise</a>
</nav>
<a class="btn border border-primary" href="#">Contact Sales</a>
</div>
<section class="container text-center">
<div class="row">
<div class="col-12">
<h1>Plans for all workflows</h1>
<p class="lead text-secondary mb-5">GitHub is free to use for public and open source projects. Work together</br> across unlimited private repositories with a paid plan.</p>
</div>
</div>
<div class="row">
<div class="w-100"></div>
<div class="col-12 col-sm-6 col-md-3 d-flex">
<div class="card text-center flex-grow-1">
<div class="card-header h5 text-primary">
Déveloper
</div>
<div class="card-body">
<h5 class="card-title"><span class="h1">$7</span><span class="text-secondary h6"><br>per month<span></h5>
<p class="card-text h6"><span class="font-weight-bold">Includes:<br></span>
Personal account
Unlimited public repositories
Unlimited private repositories
Unlimited collaborators
<br><br>Free for students as part of the <u><a href="#">Student Developer Pack.</a></u></p>
</div>
<a href="#" class="text.primary btn btn-outline-primary border-right-0 border-bottom-0 border-bottom border-left-0 border-top pt-3 pb-3">Upgrade your account</a>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex">
<div class="card text-center flex-grow-1">
<div class="card-header h5 text-success">
<!-- color:purple -->
Team
</div>
<div class="card-body">
<h5 class="card-title h6"><span class="h1">$9</span>
<span class="text-secondary h6"><br>per user / month </span></h5>
<p class="card-text h6"><span class="font-weight-bold">Includes:<br></span>
Unlimited public repositories
Unlimited private repositories
Team and user permissions<br><br>
Starting at $25 / month which includes your first 5 users.</p>
</div>
<a href="#" class="text.primary btn btn-outline-success border-right-0 border-bottom-0 border-bottom border-left-0 border-top pt-3 pb-3">Sign up your team</a>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex">
<div class="card text-center flex-grow-1">
<div class="card-header h5 text-info">
Business Cloud
</div>
<div class="card-body">
<h5 class="card-title h6"><span class="h1">$21</span>
<span class="text-secondary h6"><br> per user / month</span></h5>
<p class="card-text">SAML single sign-on
Access provisioning
24/5 support with 8-hour response time
99.95% uptime SLA</p>
</div>
<a href="#" class="text.primary btn btn-outline-info border-right-0 border-bottom-0 border-bottom border-left-0 pt-3 pb-3 border-top">Get started</a>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex">
<div class="card text-center flex-grow-1">
<div class="card-header h5 text-warning">
<!-- color:purple -->
Entreprise
</div>
<div class="card-body">
<h5 class="card-title h6"><span class="h1">$21*</span><span class="text-secondary h6"><br> per user / month</span></h5>
<p class="card-text h6">Self-hosted
SAML, LDAP, and CAS
Access provisioning
24/7 support for urgent issues
Advanced auditing
<a href="#" class="text.primary"><br><br>Contact us to learn more</a></p>
</div>
<a href="#" class="text.primary btn btn-outline-warning border-right-0 border-bottom-0 border-bottom border-left-0 border-top pt-3 pb-3">Start a free trial</a>
</div>
</div>
</div>
<div class="row">
<div class="w-100"></div>
<div class="col-12"><br><br>
<p class="h6">* Sold in packs of 10 users and billed annually.</p>
<a href="#" target="_blank">Display estimated prices in EUR</a>
</div>
</section>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>