-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (113 loc) · 7.44 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/dist/output.css" rel="stylesheet">
</head>
<body class="bg-gray-100">
<div class="mx-auto p-3 rounded-md max-w-7xl sm:px-6 lg:px-8">
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
<div class="hidden sm:mb-8 sm:flex sm:justify-center">
<img src="/img/logo.png" alt="">
<!-- <div class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
Announcing our next round of funding. <a href="#" class="font-semibold text-indigo-600"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">→</span></a>
</div> -->
</div>
<div class="text-center">
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Ferconomics</h1>
<p class="mt-6 text-lg leading-8 text-gray-600">
Data Driven Solutions.
</p>
<p class="text-sm text-gray-500">
En Ferconomics nos especializamos en el desarrollo de aplicaciones web, automatizaciones y Business Intelligence. Mediante un proceso de consultoría, analizamos sus necesidades y le ofrecemos la mejor solución para su negocio a un precio competitivo.
</p>
<!-- <div class="mt-10 flex items-center justify-center gap-x-6">
<a href="#" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Get started</a>
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">Learn more <span aria-hidden="true">→</span></a>
</div> -->
</div>
</div>
<div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" aria-hidden="true">
<div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
</div>
<p class="text-3xl text-gray-500 font-bold">Nuestros Servicios </p>
<div class="overflow-hidden mt-3 rounded-md bg-white shadow">
<ul role="list" class="grid grid-cols-1 gap-6 bg-pink-600 p-5 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<li class="col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow">
<div class="flex flex-1 flex-col p-8">
<img class="mx-auto h-32 w-32 flex-shrink-0 " src="/img/laravel.svg" alt="">
<h3 class="mt-6 text-sm font-medium text-gray-900">Aplicaciones Web</h3>
<dl class="mt-1 flex flex-grow flex-col justify-between">
<dt class="sr-only">Title</dt>
<dd class="text-sm text-gray-500">Laravel</dd>
<dt class="sr-only">Role</dt>
<dd class="mt-3">
<p>
Desarrollamos para usted aplicaciones web a la medida de sus necesidades, con las tecnologías más actuales y con un diseño moderno y atractivo.
</p>
</dd>
</dl>
</div>
<div>
</li>
<li class="col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow">
<div class="flex flex-1 flex-col p-8">
<img class="mx-auto h-32 w-32 flex-shrink-0" src="/img/pbi.PNG" alt="">
<h3 class="mt-6 text-sm font-medium text-gray-900">Business Intelligence</h3>
<dl class="mt-1 flex flex-grow flex-col justify-between">
<dt class="sr-only">Title</dt>
<dd class="text-sm text-gray-500">Power BI</dd>
<dt class="sr-only">Role</dt>
<dd class="mt-3">
<p>
Transformamos sus datos en información, y su información en conocimiento. Prepare sus datos para la toma de decisiones de forma rápida y eficiente.
</p>
</dd>
</dl>
</div>
</li>
<li class="col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow">
<div class="flex flex-1 flex-col p-8">
<img class="mx-auto h-32 w-32 flex-shrink-0" src="/img/python.svg" alt="">
<h3 class="mt-6 text-sm font-medium text-gray-900">Automatizaciones</h3>
<dl class="mt-1 flex flex-grow flex-col justify-between">
<dt class="sr-only">Title</dt>
<dd class="text-sm text-gray-500">Python</dd>
<dt class="sr-only">Role</dt>
<dd class="mt-3">
<p>
Automatizamos sus procesos de negocio, para que pueda dedicar su tiempo a lo que realmente importa. Desde la extracción de datos hasta la generación de reportes.
</p>
</dd>
</dl>
</div>
</li>
<li class="col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow">
<div class="flex flex-1 flex-col p-8">
<img class="mx-auto h-32 w-32 flex-shrink-0" src="/img/html.svg" alt="">
<h3 class="mt-6 text-sm font-medium text-gray-900">Páginas Web Estáticas</h3>
<dl class="mt-1 flex flex-grow flex-col justify-between">
<dt class="sr-only">Title</dt>
<dd class="text-sm text-gray-500">HTML</dd>
<dt class="sr-only">Role</dt>
<dd class="mt-3">
<p>
Diseñamos y desarrollamos su página web estática, con un diseño moderno y atractivo, para que pueda mostrar su negocio al mundo.
</p>
</dd>
</dl>
</div>
</li>
</ul>
<div>
</div>
</div>
<div class="text-center ">
<p class="mt-5 text-xl">
Contactenos en: <a href="mailto:[email protected]?subject=Contacto%20Ferconomics" class="text-indigo-600 hover:text-indigo-500"> [email protected]</a> para ofrecerle una solución a la medida de sus necesidades.
</p>
</div>
</div>
</body>
</html>