INSTALACIONES MECÁNICAS

DE TUBERÍAS Y PROCESOS INDUSTRIALES

LEGALIZACIONES

EQUIPOS A PRESIÓN Y APQ

DOCUMENTACIÓN Y DISEÑO GRÁFICO

DE PROYECTOS E INSTALACIONES
Slider

QUIENES SOMOS

Somos una empresa formada por profesionales con una dilatada experiencia en el sector industrial. Nuestro principal objetivo es la satisfacción del cliente. Para ello ofrecemos todo nuestro potencial técnico y humano para conseguir la mejor solución a cada proyecto y la calidad en la ejecución de éste.

 
leer más así trabajamos Folletos

Calidad

Utilizamos nuestros propios procedimientos de calidad, adaptándonos a los específicos de cada cliente.

Medio Ambiente

Somos una empresa respetuosa con el medio ambiente, aplicando prácticas en el desarrollo cotidiano de sus actividades y procesos

Seguridad Laboral

Evaluamos los riesgos derivados de nuestras actividades de acuerdo con la Ley 31/1995, de 8 de noviembre, de Prevención de Riesgos Laborales.

Confidencialidad

Aplicamos un criterio de confidencialidad de los datos, informes y documentos facilitados por sus clientes..

NUESTROS TRABAJOS

  • List icons
  • can be used
  • as bullets
  • in lists

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

 class="fa-ul">
  
  • class="fa-li fa fa-check-square">List icons
  • class="fa-li fa fa-check-square">can be used
  • class="fa-li fa fa-spinner fa-spin">as bullets
  • class="fa-li fa fa-square">in lists
  • …tomorrow we will run faster, stretch out our arms farther… And then one fine morning— So we beat on, boats against the current, borne back ceaselessly into the past.

    Use fa-border and fa-pull-right or fa-pull-left for easy pull quotes or article icons.

     class="fa fa-quote-left fa-3x fa-pull-left fa-border" aria-hidden="true">
    ...tomorrow we will run faster, stretch out our arms farther...
    And then one fine morning So we beat on, boats against the
    current, borne back ceaselessly into the past.
    

    Loading example (with fa-spinner icon) Loading (with fa-circle-o-notch icon) Loading example (with fa-refresh icon) Loading example (with fa-cog icon) Loading example (with fa-spinner icon)

    Use the fa-spin class to get any icon to rotate, and use fa-pulse to have it rotate with 8 steps. Works well with fa-spinner, fa-refresh, and fa-cog.

     class="fa fa-spinner fa-spin fa-3x fa-fw">
     class="sr-only">Loading...
    
     class="fa fa-circle-o-notch fa-spin fa-3x fa-fw">
     class="sr-only">Loading...
    
     class="fa fa-refresh fa-spin fa-3x fa-fw">
     class="sr-only">Loading...
    
     class="fa fa-cog fa-spin fa-3x fa-fw">
     class="sr-only">Loading...
    
     class="fa fa-spinner fa-pulse fa-3x fa-fw">
     class="sr-only">Loading...
    

    Note: Some browsers on some platforms have issues with animated icons resulting in a jittery wobbling effect. See issue #671 for examples and possible workarounds.

    Note: CSS3 animations aren't supported in IE8 - IE9.

      normal
      fa-rotate-90
      fa-rotate-180
      fa-rotate-270
      fa-flip-horizontal
      fa-flip-vertical

    To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.

     class="fa fa-shield"> normal
    class="fa fa-shield fa-rotate-90"> fa-rotate-90
    class="fa fa-shield fa-rotate-180"> fa-rotate-180
    class="fa fa-shield fa-rotate-270"> fa-rotate-270
    class="fa fa-shield fa-flip-horizontal"> fa-flip-horizontal
    class="fa fa-shield fa-flip-vertical"> fa-flip-vertical
    fa-twitter on fa-square-o
    fa-flag on fa-circle
    fa-terminal on fa-square
    fa-ban on fa-camera

    To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

     class="fa-stack fa-lg">
       class="fa fa-square-o fa-stack-2x">
       class="fa fa-twitter fa-stack-1x">
    
    fa-twitter on fa-square-o
    class="fa-stack fa-lg"> class="fa fa-circle fa-stack-2x"> class="fa fa-flag fa-stack-1x fa-inverse"> fa-flag on fa-circle
    class="fa-stack fa-lg"> class="fa fa-square fa-stack-2x"> class="fa fa-terminal fa-stack-1x fa-inverse"> fa-terminal on fa-square
    class="fa-stack fa-lg"> class="fa fa-camera fa-stack-1x"> class="fa fa-ban fa-stack-2x text-danger"> fa-ban on fa-camera

    Font Awesome works great with the full range of Bootstrap components.

     class="btn btn-danger" href="#">
       class="fa fa-trash-o fa-lg"> Delete
     class="btn btn-default btn-sm" href="#">
       class="fa fa-cog"> Settings
    
     class="btn btn-lg btn-success" href="#">
       class="fa fa-flag fa-2x pull-left"> Font Awesome
    Version 4.7.0 class="btn-group"> class="btn btn-default" href="#"> class="fa fa-align-left" title="Align Left"> class="btn btn-default" href="#"> class="fa fa-align-center" title="Align Center"> class="btn btn-default" href="#"> class="fa fa-align-right" title="Align Right"> class="btn btn-default" href="#"> class="fa fa-align-justify" title="Align Justify">
    class="input-group margin-bottom-sm"> class="input-group-addon"> class="fa fa-envelope-o fa-fw"> class="form-control" type="text" placeholder="Email address">
    class="input-group"> class="input-group-addon"> class="fa fa-key fa-fw"> class="form-control" type="password" placeholder="Password">
    class="btn-group open"> class="btn btn-primary" href="#"> class="fa fa-user fa-fw"> User class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> class="fa fa-caret-down" title="Toggle dropdown menu"> class="dropdown-menu">
  • href="#"> class="fa fa-pencil fa-fw"> Edit
  • href="#"> class="fa fa-trash-o fa-fw"> Delete
  • href="#"> class="fa fa-ban fa-fw"> Ban
  • class="divider">
  • href="#"> class="fa fa-unlock"> Make admin
  • Anything you can do with CSS font styles, you can do with Font Awesome.

    Star Ratings (inspired by CSS Tricks)

    Refreshing... Saving. Hang tight!


    Battery level: 50%

    With our thoughts on icon accessibility in mind, If an icon only adds some extra decoration or branding, it does not need to be announced to users as they are navigating your site or app aurally. Alternatively, if an icon conveys meaning in your content or interface, ensure that this meaning is also conveyed to assistive technologies through alternative displays or text.

     class="btn btn-default" href="path/to/settings" aria-label="Settings">
       class="fa fa-cog" aria-hidden="true">
    
    
     class="btn btn-danger" href="path/to/settings" aria-label="Delete">
       class="fa fa-trash-o" aria-hidden="true">
    
    
     class="btn btn-primary" href="#navigation-main" aria-label="Skip to main navigation">
       class="fa fa-bars" aria-hidden="true">
    
    
     class="fa fa-refresh fa-spin fa-3x fa-fw" aria-hidden="true">
     class="sr-only">Refreshing...
    
     class="fa fa-cog fa-spin fa-3x fa-fw" aria-hidden="true">
     class="sr-only">Saving. Hang tight!
    
     class="input-group margin-bottom-sm">
       class="input-group-addon"> class="fa fa-envelope-o fa-fw" aria-hidden="true">
       class="form-control" type="text" placeholder="Email address">
    
    class="input-group"> class="input-group-addon"> class="fa fa-key fa-fw" aria-hidden="true"> class="form-control" type="password" placeholder="Password">
     href="path/to/shopping/cart" class="btn btn-primary" aria-label="View 3 items in your shopping cart">
       class="fa fa-shopping-cart" aria-hidden="true">
    
    
     class="fa fa-battery-half" aria-hidden="true">
     class="sr-only">Battery level: 50%