Skip to content

Commit 9a4f20f

Browse files
committed
Content: Refactorizar index y organization para alinear con 3 segmentos
index.html: - Reorganizar servicios en 3 segmentos claros: Launchpad, Resources, Knowledge - Cada segmento muestra sus 2 áreas complementarias - Descripciones actualizadas según la visión detallada organization/index.html: - Actualizar sección Coderic Organization con estructura de 3 segmentos - Descripciones actualizadas para cada área según la visión - Cambiar 'Physical and Human Resources' a 'Resources' - Cambiar 'Training and Feedback' a 'Knowledge' - Descripciones más precisas de cada área
1 parent 4320ce2 commit 9a4f20f

File tree

2 files changed

+122
-88
lines changed

2 files changed

+122
-88
lines changed

index.html

Lines changed: 95 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -49,12 +49,6 @@ <h1 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold mb-6 leading-t
4949
</svg>
5050
<span>Since 2004</span>
5151
</div>
52-
<div class="flex items-center gap-2">
53-
<svg class="w-5 h-5 text-orange-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
54-
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
55-
</svg>
56-
<span>Since 2004</span>
57-
</div>
5852
<div class="flex items-center gap-2">
5953
<svg class="w-5 h-5 text-orange-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
6054
<path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
@@ -75,78 +69,109 @@ <h1 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold mb-6 leading-t
7569
</div>
7670
</section>
7771

78-
<!-- Services Section -->
72+
<!-- Three Segments Section -->
7973
<section class="bg-white py-16 sm:py-20 lg:py-24">
8074
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
8175
<div class="text-center mb-12">
8276
<h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-4">
83-
Our <span class="text-orange-500">Services</span>
77+
Our <span class="text-orange-500">Ecosystem</span>
8478
</h2>
85-
<p class="text-lg text-gray-600 max-w-2xl mx-auto">
86-
Explore our comprehensive ecosystem of services designed to support developers, entrepreneurs, and businesses across Latin America.
79+
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
80+
Coderic Organization is structured into three main segments, each consisting of two complementary areas that work together to support developers and entrepreneurs in bringing their projects to life.
8781
</p>
8882
</div>
8983

90-
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
91-
<a href="/development" class="service-card group" aria-label="Development services">
92-
<div class="service-card-icon">
93-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
94-
<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" />
95-
</svg>
96-
</div>
97-
<h3 class="service-card-title">Development</h3>
98-
<p class="service-card-description">Collaborative software development, version control, and DevOps tools for modern teams.</p>
99-
</a>
100-
101-
<a href="/crowdfunding" class="service-card group" aria-label="Crowdfunding services">
102-
<div class="service-card-icon">
103-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
104-
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z" />
105-
</svg>
106-
</div>
107-
<h3 class="service-card-title">Crowdfunding</h3>
108-
<p class="service-card-description">Collective funding for innovative technology projects and startup initiatives.</p>
109-
</a>
110-
111-
<a href="/coworking" class="service-card group" aria-label="Coworking spaces">
112-
<div class="service-card-icon">
113-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
114-
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z" />
115-
</svg>
116-
</div>
117-
<h3 class="service-card-title">Co-Working</h3>
118-
<p class="service-card-description">Physical and virtual collaborative spaces for innovation and teamwork.</p>
119-
</a>
120-
121-
<a href="/freelancers" class="service-card group" aria-label="Freelancer network">
122-
<div class="service-card-icon">
123-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
124-
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z" />
125-
</svg>
126-
</div>
127-
<h3 class="service-card-title">Freelancers</h3>
128-
<p class="service-card-description">Connect with skilled developers and technical professionals for your projects.</p>
129-
</a>
130-
131-
<a href="/learning" class="service-card group" aria-label="Learning academy">
132-
<div class="service-card-icon">
133-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
134-
<path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" />
135-
</svg>
136-
</div>
137-
<h3 class="service-card-title">Learning</h3>
138-
<p class="service-card-description">Educational resources, tutorials, courses, and technical certifications.</p>
139-
</a>
140-
141-
<a href="/community" class="service-card group" aria-label="Community">
142-
<div class="service-card-icon">
143-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
144-
<path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
145-
</svg>
146-
</div>
147-
<h3 class="service-card-title">Community</h3>
148-
<p class="service-card-description">Forums, support, technical assistance, and mentorship programs.</p>
149-
</a>
84+
<!-- Launchpad Segment -->
85+
<div class="mb-16">
86+
<div class="text-center mb-8">
87+
<h3 class="text-2xl sm:text-3xl font-bold text-stone-800 mb-3">🔹 Launchpad</h3>
88+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">
89+
Development and financing tools to start and advance your project
90+
</p>
91+
</div>
92+
<div class="grid md:grid-cols-2 gap-6">
93+
<a href="/development" class="service-card group" aria-label="Development services">
94+
<div class="service-card-icon">
95+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
96+
<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" />
97+
</svg>
98+
</div>
99+
<h3 class="service-card-title">Development</h3>
100+
<p class="service-card-description">Planning, engineering design, coding, and technology selection. Connect with investors, funds, and organizations publishing funded software needs.</p>
101+
</a>
102+
103+
<a href="/crowdfunding" class="service-card group" aria-label="Crowdfunding services">
104+
<div class="service-card-icon">
105+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
106+
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z" />
107+
</svg>
108+
</div>
109+
<h3 class="service-card-title">Crowdfunding</h3>
110+
<p class="service-card-description">Multiple funding options: share profits with organization members, or access external funding including investment funds, collective funds, government funds, and direct investors.</p>
111+
</a>
112+
</div>
113+
</div>
114+
115+
<!-- Resources Segment -->
116+
<div class="mb-16">
117+
<div class="text-center mb-8">
118+
<h3 class="text-2xl sm:text-3xl font-bold text-stone-800 mb-3">🔹 Resources</h3>
119+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">
120+
Workspaces and professionals to support your project development
121+
</p>
122+
</div>
123+
<div class="grid md:grid-cols-2 gap-6">
124+
<a href="/coworking" class="service-card group" aria-label="Coworking spaces">
125+
<div class="service-card-icon">
126+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
127+
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z" />
128+
</svg>
129+
</div>
130+
<h3 class="service-card-title">Co-Working</h3>
131+
<p class="service-card-description">Where to work: affordable, fair-priced physical spaces aligned with our collective, collaborative, and participative vision.</p>
132+
</a>
133+
134+
<a href="/freelancers" class="service-card group" aria-label="Freelancer network">
135+
<div class="service-card-icon">
136+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
137+
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z" />
138+
</svg>
139+
</div>
140+
<h3 class="service-card-title">Freelancers</h3>
141+
<p class="service-card-description">Who to work with: comprehensive directory of professionals including designers, beta testers, project managers, developers, promoters, and digital marketing experts.</p>
142+
</a>
143+
</div>
144+
</div>
145+
146+
<!-- Knowledge Segment -->
147+
<div class="mb-16">
148+
<div class="text-center mb-8">
149+
<h3 class="text-2xl sm:text-3xl font-bold text-stone-800 mb-3">🔹 Knowledge</h3>
150+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">
151+
Learning resources and community support to help you succeed
152+
</p>
153+
</div>
154+
<div class="grid md:grid-cols-2 gap-6">
155+
<a href="/learning" class="service-card group" aria-label="Learning academy">
156+
<div class="service-card-icon">
157+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
158+
<path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" />
159+
</svg>
160+
</div>
161+
<h3 class="service-card-title">Learning</h3>
162+
<p class="service-card-description">Extensive library of curated YouTube playlists, knowledge base, tutorials, and guides—all organized and updated to help you learn how to start and advance your project.</p>
163+
</a>
164+
165+
<a href="/community" class="service-card group" aria-label="Community">
166+
<div class="service-card-icon">
167+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
168+
<path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
169+
</svg>
170+
</div>
171+
<h3 class="service-card-title">Community</h3>
172+
<p class="service-card-description">Discussion forums, guides, and artificial intelligence to answer your questions. We know that maybe you won't succeed so easily without help, and that's why we're here.</p>
173+
</a>
174+
</div>
150175
</div>
151176
</div>
152177
</section>

0 commit comments

Comments
 (0)