-
Notifications
You must be signed in to change notification settings - Fork 1
/
services.html
147 lines (141 loc) · 6.96 KB
/
services.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
---
permalink: /services
layout: default
title: Take benefit of Rapid Application Development Services | Active Bridge
description: At Active Bridge, we follow RAD best practices to provide clients
with fast and reliable digital solutions keeping pace with
technology updates.
date-modified: "2024-04-01"
scripts: [animation, carousel]
json-ld: services
---
<div class="services">
<div class="info-container services__main py-9">
<div class="wrapper">
<p class="page-title white-text">{{ site.data.services.services }}</p>
<h1 class="message white-text inria-regular">{{ site.data.services.pick_right_stack }}</h1>
<div class="services__description-wrap" style="view-transition-name: services;">
<p class="description white-text">{{ site.data.services.learn_and_grow }}</p>
<img src="/assets/images/services/flower.webp" alt="Flower">
</div>
</div>
</div>
<div class="alabaster services__web-dev py-9">
<div class="overlay"></div>
<div class="wrapper">
<h2 class="block-cera-title">{{ site.data.services.web_services.title }}</h2>
<p class="description">{{ site.data.services.web_services.description }}</p>
</div>
<div class="carousel-background">
<div class="carousel-scroll" >
<div class="carousel-scroll__scroller" data-scroll="scroller">
{% for item in site.data.services.web_services.all %}
<div class="carousel-scroll__animate-visibility animate-visibility with-opacity" data-scroll="item">
<h2 class="animate-visibility__title">{{ item.title }}</h2>
<div class="animate-visibility__image">
<img src="/assets/images/services/web_dev/{{ item.icon }}" alt="Logo">
</div>
<div class="animate-visibility__description">{{ item.description }}</div>
</div>
{% endfor %}
</div>
<div class="magnifying-overlay"></div>
</div>
</div>
<div class="wrapper">
<a id="more-web-services" class="button white-text violet-button" href="/services/web-development" data-link="transition">
{{ site.data.services.learn_more }}
</a>
</div>
</div>
<div class="services__custom-ror-dev py-9">
<div class="wrapper">
<h2 class="block-cera-title white-text">{{ site.data.services.custom_ror_dev_services.title }}</h2>
<p class="description white-text">{{ site.data.services.custom_ror_dev_services.description }}</p>
</div>
<div class="carousel-scroll" >
<div class="carousel-scroll__scroller" data-scroll="scroller">
{% for item in site.data.services.custom_ror_dev_services.all %}
<div class="carousel-scroll__animate-visibility animate-visibility with-opacity" data-scroll="item">
<h2 class="animate-visibility__title">{{ item.title }}</h2>
<div class="animate-visibility__image">
<img src="/assets/images/services/custom_ror_dev/{{ item.icon }}" alt="Logo">
</div>
<div class="animate-visibility__description">{{ item.description }}</div>
</div>
{% endfor %}
</div>
<div class="magnifying-overlay"></div>
</div>
<div class="wrapper">
<a id="more-ror-services" class="button white-text violet-button" href="/services/ruby-on-rails-development" data-link="transition">
{{ site.data.services.learn_more }}
</a>
</div>
</div>
<div class="services__mobile-dev development__cards py-9">
<div class="wrapper">
<h2 class="block-cera-title">{{ site.data.services.mobile_dev_services.title }}</h2>
<p class="description">{{ site.data.services.mobile_dev_services.description }}</p>
<div class="cards-container">
{% for item in site.data.services.mobile_dev_services.all %}
<div class="card">
<h3 class="card__title-2 purple-heart">{{ item.title }}</h3>
<div class="card__icon">
<img src="/assets/images/services/mobile_dev_services/{{ item.icon }}" alt="Icon">
</div>
<p class="card__description">{{ item.description }}</p>
</div>
{% endfor %}
</div>
<a id="more-dev-services" class="button white-text violet-button" href="/services/mobile-app-development" data-link="transition">
{{ site.data.services.learn_more }}
</a>
</div>
</div>
<div class="info-container services__engagement-models development__cards py-9">
<div class="wrapper">
<h2 class="block-cera-title white-text">{{ site.data.services.engagement_models.title }}</h2>
<p class="description white-text inria-regular">{{ site.data.services.engagement_models.description }}</p>
<div class="cards-container">
{% for item in site.data.services.engagement_models.all %}
<div class="card">
<div class="card-content">
<h3 class="card__title-2 white-text">{{ item.title }}</h3>
<p class="card__description white-text">{{ item.description }}</p>
</div>
<a id="engagement_model_{{ item.index }}" class="button white-text violet-button" href="{{ item.link }}" data-link="transition">
{{ site.data.services.learn_more }}
</a>
</div>
{% endfor %}
</div>
<img src="/assets/images/services/laptop-backpack.webp" alt="Laptop" class="services__engagement-models-img">
</div>
</div>
<div class="alabaster services__approaches py-9">
<div class="wrapper">
<h2 class="block-cera-title">{{ site.data.services.approaches.title }}</h2>
<p class="message inria-bold">{{ site.data.services.approaches.subtitle }}</p>
</div>
<div class="wrapper timeline animated-cards" data-animation="snake">
<svg class="desktop-svg" viewBox="0 0 578 1387" fill="none" preserveAspectRatio="none">
<path class="svg-path" d="M7.5 1L0.5 262.5C0.5 275.667 8.4 302 40 302C71.6 302 389.5 302 544.5 302C554.167 304.667 574.2 314.9 577 334.5C577 342.5 577 576.833 577 693C577 705.833 569.3 731.5 538.5 731.5C507.7 731.5 194.667 731.5 42 731.5C28.5 731.5 1.5 739.6 1.5 772C1.5 804.4 1.5 1019.5 1.5 1123C1.16667 1135 8.4 1159.2 40 1160C71.6 1160.8 390.167 1162.33 545.5 1163C556.333 1165.5 577.9 1175.4 577.5 1195C577.1 1214.6 577.333 1331.17 577.5 1387" stroke="#A49FEB" stroke-width="3"/>
</svg>
{% for item in site.data.services.approaches.all %}
<div class="timeline-item">
<div class="timeline-item__icon">
<img src="/assets/images/services/approach/approach_{{ item.index }}.webp" alt="Approach">
</div>
<div class="timeline-item__content">
<h3 class="timeline-item__content-title inria-bold">{{ item.title}}</h3>
<p class="timeline-item__content-description">{{ item.description}}</p>
</div>
</div>
{% endfor %}
</div>
<a id="services-free-consultation" class="button" href="/contacts" data-link="transition">
{{ site.data.services.approaches.button }}
</a>
</div>
</div>