Seiko Soluciones

Ofrecemos servicios de consultoría y soporte a sistemas de IT para garantizar el correcto desempeño de sus sistemas de información.

Nuestros Servicios

Contamos con un amplio portafolio en servicios de IT.

Soporte Técnico

El correcto funcionamiento de sus equipos e infraestructura de IT es de vital importancia para su negocio, es por eso que contamos con planes de soporte a la medida.

Desarrollo de Software

Aplicaciones Web, de escritorio, Cloud Services. Desarrollamos esa aplicación que ayudará a automatizar los procesos de su negocio.

Sistemas de Seguridad

Venta, instalación y soporte de equipos de video vigilancia, cámaras, video porteros, control de acceso y monitoreo CCTV.

Redes

Contamos con personal calificado y certificado para la correcta instalación y configuración de sus sistemas de comunicaciones, Desde instalación de cableado estructurado hasta instalación de fibra óptica y equipo de comunicaciones como switches, racks, etc. Trabajamos con las marcas líderes en el mercado.

Consultoría

Adoptar nuevas tecnologías puede ser un proceso difícil si no se cuenta con la estrategia y recursos necesarios que aseguren su correcta implementación. Nuestros expertos en diversas áreas de IT garantizan la correcta planeación, diseño e implementación de nueva tecnología en su negocio.

Nuestra Empresa

Somos una empresa mexicana que ofrece servicios de consultoria, venta de equipo, desarrollo de software. Contamos con especialistas en diferentes áreas para poder brindar una asesoria integral y asegurar la correcta integración de su infraestructura de IT.

Misión

Ayudar a crecer a nuestros clientes mediante la correcta implementación, optimización y funcionamiento de su infraestructura de IT, proveer servicios y productos de calidad siempre con valor agregado

Visión

Crear sinergias con nuestros clientes ofreciendo siempre soluciones innovadoras y de calidad, para convertirnos en empresa lider en tecnologías de la información a nivel nacional.

Valores

Calidad
Compromiso
Honestidad
Innovavión
Respeto
Responsabilidad

Contamos con un amplio portafolio de servicios.

Contáctenos para conocer más sobre nuestro portafolio de servicios.

Servicios de Consultoría

Brindamos asesoria para asegurar el éxito en el diseño, implementación y soporte en proyectos de IT.

Venta y renta de Equipo

Trabajamos con las mejores marcas en el mercado.

Domótica

Creamos espacios inteligentes, automatizamos su hogoar u oficina.

Desarrollo de Software

Le apoyamos en la creación de aplicaciones en distintas plataformas.

Envíenos un mensaje

Nuestro equipo se pondrá en contacto con usted a la brevedad.

Nombre

Correo electrónico

Su mensaje

Dirección

García Lorca 2008, Apodaca N.L.

8115 88 5951

ventas@seikosoluciones.com

soporte@seikosoluciones.com

<div class="w-full">
  <div class="p-0 flex items-center overflow-hidden relative bg-black min-h-screen-75">
    <div class="absolute w-full bg-indigo-500 h-full z-1 opacity-30 top-0 left-0"></div>
    <video playsinline="" autoplay="" loop="" class="absolute min-w-full max-w-none min-h-full z-0 transform -translate-x-1/2 -translate-y-1/2 top-7/20 left-1/2">
      <source src="../../assets/videos/Lights - 26607.mp4" type="video/mp4">
    </video>
    <div class="container mx-auto px-4">
      <div class="relative text-center flex flex-wrap -mx-4 z-1">
        <div class="mx-auto px-4 relative w-full lg:w-8/12">
          <h1 class="text-4xl font-semibold leading-tight text-white">Welcome to our most special company</h1>
          <h4 class="mt-2 text-lg text-white opacity-75 mb-8">We’re not always in the position that we want to be at. We’re constantly growing! When you're home, is different, since your parents are helping you.</h4>
          <button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-white bg-orange-500 border-orange-500 active:bg-orange-600 active:border-orange-600 text-sm px-6 py-3 shadow-md hover:shadow-lg rounded-lg"><i class="fas fa-play mr-2"></i>Get in contact</button>
        </div>
      </div>
    </div>
    <div class="w-full absolute text-white bottom-0 z-1">
      <div class="w-full pointer-events-none overflow-hidden h-70-px" style="transform: translateZ(0px);">
        <svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.1" viewBox="0 0 2560 100" x="0" y="0">
          <polygon class="text-white fill-current" points="2560 0 2560 100 0 100"></polygon>
        </svg>
      </div>
    </div>
  </div>
</div>

<div class="w-full">
  <div class="py-12">
    <div class="flex flex-wrap -mx-4 justify-center">
      <div class="px-4 relative w-full text-center">
        <span class="text-pink-500 bg-pink-200 text-xs font-bold inline-block py-1 uppercase uppercase last:mr-0 mr-1 leading-tight rounded px-2">Lost angels</span>
        <h2 class="text-4xl font-bold mt-3 mb-1 text-blueGray-700">Why did you last so much, nobody knows</h2>
        <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-400">There will come a day, when you'll fall again, and you know this, but like myself, you too have some angels that help you.</p>
      </div>
    </div>
    <div class="items-center flex flex-wrap -mx-4">
      <div class="ml-auto text-left mt-6 px-4 relative w-full lg:w-4/12">
        <div class="shadow-lg rounded border-0 relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg text-white bg-blueGray-500">
          <img class="w-full flex-shrink-0 rounded-t-lg" src="https://demos.creative-tim.com/notus-pro-react/static/media/img-1.f2fd521a.jpg" alt="...">
          <blockquote class="p-6 relative mb-4">
            <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 583 95" class="block w-full absolute text-blueGray-700 h-95-px -top-94-px left-0">
              <polygon points="0,52 583,95 0,95" class="text-blueGray-500 fill-current"></polygon>
              <polygon points="0,42 583,95 683,0 0,95" opacity=".2" class="text-blueGray-500 fill-current"></polygon>
            </svg>
            <h4 class="text-2xl font-semibold mt-0 text-white">Notus Design System</h4>
            <p class="text-white mt-2">That’s my skill, I like to create things that last many years. I’m not really specifically talented at anything except for the ability to learn. That's it, see you at top...</p>
          </blockquote>
        </div>
      </div>
      <div class="mr-auto px-4 relative w-full lg:w-7/12">
        <div class="flex flex-wrap -mx-4">
          <div class="px-4 relative w-full md:w-6/12">
            <div class="bg-orange-500 mt-8 rounded-lg text-left p-6 flex items-start">
              <div class="flex-1">
                <div class="text-orange-500 bg-white shadow-lg rounded rounded-full justify-center items-center text-center p-2 mx-auto mb-5 inline-flex w-12 h-12"><i class="fas fa-smile-beam text-xl"></i></div>
                <h4 class="text-2xl font-semibold leading-normal text-white">Best Quality</h4>
                <p class="mt-2 text-white">It becomes harder for us to give others a hand. We get our heart broken by people we love.</p>
              </div>
            </div>
          </div>
          <div class="px-4 relative w-full md:w-6/12">
            <div class="bg-lightBlue-500 mt-8 rounded-lg text-left p-6 flex items-start">
              <div class="flex-1">
                <div class="text-lightBlue-500 bg-white shadow-lg rounded rounded-full justify-center items-center text-center p-2 mx-auto mb-5 inline-flex w-12 h-12"><i class="fas fa-palette text-xl"></i></div>
                <h4 class="text-2xl font-semibold leading-normal text-white">Awesome Design</h4>
                <p class="mt-2 text-white">As we live, our hearts turn colder. Cause pain is what we go through as we become older.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="flex flex-wrap -mx-4">
          <div class="px-4 relative w-full md:w-6/12">
            <div class="bg-red-500 mt-8 rounded-lg text-left p-6 flex items-start">
              <div class="flex-1">
                <div class="text-red-500 bg-white shadow-lg rounded rounded-full justify-center items-center text-center p-2 mx-auto mb-5 inline-flex w-12 h-12"><i class="fas fa-running text-xl"></i></div>
                <h4 class="text-2xl font-semibold leading-normal text-white">Fast Development</h4>
                <p class="mt-2 text-white">We’re not always in the position that we want to be at. We’re constantly growing.</p>
              </div>
            </div>
          </div>
          <div class="px-4 relative w-full md:w-6/12">
            <div class="bg-emerald-500 mt-8 rounded-lg text-left p-6 flex items-start">
              <div class="flex-1">
                <div class="text-emerald-500 bg-white shadow-lg rounded rounded-full justify-center items-center text-center p-2 mx-auto mb-5 inline-flex w-12 h-12"><i class="fas fa-glasses text-xl"></i></div>
                <h4 class="text-2xl font-semibold leading-normal text-white">Super Fresh</h4>
                <p class="mt-2 text-white">When we lose family over time. What else could rust the heart more over time? Blackgold.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="w-full">
  <div class="py-12">
    <div class="flex flex-wrap -mx-4 justify-center">
      <div class="px-4 relative w-full text-center">
        <span class="text-pink-500 bg-pink-200 text-xs font-bold inline-block py-1 uppercase uppercase last:mr-0 mr-1 leading-tight rounded-full px-3">Fight hard</span>
        <h2 class="text-4xl font-bold mt-3 mb-1 text-blueGray-700">It's time to know</h2>
        <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-400">Go and show them how strong you are. Leave them with their jaws to the ground, and hit them so that they faint on the ropes. Since you've got talent, you have to wear a crown.</p>
      </div>
    </div>
    <div class="items-center flex flex-wrap -mx-4">
      <div class="text-left px-4 relative w-full lg:w-4/12">
        <div class="text-lightBlue-500 border-lightBlue-500 shadow-lg rounded-full justify-center items-center inline-flex text-center mb-2 bg-white w-16 h-16"><i class="fas fa-cog text-1625"></i></div>
        <h6 class="text-xl font-semibold leading-tight mb-2 mt-6">Social Conversation</h6>
        <p class="mb-2 text-blueGray-400">We get insulted by others, lose trust for those others. We get back stabbed by friends. It becomes harder for us to give others a hand.</p>
        <a class="text-lightBlue-500" href="javascript:;">More about us <i class="ml-1 fas fa-angle-right"></i></a>
      </div>
      <div class="text-left px-4 relative w-full lg:w-4/12">
        <div class="text-emerald-500 border-emerald-500 shadow-lg rounded-full justify-center items-center inline-flex text-center mb-2 bg-white w-16 h-16"><i class="fas fa-atom text-1625"></i></div>
        <h6 class="text-xl font-semibold leading-tight mb-2 mt-6">Analyze Performance</h6>
        <p class="mb-2 text-blueGray-400">Don't get your heart broken by people we love, even that we give them all we have. Then we lose family over time. As we live, our hearts turn colder.</p>
        <a class="text-lightBlue-500" href="javascript:;">Learn about our products <i class="ml-1 fas fa-angle-right"></i></a>
      </div>
      <div class="text-left px-4 relative w-full lg:w-4/12">
        <div class="text-orange-500 border-orange-500 shadow-lg rounded-full justify-center items-center inline-flex text-center mb-2 bg-white w-16 h-16"><i class="fas fa-globe-europe text-1625"></i></div>
        <h6 class="text-xl font-semibold leading-tight mb-2 mt-6">Measure Conversions</h6>
        <p class="mb-2 text-blueGray-400">What else could rust the heart more over time? Blackgold. The time is now for it to be okay to be great. or being a bright color. For standing out.</p>
        <a class="text-lightBlue-500" href="javascript:;">Check our documentation <i class="ml-1 fas fa-angle-right"></i></a>
      </div>
    </div>
  </div>
</div>

















<div class="px-4 py-5 flex-auto ct-docs-frame">
    <div class="relative flex flex-wrap justify-center ">
        <div class="w-full">
            <div class="py-12">
                <div class="mb-12 flex flex-wrap -mx-4 justify-center">
                    <div class="px-4 relative w-full lg:w-8/12 text-center">
                        <h6 class="mb-2 font-bold uppercase text-emerald-500">Our latest blogposts</h6>
                        <h3 class="text-3xl font-bold mt-3 mb-1 text-blueGray-700">Check the news for this month</h3>
                        <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-400">I always felt like I could do anything. That’s the main thing people are controlled by! Thoughts- their perception of themselves!</p>
                    </div>
                </div>
                <div class="items-center flex flex-wrap -mx-4">

                    <div class="px-4 relative w-full lg:w-3/12">
                        <div class="h-430-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group rounded-lg mb-4">
                            <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110 rounded-lg" style="background-image: url('../../assets/img/guitar-play.jpg'); backface-visibility: hidden;"></div>
                            <div class="absolute w-full h-full bg-black opacity-50 rounded-lg"></div><a href="javascript:;">
                                <div class="absolute text-left p-6 bottom-0">
                                    <h6 class="text-xl leading-normal mb-0 text-white opacity-75">All the beautiful places</h6>
                                    <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Research by Bang &amp; Olufsen on city sounds and music</h5>
                                </div>
                            </a>
                        </div>
                    </div>



                    <div class="px-4 relative w-full lg:w-3/12">
                        <div class="h-430-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group rounded-lg mb-4">
                            <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110 rounded-lg" style="background-image: url('../../assets/img/sections/thomas.jpg'); backface-visibility: hidden;"></div>
                            <div class="absolute w-full h-full bg-black opacity-50 rounded-lg"></div><a href="javascript:;">
                                <div class="absolute text-left p-6 bottom-0">
                                    <h6 class="text-xl leading-normal mb-0 text-white opacity-75">Spectrum Boats</h6>
                                    <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Data Virtualization and Boats Startups</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="px-4 relative w-full lg:w-3/12">
                        <div class="h-430-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group rounded-lg mb-4">
                            <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110 rounded-lg" style="background-image: url('../../assets/img/sections/ashim.jpg'); backface-visibility: hidden;"></div>
                            <div class="absolute w-full h-full bg-black opacity-50 rounded-lg"></div><a href="javascript:;">
                                <div class="absolute text-left p-6 bottom-0">
                                    <h6 class="text-xl leading-normal mb-0 text-white opacity-75">Flying on pandemic</h6>
                                    <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">New Challenges when you want to fly to new areas</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="px-4 relative w-full lg:w-3/12">
                        <div class="h-430-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group rounded-lg mb-4">
                            <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110 rounded-lg" style="background-image: url('../../assets/img/sections/dane.jpg'); backface-visibility: hidden;"></div>
                            <div class="absolute w-full h-full bg-black opacity-50 rounded-lg"></div><a href="javascript:;">
                                <div class="absolute text-left p-6 bottom-0">
                                    <h6 class="text-xl leading-normal mb-0 text-white opacity-75">Work from Home</h6>
                                    <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">How meetings and behaviour are changing</h5>
                                </div>
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<div class="w-full">
  <div class="py-12 bg-blueGray-100">
    <div class="flex flex-wrap -mx-4">
      <div class="flex justify-center flex-col px-4 relative w-full md:w-4/12 ml-auto">
        <h2 class="text-3xl font-bold mt-0">Choose a plan for your next project</h2>
        <p class="mt-2 mb-10 text-lg leading-relaxed text-blueGray-400">You have Free Unlimited Updates and Premium Support on each package. You also have 20 days to request a refund.</p>
        <div><button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-white bg-pink-500 border-pink-500 active:bg-pink-600 active:border-pink-600 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md">Freelancer</button>
          <button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md">Enterprise</button>
        </div>
      </div>
      <div class="mx-auto px-4 relative w-full md:w-7/12 w-full lg:w-7/12">
        <div class="block">
          <div class="block">
            <div class="flex flex-wrap -mx-4">
              <div class="px-4 relative w-full md:w-6/12">
                <div class="bg-white mb-6 text-center shadow-lg rounded-lg relative flex flex-col min-w-0 break-words w-full mb-6 rounded-lg">
                  <div class="bg-transparent first:rounded-t px-5 py-3 border-b border-blueGray-200">
                    <h6 class="font-bold my-2">Standard</h6>
                  </div>
                  <div class="px-4 py-5 flex-auto">
                    <div class="text-5xl mt-0 mb-0 font-bold">$25</div>
                    <span> per month </span>
                    <ul class="mt-6 mb-0 list-none">
                      <li class="py-1 text-blueGray-500">
                        <b class="text-lightBlue-500"> 20GB </b>File Storage
                      </li>
                      <li class="py-1 text-blueGray-500">
                        <b class="text-lightBlue-500"> 15 </b>Users/project
                      </li>
                      <li class="py-1 text-blueGray-500">
                        <b class="text-lightBlue-500"> 4.000 </b>Internal messages
                      </li>
                    </ul>
                  </div>
                  <div class="mt-4 py-6 bg-transparent bg-transparent rounded-b px-4 py-3 border-t border-blueGray-200">
                    <a href="javascript:;" class="text-lightBlue-500">Request a demo</a>
                  </div>
                </div>
              </div>
              <div class="px-4 relative w-full md:w-6/12">
                <div class="bg-white mb-6 text-center shadow-lg rounded-lg relative flex flex-col min-w-0 break-words w-full mb-6 rounded-lg">
                  <div class="bg-transparent first:rounded-t px-5 py-3 border-b border-blueGray-200">
                    <h6 class="font-bold my-2">Premium</h6>
                  </div>
                  <div class="px-4 py-5 flex-auto">
                    <div class="text-5xl mt-0 mb-0 font-bold">$59</div>
                    <span> per month </span>
                    <ul class="mt-6 mb-0 list-none">
                      <li class="py-1 text-blueGray-500">
                        <b class="text-lightBlue-500"> 50GB </b>File Storage
                      </li>
                      <li class="py-1 text-blueGray-500">
                        <b class="text-lightBlue-500"> 100 </b>Users
                      </li>
                      <li class="py-1 text-blueGray-500">
                        <b class="text-lightBlue-500"> Premium </b>Support
                      </li>
                    </ul>
                  </div>
                  <div class="mt-4 py-6 bg-transparent bg-transparent rounded-b px-4 py-3 border-t border-blueGray-200">
                    <a href="javascript:;" class="text-lightBlue-500">Request a demo</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="hidden">
            <div class="flex flex-wrap -mx-4">
              <div class="px-4 relative w-full md:w-6/12">
                <div class="bg-white mb-6 text-center shadow-lg rounded-lg relative flex flex-col min-w-0 break-words w-full mb-6 rounded-lg">
                  <div class="bg-transparent first:rounded-t px-5 py-3 border-b border-blueGray-200">
                    <h6 class="font-bold my-2">Gold</h6>
                  </div>
                  <div class="px-4 py-5 flex-auto">
                    <div class="text-5xl mt-0 mb-0 font-bold">$100</div>
                    <span> per month </span>
                    <ul class="mt-6 mb-0 list-none">
                      <li class="py-1 text-blueGray-500"><b class="text-lightBlue-500"> 200GB </b>File Storage</li>
                      <li class="py-1 text-blueGray-500"><b class="text-lightBlue-500"> Unlimited </b>Users</li>
                      <li class="py-1 text-blueGray-500"><b class="text-lightBlue-500"> Premium </b>Support</li>
                    </ul>
                  </div>
                  <div class="mt-4 py-6 bg-transparent bg-transparent rounded-b px-4 py-3 border-t border-blueGray-200">
                    <a href="javascript:;" class="text-lightBlue-500">Request a demo</a>
                  </div>
                </div>
              </div>
              <div class="px-4 relative w-full md:w-6/12">
                <div class="bg-white mb-6 text-center shadow-lg rounded-lg relative flex flex-col min-w-0 break-words w-full mb-6 rounded-lg">
                  <div class="bg-transparent first:rounded-t px-5 py-3 border-b border-blueGray-200">
                    <h6 class="font-bold my-2">Platinum</h6>
                  </div>
                  <div class="px-4 py-5 flex-auto">
                    <div class="text-5xl mt-0 mb-0 font-bold">$135</div>
                    <span> per month </span>
                    <ul class="mt-6 mb-0 list-none">
                      <li class="py-1 text-blueGray-500">
                        <b class="text-lightBlue-500"> 500GB </b>File Storage
                      </li>
                      <li class="py-1 text-blueGray-500">
                        <b class="text-lightBlue-500"> Premium </b>Users
                      </li>
                      <li class="py-1 text-blueGray-500">
                        <b class="text-lightBlue-500"> No time </b>Tracking
                      </li>
                    </ul>
                  </div>
                  <div class="mt-4 py-6 bg-transparent bg-transparent rounded-b px-4 py-3 border-t border-blueGray-200">
                    <a href="javascript:;" class="text-lightBlue-500">Request a demo</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="w-full">
  <div class="pt-12 pb-12 border-b bg-blueGray-100">
    <div class="container mx-auto px-4">
      <div class="justify-between items-center flex flex-wrap -mx-4">
        <div class="px-4 relative w-full lg:w-6/12">
          <h3 class="text-xl font-bold leading-normal mt-0">Thank you for supporting us!</h3>
          <h4 class="leading-normal mt-1 mb-2 text-blueGray-500">Let's get in touch on any of these platforms.</h4>
        </div>
        <div class="text-right pr-6 px-4 relative w-full lg:w-6/12">
          <button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-xs px-3 py-2 shadow hover:shadow-md rounded-md">
          <i class="fab fa-twitter"></i></button>
          <button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-xs px-3 py-2 shadow hover:shadow-md rounded-md">
          <i class="fab fa-facebook"></i></button>
          <button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-xs px-3 py-2 shadow hover:shadow-md rounded-md">
          <i class="fab fa-dribbble"></i></button>
          <button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-xs px-3 py-2 shadow hover:shadow-md rounded-md">
          <i class="fab fa-github"></i></button>
        </div>
      </div>
    </div>
  </div>
</div>