-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
152 lines (145 loc) · 9.53 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
---
layout: default
title: Providing Expert Ruby on Rails Solutions for 10+ years | Active Bridge
date-modified: "2024-04-01"
description: Active Bridge helps you to build a qualitative product thanks to our niche RoR
expertise and 90% senior/middle developers on our board. Let's talk!.
scripts: [carousel]
json-ld: home
---
<div class="index">
<div class="home-page-container">
<div class="top-section main-svg">
<svg height="140vh" viewBox="0 0 1750 800" preserveAspectRatio="xMinYMid">
<path
d="M795.7 636.5C795.805 636.359 795.91 636.215 796.016 636.07C796.05 636.122 796.084 636.174 796.118 636.226L795.7 636.5ZM795.7 636.5C795.603 636.351 795.505 636.203 795.408 636.054C795.371 636.104 795.335 636.153 795.298 636.202L795.7 636.5ZM795.282 636.774L795.674 637.374L796.102 636.798C800.517 630.84 806.073 621.217 812.87 609.443C815.689 604.562 818.72 599.311 821.973 593.798C833.086 574.961 846.806 553.01 863.478 532.112C896.833 490.303 941.929 452.8 1001.5 452.8C1024.99 452.8 1049.21 462.329 1072.67 477.692C1096.12 493.052 1118.77 514.221 1139.14 537.442C1179.87 583.895 1211.35 638.486 1221.62 671.05L1224.12 678.951L1224.13 678.958L1224.13 678.965C1229.35 693.94 1222.84 709.424 1208.14 714.225L1208.14 714.226L1207.84 714.325C1200.38 716.78 1193.43 715.82 1187.64 712.358C1181.85 708.891 1177.19 702.893 1174.37 695.227L1174.37 695.222L1174.37 695.221L1174.37 695.218L1174.36 695.206L1174.34 695.159L1174.27 694.979C1174.21 694.823 1174.13 694.597 1174.02 694.318C1173.8 693.76 1173.5 692.987 1173.17 692.129C1172.49 690.417 1171.66 688.358 1171.06 686.997C1170.04 684.628 1168.95 682.072 1167.79 679.351C1155.93 651.482 1136.67 606.242 1109.48 565.547C1079.65 520.896 1040.18 481.575 990.348 476.802C968.06 474.662 946.635 483.09 926.769 497.259C906.903 511.427 888.556 531.364 872.404 552.32C856.25 573.279 842.276 595.279 831.163 613.587C827.719 619.263 824.545 624.589 821.669 629.418C819.907 632.375 818.257 635.145 816.723 637.695C812.676 644.423 809.445 649.611 807.102 652.698L807.087 652.717L807.075 652.737L801.375 661.937L801.373 661.939C798.272 667.013 790.924 667.032 787.617 662.125C781.014 652.019 772.911 640.116 763.611 626.715L763.609 626.713L763.2 627C763.609 626.713 763.609 626.712 763.609 626.712L763.607 626.709L763.6 626.7L763.574 626.663L763.471 626.517L763.297 626.27L763.063 625.939C762.702 625.43 762.165 624.675 761.461 623.691C760.054 621.723 757.978 618.839 755.307 615.177C749.965 607.853 742.237 597.412 732.697 584.946C713.617 560.015 687.284 526.979 658.273 494.567L657.9 494.9L658.272 494.566C593.848 422.639 521.425 359.495 465.113 314.335C436.956 291.754 412.824 273.668 395.732 261.227C387.185 255.006 380.398 250.197 375.748 246.942C373.422 245.315 371.631 244.076 370.421 243.244C369.815 242.828 369.356 242.513 369.047 242.303C368.892 242.198 368.776 242.119 368.698 242.066L368.61 242.006L368.588 241.991L368.582 241.987C368.581 241.987 368.581 241.986 368.501 242.104L368.58 241.986C232.685 150.157 103.079 93.6621 0.5 58.2436V0.720896C120.539 45.6582 293.966 126.604 470.281 272.685C625.633 401.445 729.502 536.204 795.282 636.774Z"
fill="url(#paint0_linear_2_10)" />
<defs>
<linearGradient id="paint0_linear_2_10" x1="136.295" y1="-136.295" x2="1099.83" y2="827.242"
gradientUnits="userSpaceOnUse">
<stop stop-color="#AA30BE" />
<stop offset="1" stop-color="#5723B5" />
</linearGradient>
</defs>
</svg>
</div>
<div class="wrapper">
<div class="pt-9">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xml:space="preserve" class="index-logo">
<path d="M82.3 76.5c-.9 0-1.9-.1-2.8-.2-.8-.1-1.4-.7-1.5-1.5l-2.4-21.6c-12.2-3.9-28.6-5.5-42.1-1.7l-3.1 23.4c-.1 1-1 1.6-2 1.5-1-.1-1.6-1-1.5-2l2.9-21.7c-1.3.5-2.6 1-3.8 1.7-6.6 3.3-11 8.2-14.2 12.7l-5.3 8.6c-.5.8-1.6 1.1-2.4.6-.8-.5-1.1-1.6-.6-2.4.4-.6.8-1.3 1.2-2.1 1.1-1.9 2.4-4.2 4.2-6.7l24.7-40.2c.4-.7 1.3-1 2.1-.7.8.3 1.3 1.1 1.1 1.9L34 47.7c13.3-3.3 29-1.9 41.2 1.7l-2.6-23.6c-.1-1 .6-1.8 1.5-1.9 1-.1 1.8.6 1.9 1.5l2.8 25.1c3.8 1.3 7.1 2.8 9.7 4.5 5.3 3.3 8.1 7 8.1 10.7 0 2.7-1.2 5.2-3.4 7.1-2.7 2.4-6.6 3.7-10.9 3.7zm-1-3.5c3.9.2 7.4-.8 9.6-2.7 1.5-1.3 2.2-2.8 2.2-4.5 0-2.4-2.3-5.1-6.4-7.7-2.1-1.3-4.6-2.5-7.4-3.6l2 18.5zm-49-39.4L19.9 53.8c1.4-1 2.9-1.9 4.5-2.7 1.9-.9 3.8-1.7 5.9-2.4l2-15.1z" />
</svg>
<p class="page-title">{{ site.data.index.active_bridge }}</p>
<h1 class="block-inria-title">{{ site.data.index.first_title }}</h1>
<p class="description with-margin text-center">{{ site.data.index.teams_expertise }}</p>
<a id="index-free-consultation" class="button" href="/contacts" data-link="transition">
{{ site.data.index.free_consultation }}
</a>
</div>
</div>
<div class="awards-img">
{% for award in site.data.index.awards %}
<a href="{{ award.link }}" target="_blank">
<img class="index-icon left" src="/assets/images/index/{{ award.image }}" alt="{{ award.alt }}">
</a>
{% endfor %}
</div>
</div>
<div class="info-container index-home py-9">
<div class="wrapper">
<p class="message white-text inria-bold"> {{ site.data.index.help_startups }}</p>
<p class="description white-text"> {{ site.data.index.testimonials_description }}</p>
</div>
{% include testimonials_carousel.html %}
<a id="index-read-testimonials" class="button white-text violet-button" href="/reviews" data-link="transition">
{{ site.data.index.read_testimonials }}
</a>
</div>
<div class="index-technologies__container pt-9">
<div class="wrapper">
<div class="index-technologies">
<h2 class="block-cera-title">{{ site.data.index.our_vision }}</h2>
<h3 class="message cera-bold ">{{ site.data.index.care_about_your_projects }}</h3>
<p class="description mb-4 inria-regular">{{ site.data.index.dedicated_developers }}</p>
<h2 class="message cera-bold ">{{ site.data.index.core_technology }}</h2>
<p class="description mb-4 inria-regular">{{ site.data.index.technologies_knowledge }}</p>
<p class="block-cera-title">{{ site.data.index.featured_technologies }}</p>
</div>
</div>
<div class="index-technologies__holder">
<div class="index-technologies__items">
<div class="technologies_items-svg mobile-only"></div>
<img src="/assets/images/index/technologies_m_table.svg" alt="Technologies" class="desktop-only">
<div class="index-technologies__more">
<a id="index-more-technologies" class="button light-purple-button" href="/expertise" data-link="transition">
{{ site.data.index.learn_more }}
</a>
</div>
</div>
</div>
</div>
<div class="index-services development__cards py-9">
<div class="wrapper">
<h2 class="message inria-bold">{{ site.data.index.expert_web_services }}</h2>
<p class="description mb-4">{{ site.data.index.embedded_teams }}</p>
<p class="block-cera-title"> {{ site.data.index.our_services }}</p>
<div class="cards-container">
{% for service in site.data.index.services %}
<div class="card">
<div class="card__title-2 purple-heart"> {{ service.title }} </div>
<div class="card__description">
{{ service.description }}
</div>
</div>
{% endfor %}
</div>
<a id="index-view-services" class="button index-services__button" href="/services" data-link="transition">
{{ site.data.index.view_services }}
</a>
</div>
</div>
<div class="info-container index-about-us py-9">
<div class="wrapper">
<p class="block-cera-title white-text">{{ site.data.index.our_company }}</p>
<p class="description mb-4 white-text inria-regular">{{ site.data.index.about_us_description }}</p>
</div>
<div class="about_us_info desktop-only">
{% include about_us_info.html %}
<a id="index-more-about-us-desktop" class="button white-text violet-button" href="/about" data-link="transition">
{{ site.data.index.more_about_us }}
</a>
</div>
</div>
<div class="index-about-us-info mobile-only py-9">
<div class="wrapper">
<div class="about_us_info">
{% include about_us_info.html %}
<a id="index-more-about-us-mob", class="button white-text violet-button", target="_blank" href="/about">
{{ site.data.index.more_about_us }}
</a>
</div>
</div>
</div>
<div class="index-solutions py-9">
<div class="wrapper index-solutions__holder">
<h2 class="message inria-bold">{{ site.data.index.build_great_product }}</h2>
<p class="description">{{ site.data.index.help_businesses }}</p>
</div>
<div class="carousel-scroll" >
<div class="carousel-scroll__scroller" data-scroll="scroller">
{% for item in site.data.index.solutions %}
<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 without-margin">
<img src="/assets/images/index/solutions/{{ item.logo }}" alt="Logo">
</div>
<div class="animate-visibility__description"><p>{{ item.description}}</p></div>
</div>
{% endfor %}
</div>
<div class="magnifying-overlay"></div>
</div>
<a id="index-all-solutions", class="index-solutions__button button white-text violet-button", target="_blank" href="/solutions">
{{ site.data.index.view_all_solutions }}
</a>
</div>
</div>