menu

5
<!DOCTYPE html> <html lang="en"> <head> <style> #logo{ width: 125px; height: 137px; } </style> <title>Menu</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/cufon-replace.js" type="text/javascript"></script> <script src="js/Dynalight_400.font.js" type="text/javascript"></script> <script src="js/FF-cash.js" type="text/javascript"></script> <script src="js/jquery.equalheights.js" type="text/javascript"></script> <script src="js/jquery.bxSlider.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#slider').bxSlider({ pager: true, controls: false, moveSlideQty: 1, displaySlideQty: 3 }); }); </script> </head> <body id="page2"> <!--==============================header================================ =--> <header> <div class="row-top"> <div class="main"> <div class="wrapper"> <h1><a href="index.html">SoftSystems<span>.com</span></a ></h1> <nav> <ul class="menu"> <li><a href="SoftSystems.html">About</a></li> <li><a class="active" href="menu.html">Servicios</a> </li> <li><a href="Contactos.html">Contactos</a></li> </ul> </nav> </div> </div> </div> <div style="background:#80BFFF"> <div class="row-bot-bg"> <div class="main"> <h2>A sus dificultades<span> le encontramos soluciones.. !</span></h2>

Upload: paul-guanochanga

Post on 12-Apr-2016

212 views

Category:

Documents


0 download

TRANSCRIPT

<!DOCTYPE html><html lang="en"><head><style>#logo{ width: 125px; height: 137px;}</style> <title>Menu</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/cufon-replace.js" type="text/javascript"></script> <script src="js/Dynalight_400.font.js" type="text/javascript"></script> <script src="js/FF-cash.js" type="text/javascript"></script> <script src="js/jquery.equalheights.js" type="text/javascript"></script> <script src="js/jquery.bxSlider.js" type="text/javascript"></script> <script type="text/javascript">

$(document).ready(function() {$('#slider').bxSlider({

pager: true,controls: false,moveSlideQty: 1,displaySlideQty: 3

});});

</script>

</head><body id="page2">

<!--==============================header=================================--> <header> <div class="row-top"> <div class="main"> <div class="wrapper"> <h1><a href="index.html">SoftSystems<span>.com</span></a></h1> <nav> <ul class="menu"> <li><a href="SoftSystems.html">About</a></li> <li><a class="active" href="menu.html">Servicios</a></li> <li><a href="Contactos.html">Contactos</a></li> </ul> </nav> </div> </div> </div> <div style="background:#80BFFF"> <div class="row-bot-bg"> <div class="main"> <h2>A sus dificultades<span> le encontramos soluciones..!</span></h2>

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

<!--==============================content================================--> <section id="content"><div class="ic"></div> <div class="main"> <div class="wrapper"> <article class="col-1"> <div class="indent-left"> <div class="img-indent-bot"> <h3 class="prev-indent-bot">Soft Systems</h3> <div class="wrapper img-indent-bot"> <figure class="img-indent"><img src="images/page2-img1.png" alt="" id="logo"></figure> <div class="extra-wrap"> <h5>Productos </h5> <p>13 años junto a nuestros clientes</p> <p>Su satisfaccion es nuestra felicidad</p> </div> </div> <a class="button-1" href="https://www.facebook.com/softsystemscorp/info?tab=page_info">Siguenos en facebook</a> </div> <h3 class="p1">Nuestros Productos</h3> <div id="slider"> <div> <div class="p2"> <figure><a href="#"><img src="images/page2-img2.png" alt="" id="chasis" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Chasis</h5> </div> <div class="p2"> <figure><a href="#"><img src="images/page2-img3.png" alt="" id="webcam" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Web Cam</h5> </div> <figure><a href="#"><img src="images/page2-img4.png" alt="" id="audi" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Audifonos</h5> </div> <div> <div class="p2"> <figure><a href="#"><img src="images/page2-img5.png" alt="" id="disco" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Disco Duro</h5> </div> <div class="p2">

<figure><a href="#"><img src="images/page2-img6.png" alt="" id="dvd" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>DVD Writer</h5> </div> <figure><a href="#"><img src="images/page2-img7.png" alt="" id="monitor" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Monitor Led</h5> </div> <div> <div class="p2"> <figure><a href="#"><img src="images/page2-img8.png" alt="" id="madre" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Maind Board</h5> </div> <div class="p2"> <figure><a href="#"><img src="images/page2-img9.png" alt="" id="mouse" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Mouse</h5> </div> <figure><a href="#"><img src="images/page2-img10.png" alt="" id="teclado" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Teclado</h5> </div> <div> <div class="p2"> <figure><a href="#"><img src="images/page2-img11.png" alt="" id="fhas" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Flash Memory</h5> </div> <div class="p2"> <figure><a href="#"><img src="images/page2-img12.png" alt="" id="cable" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Cable de poder</h5> </div> <figure><a href="#"><img src="images/page2-img13.png" alt="" id="parlantes" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Parlantes</h5> </div> <div> <div class="p2"> <figure><a href="#"><img src="images/page2-img14.png" alt="" id="regulador" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></fi

gure> <h5>Regulador Voltaje</h5> </div> <div class="p2"> <figure><a href="#"><img src="images/page2-img15.png" alt="" id="impresora" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Impresoras</h5> </div> <figure><a href="#"><img src="images/page2-img16.png" alt="" id="moden" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Modem</h5> </div> <div> <div class="p2"> <figure><a href="#"><img src="images/page2-img17.png" alt="" id="portatil" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Portatiles</h5> </div> <div class="p2"> <figure><a href="#"><img src="images/page2-img18.png" alt="" id="lector" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>lector de memoria</h5> </div> <figure><a href="#"><img src="images/page2-img19.png" alt="" id="microfono" onmouseover="this.width=113;this.height=110;" onmouseout="this.width=107;this.height=105;" width="107" height="105"></a></figure> <h5>Microfono</h5> </div> </div> </article> <article class="col-2"> <h3>Listado de Servicios</h3> <ul class="price-list p2"> <li><a href="#">Reparación y configuración de todos los componentes de Computadoras de escritorio, y computadoras portátiles.</a></li> <li><a href="#">Optimización y potenciacion para el mejor de Rendimiento de sus computadoras.</a></li> <li><a href="#">Eliminación de Virus, Spyware y Malware Detección</a></li> <li><a href="#">Reparacion de la integridad del sistema operativo y de aplicaciones.</a></li> <li><a href="#">Resolver problemas relacionados con errores de pantalla azul y pantallas blancas</a></li> <li><a href="#">Configuración y solución de problemas de todo tipo de periféricos y dispositivos de mano tales como: impresoras láser, cámaras web, reproductores de mp3, las impresoras de inyección de tinta, micrófonos, altavoces, t

eclados, ratones, moras, iPhone, tríos, etc.</a></li> <li><a href="#">Optimización del rendimiento de PC</a></li> <li><a href="#">Optimización y mantenimiento de ordenadores de sobremesa, portátiles y servidores.</a></li> <li><a href="#">Resolver problemas de impresión</a></li> <li><a href="#">Repotenciación de Hardware, y Software.</a></li> <li><a href="#">Instalaciones de software, actualizaciones y Reparación</a></li> <li><a href="#">Respaldos y Recuperación de datos</a></li> <li><a href="#">Limpiar el Interior y Exterior de la PC.</a></li> <li><a href="#">Respaldo local y remoto y restauración de sus datos</a></li> <li><a href="#">Prácticas de prevención de Malware, Spyware, Virus y Hackers.</a></li> </ul> <a class="button-2" href="#">Read More</a> </article> </div> </div> </section>

<!--==============================footer=================================--> <footer> <div class="main"> <div class="aligncenter"> <span>SoftSystems.com &copy; Agosto de 2012</span> </div> </div> </footer> <script type="text/javascript"> Cufon.now(); </script></body></html>