-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
138 lines (124 loc) · 5.05 KB
/
index.html
File metadata and controls
138 lines (124 loc) · 5.05 KB
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
---
layout: default
title: Desarrollo de MVP con Ruby on Rails en Colombia
description: "Convertimos tu idea en un MVP funcional en 4 semanas con Ruby on Rails. Desarrollo de software para emprendedores y PyMEs en Colombia. Agenda una llamada gratuita."
image: /images/devaspros-og-image.png
---
<section class="intro">
<div class="container text-center">
<h1 class="text-shadow">Convierte tu idea en un MVP con Ruby on Rails en 4 semanas — desde Colombia</h1>
<p class="lead">Somos un equipo de desarrollo especializado en MVPs y aplicaciones web con Ruby on Rails. Trabajamos contigo desde la idea hasta el lanzamiento.</p>
<a href="/contact-us" class="btn btn-primary btn-lg cta">Agenda una llamada de 30 min</a>
</div>
</section>
<section class="what-we-do">
<div class="container text-center">
<h2>¿Qué Hacemos?</h2>
<div class="row justify-content-center">
<div class="col max-width-75">
<p>
Tienes una idea pero no sabes si vale la pena invertir en ella. O ya la tienes clara pero no quieres perder tiempo ni dinero en un desarrollo que no funcione.
</p>
<p>
En <span>Dev As Pros</span>, equipo de desarrollo en Colombia, te ayudamos a validar y construir tu producto digital con poco riesgo y al costo justo.
</p>
</div>
</div>
</div>
</section>
<section class="home-servicios">
<div class="container text-center">
<h2>Nuestros Servicios</h2>
<div class="row justify-content-center mt-5">
<div class="col-md-5 home-servicio-card">
<i class="fas fa-star-half-alt"></i>
<h3>MVP</h3>
<p class="home-servicio-tiempo">4 semanas</p>
<p>Valida tu idea con una versión funcional del producto antes de invertir en el desarrollo completo.</p>
<a href="/mvp_development" class="btn btn-outline-light mt-3">Saber más</a>
</div>
<div class="col-md-5 home-servicio-card">
<i class="fas fa-star"></i>
<h3>Versión Inicial</h3>
<p class="home-servicio-tiempo">4 meses</p>
<p>Construye la primera versión completa de tu producto, lista para usuarios reales y para escalar.</p>
<a href="/web_app_development" class="btn btn-outline-light mt-3">Saber más</a>
</div>
</div>
</div>
</section>
<section class="home-proceso">
<div class="container text-center">
<h2>Cómo lo hacemos</h2>
<p class="lead mb-5">Un proceso claro para que siempre sepas en qué estamos.</p>
<div class="row home-proceso-pasos">
<div class="col-md-3 home-proceso-paso">
<div class="paso-icono"><i class="fas fa-search"></i></div>
<h4>Descubrimiento</h4>
<p>Entendemos tu idea y definimos el producto juntos.</p>
</div>
<div class="col-md-3 home-proceso-paso">
<div class="paso-icono"><i class="fas fa-pencil-ruler"></i></div>
<h4>Planeación</h4>
<p>Priorizamos funcionalidades y estimamos tiempo y costo.</p>
</div>
<div class="col-md-3 home-proceso-paso">
<div class="paso-icono"><i class="fas fa-code"></i></div>
<h4>Desarrollo</h4>
<p>Construimos en ciclos cortos con entregas semanales.</p>
</div>
<div class="col-md-3 home-proceso-paso">
<div class="paso-icono"><i class="fas fa-rocket"></i></div>
<h4>Lanzamiento</h4>
<p>Desplegamos en producción y te acompañamos en el arranque.</p>
</div>
</div>
<a href="/proceso" class="btn btn-primary cta mt-5">Ver proceso completo</a>
</div>
</section>
<section class="home-numeros">
<div class="container text-center">
<div class="row justify-content-center">
<div class="col-md-3 numero-item">
<span class="numero">+7</span>
<span class="numero-label">años de experiencia</span>
</div>
<div class="col-md-3 numero-item">
<span class="numero">+5</span>
<span class="numero-label">proyectos lanzados</span>
</div>
<div class="col-md-3 numero-item">
<span class="numero">4</span>
<span class="numero-label">industrias atendidas</span>
</div>
<div class="col-md-3 numero-item">
<span class="numero">100%</span>
<span class="numero-label">código entregado al cliente</span>
</div>
</div>
</div>
</section>
<section class="work">
<div class="container text-center">
<h2>Proyectos</h2>
<div class="projects">
{% for project in site.projects limit:4 %}
<div class="project {{ project.class_name }}">
<a href="{{ project.url }}" title="{{ project.description }}">
<img src="{{ project.image }}" alt="{{ project.description }}">
</a>
<p class="project-description">{{ project.description }}</p>
</div>
{% endfor %}
</div>
<div class="row justify-content-center">
<a href="/proyectos" class="btn btn-primary btn-lg cta">Ver todos los proyectos</a>
</div>
</div>
</section>
<section class="contact">
<div class="container">
<h2 class="text-center text-shadow">Ponte en Contacto</h2>
{% include contact.html %}
</div>
</section>