avosoftware.github.io/index.html at master · avosoftware/avosoftware.github.io · 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
---
title: Avo Software
permalink: /
---


{% include header.html %}

<!-- Projects Section -->
<section id="projects" class="py-20 md:py-28 bg-gray-900">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="text-3xl md:text-4xl font-bold text-white leading-tight">Trusted By The Best</h2>
            <p class="mt-4 text-lg text-gray-400">We're proud to have collaborated with some amazing companies.</p>
        </div>

        <!-- Travelist Project Card -->
        <div class="bg-gray-800 rounded-lg shadow-2xl overflow-hidden md:flex">
            <div class="md:w-1/3 bg-white p-8 flex items-center justify-center">
                <a href="https://travelist.pl/" target="_blank">
                    <img src="/assets/images/clients/travelist.webp" alt="Travelist Logo" class="max-w-full h-auto">
                </a>
            </div>
            <div class="p-8 md:w-2/3">
                <h3 class="text-2xl font-bold text-white mb-2">Travelist - Luxury Travel </h3>
                <p class="text-gray-400 mb-6">
                    Travelist is Poland's first travel club, showcasing the best travel deals on the market. Here, you'll find countless ideas for unforgettable getaways at special prices available only to registered members. We'll show you how to quickly and conveniently plan a family getaway, a romantic weekend in a fairytale castle, or a relaxing seaside spa. Just remember, our Travelist hits are like the Orient Express – don't let them slip away.
                </p>
                <div class="flex flex-wrap gap-4">
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">TypeScript</span>
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">Python</span>
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">GraphQL</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Serverless</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Apollo Server</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Express.js</span>
                    <span class="bg-green-500/20 text-green-300 text-sm font-semibold px-3 py-1 rounded-full">ElastiCache</span>
                    <span class="bg-green-500/20 text-green-300 text-sm font-semibold px-3 py-1 rounded-full">Elasticsearch</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Terraform</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Jenkins</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Amazon Web Services</span>
                </div>
            </div>
        </div>

        <!-- Secret Escapes Project Card -->
        <div class="mt-16 bg-gray-800 rounded-lg shadow-2xl overflow-hidden md:flex">
            <div class="md:w-1/3 bg-white p-8 flex items-center justify-center">
                <a href="https://www.secretescapes.com/current-sales" target="_blank">
                    <img src="/assets/images/clients/secret-escapes.webp" alt="Secret Escapes Logo" class="max-w-full h-auto">
                </a>
            </div>
            <div class="p-8 md:w-2/3">
                <h3 class="text-2xl font-bold text-white mb-2">Secret Escapes - Luxury Travel E-commerce</h3>
                <p class="text-gray-400 mb-6">
                    An e-commerce portal providing exclusive rates for luxury hotels and holidays in the UK and abroad. Key to success was a deep understanding of social media integration, user behavior tracking, and the development and maintenance of a high-traffic website.
                </p>
                <div class="flex flex-wrap gap-4">
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">Groovy</span>
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">JavaScript</span>
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">Less</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Grails</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">KnockoutJS</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">jQuery</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Spock</span>
                    <span class="bg-green-500/20 text-green-300 text-sm font-semibold px-3 py-1 rounded-full">MySQL</span>
                    <span class="bg-green-500/20 text-green-300 text-sm font-semibold px-3 py-1 rounded-full">MongoDB</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">TDD</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Git</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Jenkins</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Amazon S3</span>
                </div>
            </div>
        </div>

        <!-- Sentenial Project Card -->
        <div class="mt-16 bg-gray-800 rounded-lg shadow-2xl overflow-hidden md:flex">
            <div class="md:w-1/3 bg-white p-8 flex items-center justify-center">
                <a href="https://www.sentenial.com/en" target="_blank">
                    <img src="/assets/images/clients/sentenial.webp" alt="Sentenial Logo" class="max-w-full h-auto">
                </a>
            </div>
            <div class="p-8 md:w-2/3">
                <h3 class="text-2xl font-bold text-white mb-2">Sentenial - SEPA Payments Engine</h3>
                <p class="text-gray-400 mb-6">
                    Development and maintenance of an existing SEPA Payments batch processing engine for handling very large XML files in inter-bank exchange, as well as supporting the development of a UI application for end-users.
                </p>
                <div class="flex flex-wrap gap-4">
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">J2EE 5</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Spring 2/3</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Hibernate 3.x</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Struts 1</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Selenium</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">JMS</span>
                    <span class="bg-green-500/20 text-green-300 text-sm font-semibold px-3 py-1 rounded-full">Oracle</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">JBOSS AS 4</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">XML</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">JSP</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Maven</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">SVN</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Jenkins</span>
                </div>
            </div>
        </div>

        <!-- Unizeto Technologies Project Card -->
        <div class="mt-16 bg-gray-800 rounded-lg shadow-2xl overflow-hidden md:flex">
            <div class="md:w-1/3 bg-white p-8 flex items-center justify-center">
                <a href="https://www.unizeto.pl/" target="_blank">
                    <img src="/assets/images/clients/unizeto-technologies.webp" alt="Unizeto Technologies Logo" class="max-w-full h-auto">
                </a>
            </div>
            <div class="p-8 md:w-2/3">
                <h3 class="text-2xl font-bold text-white mb-2">Unizeto Technologies - PKI Solutions</h3>
                <p class="text-gray-400 mb-6">
                    A wide range of Public Key Infrastructure (PKI) solutions developed for Java SE, J2EE, Java applets, and Android devices, focusing on robust security and authentication systems.
                </p>
                <div class="flex flex-wrap gap-4">
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">J2EE 4/5</span>
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">JSE 5/6/7</span>
                    <span class="bg-blue-500/20 text-blue-300 text-sm font-semibold px-3 py-1 rounded-full">Android</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">EJB</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Hibernate</span>
                    <span class="bg-purple-500/20 text-purple-300 text-sm font-semibold px-3 py-1 rounded-full">Selenium</span>
                    <span class="bg-green-500/20 text-green-300 text-sm font-semibold px-3 py-1 rounded-full">Oracle</span>
                    <span class="bg-green-500/20 text-green-300 text-sm font-semibold px-3 py-1 rounded-full">PostgreSQL</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">JBOSS AS 4/5</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">XML</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">JSP</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Ant</span>
                    <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">SVN</span>
                      <span class="bg-gray-500/20 text-gray-300 text-sm font-semibold px-3 py-1 rounded-full">Bamboo</span>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Contact Section -->
<section id="contact" class="pt-16 md:pt-20 bg-gray-800 border-t border-gray-700">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center">
            <h2 class="text-3xl md:text-4xl font-bold text-white leading-tight">Where to find us</h2>
            <p class="mt-4 text-lg text-gray-400">Let's connect and build something great together.</p>
        </div>
        <div class="pt-10 pb-4 flex justify-center items-center space-x-6 md:space-x-10">
            <!-- LinkedIn -->
            <a href="https://www.linkedin.com/in/{{ site.linkedin_username }}"" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors duration-300">
                <svg class="h-10 w-10 md:h-12 md:w-12" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                </svg>
                <span class="sr-only">LinkedIn</span>
            </a>
            <!-- GitHub -->
            <a href="https://github.com/{{ site.github_username }}" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors duration-300">
                <svg class="h-10 w-10 md:h-12 md:w-12" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.165 6.839 9.49.5.092.682-.217.682-.482 0-.237-.009-.868-.014-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.03-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.378.203 2.398.1 2.65.64.7 1.028 1.595 1.028 2.688 0 3.848-2.338 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.001 10.001 0 0022 12c0-5.523-4.477-10-10-10z" clip-rule="evenodd"/>
                </svg>
                <span class="sr-only">GitHub</span>
            </a>
            <!-- Email -->
            <a href="email:{{ site.email }}" class="text-gray-400 hover:text-white transition-colors duration-300">
                <svg class="h-10 w-10 md:h-12 md:w-12" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
                </svg>
                <span class="sr-only">Email</span>
            </a>
        </div>
    </div>
</section>