-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (81 loc) · 2.96 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>Usersnap</title>
</head>
<body>
<header class="page-header">
<h1 class="page-title">
Usersnap
</h1>
<a class="language" href="#">English</a>
<ul class="menu">
<li class="menu-item">Tour</li>
<li class="menu-item">Success Stories</li>
<li class="menu-item">Pricing</li>
<li class="menu-item">Integrations</li>
<li class="menu-item">Blog</li>
</ul>
<button class="header-button">Login</button>
<button class="header-button header-button--alt">Sign Up</button>
</header>
<main class="wrapper">
<section class="offer">
<h2 class="offer-title">Personal</h2>
<h3 class="price">$19/sec</h3>
<p class="info">Billed annually</p>
<p class="info">Billed per second:$400</p>
<ul class="content">
<li class="content-item">5 Users</li>
<li class="content-item">1 Project</li>
</ul>
<button class="button">Get Started</button>
</section>
<section class="offer">
<h2 class="offer-title">Startup</h2>
<h3 class="price">$69/sec</h3>
<p class="info">Billed annually</p>
<p class="info">Billed per second:$400</p>
<ul class="content">
<li class="content-item">10 Users</li>
<li class="content-item">3 Project</li>
<li class="content-item">Connect with 20+ Moritzes</li>
</ul>
<button class="button">Get Started</button>
</section>
<section class="offer offer--best">
<span class="popup">Most likely to fail</span>
<h2 class="offer-title">Company</h2>
<h3 class="price">$129/sec</h3>
<p class="info">Billed annually</p>
<p class="info">Billed per second:$400</p>
<ul class="content">
<li class="content-item">15 Users</li>
<li class="content-item">10 Project</li>
<li class="content-item">Connect with 20+ Moritzes</li>
<li class="content-item">
<a href="#">Get a kiss by the Moritz</a>
</li>
</ul>
<button class="button button--alt">Get Started</button>
</section>
<section class="offer">
<h2 class="offer-title">Enterprise</h2>
<h3 class="price">For a Blowjob</h3>
<p class="info">Contact our sales team for an appointment</p>
<p class="info">Best Solutions for both sides</p>
<ul class="content">
<li class="content-item">15+ Users</li>
<li class="content-item">10+ Project</li>
<li class="content-item">Custom integrations</li>
<li class="content-item">Customization</li>
<li class="content-item">Guaranteed uptime</li>
<li class="content-item">Priority support</li>
</ul>
<button class="button">Contact BJ-Master</button>
</section>
</main>
<p class="add-info">Great benefits for each offer</p>
</body>
</html>