coderic.cloud/index.html at master · Coderic/coderic.cloud · 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
---
layout: page
---
    <div class="bg-stone-800 jumbotron px-8 sm:px-12 lg:px-20 py-12 sm:py-14 flex flex-col md:flex-row overflow-hidden">
        <div class="w-full md:w-1/2 text-white py-8 md:py-14 order-1">
            <large class="inline-flex rounded-full text-xl border-stone-500 text-orange-500 border-2 pt-1 px-3">
                <svg class="h-6 w-6 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><defs/><title>cloud</title><path d="M16,7h0a7.66,7.66,0,0,1,1.51.15,8,8,0,0,1,6.35,6.34l.26,1.35,1.35.24a5.5,5.5,0,0,1-1,10.92H7.5a5.5,5.5,0,0,1-1-10.92l1.34-.24.26-1.35A8,8,0,0,1,16,7m0-2a10,10,0,0,0-9.83,8.12A7.5,7.5,0,0,0,7.49,28h17a7.5,7.5,0,0,0,1.32-14.88,10,10,0,0,0-7.94-7.94A10.27,10.27,0,0,0,16,5Z" transform="translate(0)"/><rect class="cls-1" width="32" height="32" style="fill:none"/></svg>
                Infraestructura en la Nube
            </large>
            <h1 class="text-6xl font-bold mb-4 mt-4">
                Infraestructura Escalable para tu Negocio</h1>
            <p class="text-lg mb-4">Canal de comercialización para infraestructura y servicios cloud del ecosistema Coderic. Servicios IaaS, PaaS y SaaS con auto-scaling, monitoreo y alta disponibilidad.</p>
            <a href="/dashboard" class="bg-orange-600 hover:bg-orange-500 text-white font-bold py-2 px-4 rounded-lg text-lg">Comenzar Ahora</a>
        </div>
        <div class="w-full md:w-1/2 flex items-center justify-center order-2 py-8 md:py-14">
            <img src="/images/decabyte.jpg" class="w-full max-w-md max-h-[280px] md:max-h-[340px] object-contain object-center rounded-lg" alt="Prototipo de modelado 3D en el que se inspiró el proyecto Decabyte" />
        </div>
    </div>
    <div class="py-4">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-4">
            <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-3 cards-animate">
                <a href="/software" class="card h-56 pt-8 rounded-lg shadow-md">
                    <div class="boxie">
                        <div class="icon mb-4">
                            <svg class="w-10 h-10 text-gray-500 mx-auto mt-4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve" fill="currentColor"><path d="M29.391,14.527L17.473,2.609C17.067,2.203,16.533,2,16,2c-0.533,0-1.067,0.203-1.473,0.609L2.609,14.527 C2.203,14.933,2,15.466,2,16s0.203,1.067,0.609,1.473l11.917,11.917C14.933,29.797,15.467,30,16,30c0.533,0,1.067-0.203,1.473-0.609 l11.917-11.917C29.797,17.067,30,16.534,30,16S29.797,14.933,29.391,14.527z M16,28.036L3.965,16L16,3.964L28.036,16L16,28.036z"/><rect id="_x3C_Transparent_Rectangle_x3E__00000119812012335990934660000018356235523389216153_" class="st0" width="32" height="32" style="fill:none"/></svg>
                        </div>
                        <h3 class="text-lg font-semibold text-center mb-2">SOFTWARE</h3>
                        <p class="text-center">Software como Servicio (SaaS) en la nube.</p>
                    </div>
                </a>
                <a href="/platform" class="card h-56 pt-8 rounded-lg shadow-md">
                    <div class="boxie">
                        <div class="icon mb-4">
                            <svg class="w-10 h-10 text-gray-500 mx-auto mt-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><defs></defs><path d="m28,28H4c-1.1028,0-2-.8972-2-2v-6h2v6h24v-6h2v6c0,1.1028-.8972,2-2,2Z"/><path d="m17,17v4c0,.5522.4477,1,1,1h4c.5523,0,1-.4478,1-1v-4c0-.5523-.4477-1-1-1h-4c-.5523,0-1,.4477-1,1Zm2,1h2v2h-2v-2Z"/><path d="m9,17v4c0,.5522.4477,1,1,1h4c.5523,0,1-.4478,1-1v-4c0-.5523-.4477-1-1-1h-4c-.5523,0-1,.4477-1,1Zm2,1h2v2h-2v-2Z"/><path d="m17,9v4c0,.5522.4477,1,1,1h4c.5523,0,1-.4478,1-1v-4c0-.5523-.4477-1-1-1h-4c-.5523,0-1,.4477-1,1Zm2,1h2v2h-2v-2Z"/><path d="m5,5v8c0,.5522.4477,1,1,1h8c.5523,0,1-.4478,1-1V5c0-.5523-.4477-1-1-1H6c-.5523,0-1,.4477-1,1Zm2,1h6v6h-6v-6Z"/><rect id="_Transparent_Rectangle_" data-name="&amp;lt;Transparent Rectangle&amp;gt;" class="cls-1" width="32" height="32" style="fill: none"/></svg>
                        </div>
                        <h3 class="text-lg font-semibold text-center mb-2">PLATAFORMAS</h3>
                        <p class="text-center">Plataforma como Servicio (PaaS) robusta.</p>
                    </div>
                </a>
                <a href="/infrastructure" class="card h-56 pt-8 rounded-lg shadow-md">
                    <div class="boxie">
                        <div class="icon mb-4">
                            <svg class="w-10 h-10 text-gray-500 mx-auto mt-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><defs></defs><rect x="18" y="26" width="12" height="2"/><rect x="18" y="21" width="12" height="2"/><rect x="18" y="16" width="12" height="2"/><path d="M14,25H9.5A7.4964,7.4964,0,0,1,8.1782,10.124,10,10,0,0,1,28,12H26a7.999,7.999,0,0,0-15.9507-.87l-.09.8335L9.123,12.02A5.4962,5.4962,0,0,0,9.5,23H14Z" transform="translate(0 0)"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32" style="fill: none"/></svg>
                        </div>
                        <h3 class="text-lg font-semibold text-center mb-2">INFRAESTRUCTURA</h3>
                        <p class="text-center">Infraestructura como Servicio (IaaS) escalable y segura.</p>
                    </div>
                </a>
                <!--a href="/big) }}" class="card h-56 pt-8 rounded-lg shadow-md">
                    <div class="boxie">
                        <div class="icon mb-4">
                            <x-eos-big-data-o class="w-10 h-10 text-gray-500 mx-auto mt-4" />
                        </div>
                        <h3 class="text-lg font-semibold text-center mb-2">BIG DATA</h3>
                        <p class="text-center">Large-scale data analysis</p>
                    </div>
                </a>
                <a href="/large) }}" class="card h-56 pt-8 rounded-lg shadow-md">
                    <div class="boxie">
                        <div class="icon mb-4">
                            <x-carbon-load-balancer-network class="w-10 h-10 text-gray-500 mx-auto mt-4" />
                        </div>
                        <h3 class="text-lg font-semibold text-center mb-2">LARGE SCALE</h3>
                        <p class="text-center">Solutions for large-scale projects</p>
                    </div>
                </a-->
            </div>
        </div>
    </div>