bendapp.co/index.html at master · code-orange/bendapp.co · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width">
		<link rel="icon" href="/favicon.ico">
		<link rel="stylesheet" href="css/main.css">
		<script src="js/main.js" defer></script>
		<title>Bend - Powerful popups</title>

		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126180305-1"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());

			gtag('config', 'UA-126180305-1');
		</script>
	</head>
	<body>
		<main class="page_wrapper">
			<!-- == START OF COVER 04 ==-->
			<div class="cover__slider js-cover">
				<!-- == START OF HEADER 01 ==-->
				<nav class="header header--01">
					<div class="container header__container">
						<div class="header__left_box">
							<a href="#" title="Home" class="header__logo_box"><img src="img/logo--white.svg" alt="Bend" class="header__logo_img"></a>
						</div>
					</div>
				</nav>
				<!-- == END OF HEADER 01 ==-->
				<div class="cover__slider__content_box js-slider">
					<div style="background-image: url(img/header.jpg)" class="cover cover--04">
						<div class="container cover__container--04">
							<div class="cover__content_box--04">
								<h2 class="cover__title--04"><span class="cover__title_text--04">A brand new way to reach&nbsp;<br>your audience</span>
								</h2>
								<div class="cover__description_box--04">
									<span class="cover__description_text--04">Show custom popups to your website's users based on usage and engagement. Collect feedback, show special offers, and simply interact more with your users.</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- == END OF COVER 04 ==-->
			<!-- == START OF call_to_action 14 ==-->
			<div class="call_to_action call_to_action--gray call_to_action--14">
				<div class="container call_to_action__container">
					<h2 class="call_to_action__title call_to_action__title--14">No need to get IT involved</h2>
					<span class="call_to_action__text call_to_action__text--14">Bend can be installed using Google Tag Manager. Don't spend weeks chasing IT tickets to get it added to your site, just install it yourself.</span>

					<div class="call_to_action__input_box--14">
						<div class="clear">
							<a class="button button--blue button--blue-shadow call_to_action__button--14" href="https://dashboard.bendapp.co/">get started now</a>
						</div>
					</div>

				</div>
			</div>
			<!-- == END OF call_to_action 14 ==-->
			<!-- == START OF FEATURES 04 ==-->
			<div class="features features--04">
				<div class="features__container--04">
					<div class="container">
						<div style="background-image: url(img/screenshot-targeting.png)" class="features__box--04 features__box--image--04 features__box--image--left--04"></div>
						<div class="features__box--04 features__box--left-margin--04">
							<h3 class="features__item_title--04">Fine-grained targeting</h3>
							<span class="features__item_text features__item_text--04">You decide exactly who sees a popup when. Use Bend to show loyal logged-in users whom have visited your site at least 10 times on their tablets a special offer code that you keep secret from the rest.</span>
						</div>
					</div>
				</div>
				<div class="features__container--04">
					<div class="container">
						<div class="features__box--04">
							<h3 class="features__item_title--04">No need to leave your site</h3>
							<span class="features__item_text features__item_text--04">Keep your users engaged on your site without intrusive third-party popups. Bend integrates seamlessly with your website.</span>
						</div>
						<div style="background-image: url(img/popup-example.png)" class="features__box--04 features__box--image--04 features__box--image--right--04"></div>
					</div>
				</div>
			</div>
			<!-- == END OF FEATURES 04 ==-->
			<!-- == START OF PRICES 02 ==-->
			<div class="prices prices--02">
				<div class="container-fluid">
					<div class="prices__title_box">
						<h2 class="prices__title">Choose your perfect plan</h2>
						<span class="prices__description">Choose the pay-as-you-go plan to get started for as little as &euro;1 per month.</span>
					</div>
					<div class="prices__items_box">
						<div class="prices__item prices__item--02">
							<h3 class="prices__item__title">pay as you go</h3>
							<span class="prices__item__price">&euro; 1</span><span class="prices__item__price_info">per 100 pop-up views</span>
							<ul class="prices__item__features_list">
								<li class="prices__item__features_list__item">1 domain</li>
								<li class="prices__item__features_list__item">unlimited campaigns</li>
								<li class="prices__item__features_list__item">pay only for the popups you show</li>
							</ul>
							<a href="https://dashboard.bendapp.co/" class="button button--white button--gray-shadow">get started</a>
						</div>
						<div class="prices__item prices__item--02 prices__item--accent--02">
							<h3 class="prices__item__title">startup</h3>
							<span class="prices__item__price">&euro; 49</span><span class="prices__item__price_info">per month</span>
							<ul class="prices__item__features_list">
								<li class="prices__item__features_list__item">1 domain</li>
								<li class="prices__item__features_list__item">unlimited campaigns</li>
								<li class="prices__item__features_list__item">10.000 views included</li>
								<li class="prices__item__features_list__item">&euro; 1 per 100 views after that</li>
							</ul>
							<a href="https://dashboard.bendapp.co/" class="button button--blue button--blue-shadow">get started</a>
						</div>
						<div class="prices__item prices__item--02">
							<h3 class="prices__item__title">unlimited</h3>
							<span class="prices__item__price">&euro; 99</span><span class="prices__item__price_info">per month</span>
							<ul class="prices__item__features_list">
								<li class="prices__item__features_list__item">1 domain</li>
								<li class="prices__item__features_list__item">unlimited campaigns</li>
								<li class="prices__item__features_list__item">unlimited views</li>
							</ul>
							<a href="https://dashboard.bendapp.co/" class="button button--white button--gray-shadow">get started</a>
						</div>
						<div class="prices__item prices__item--02">
							<h3 class="prices__item__title">multi domain</h3>
							<ul class="prices__item__features_list">
								<li class="prices__item__features_list__item">multiple domains</li>
								<li class="prices__item__features_list__item">unlimited campaigns</li>
								<li class="prices__item__features_list__item">unlimited views</li>
							</ul>
							<a href="#" class="button button--white button--gray-shadow">contact us</a>
						</div>
					</div>
				</div>
			</div>
			<!-- == END OF PRICES 02 ==-->
			<!-- == START OF FOOTER 03 ==-->
			<footer class="footer footer--03">
				<div class="container footer__container">
					<a href="#" class="footer__logo_box footer__logo_box--03"><img src="img/logo--black.svg" class="footer__logo"></a>
					<ul class="social footer__social--03 footer__social_box">
						<li class="social__item social__item--left_margin">
							A
							<a href="https://code-orange.nl" target="_blank"><img src="img/co-logo.svg" alt="Code Orange" class="co-logo"></a> project
						</li>
					</ul>
				</div>
			</footer>
			<!-- == END OF FOOTER 03 ==-->
		</main>
	</body>
	<div class="js-overlay js-close-navigation js-close-menu overlay"></div>
</html>