3D Advertising Carrousel by SOFTWARE RVG

HTML
--<html lang="en"> <head> <meta charset="utf-8"> <meta name="generator" content="Software RVG HTML Editor (www.software-rvg.com)"> <meta name="dcterms.created" content="sรก., 14 jun. 2016 21:08:47 GMT"> <meta name="description" content="Advertising carrousel by Software RVG. javascript,css,html,designs "> <meta name="keywords" content="Design solutions,software RVG,javascript,css3,html5,design,animation"> <title>ADVERTISING CARROUSEL by SOFTWARE RVG</title> <h1>SOFTWARE RVG DESIGNS</h1> <div class="container"> <div id="carousel"> <figure><img src="https://lh3.googleusercontent.com/proxy/ilRub3nMGDmWBi9p4gzg7HMTGATROTq9XS0DbLT3qOA0y7lZ-mZwMfK0eOoeTELBIiD2NP4YVseYHXky_UApRqZVFg=w426-h237"style="height:116px;width:186px" alt=""></figure> <figure><img src="https://lh3.googleusercontent.com/proxy/JZmzbic2u4sFQtLfo-d4lIc0HAadA9FNQuIu3Y6e-Sg1LJdNGaR-VGOjHGlpxykfviAqsgn9moH9HVrReB6CthRtCwCIKMpCBNFw0MPLhIXGehUDmGDAS1gKUmc8AWXTTwR84uZYjw9pKwWGMu7plSWXIlCnNj-aVc6GMJLN7SnlHnb2wZ4J8hptgs80Jdu5XEGQsxZpAs3sEjxjpv2f5kC8wzNKEW0eA2Au2W96PfGErm_o90HC6kfNy4PFeZH7tnHKPtKeylMljxXMGHSqwxCLoy3bHPya=w341-h190"style="height:116px;width:186px" alt=""></figure> <figure><img src="https://lh3.googleusercontent.com/proxy/mn89ggT1on9OCO-S-2MCH11LfjsT_RTVB9Vzt-sPpKxyWJANGG2ISm4kdr8tV_Ahxvzr8pTr0kNehM6d6CNbvAlhkw10TKqDDek-hybd4kdGqwRX0bQzDwuNb2WrA2U2vA=w341-h222"style="height:116px;width:186px" alt=""></figure> <figure><img src="https://lh3.googleusercontent.com/proxy/oZp98PnaPljBE0jFR6UNmYtCxmhOQh54I0LE46dBUbP0EP8oEwI_7MNHo0KHwEXQomBIAk-6fqBLpukAJoAYFCU2FgkfaWVljoAbU2K-35Aa6MLhX25WH7JtaETbJSjkDFrn_MBV3YGEAlPqjsogI7VdfLacTr3aEJ8c4A-XWeXtEj6HWwyeW31D=w341-h196-p"style="height:116px;width:186px" alt=""></figure> <figure><img src="https://lh3.googleusercontent.com/proxy/YPuyfasUovRV1plf9Ll4-N-xuDg336jEf6cycqVdovAMQ12Ox6Wq6nmMK0VMUxv5_27OaSJN1caPWyw7pnfYng304ViepofOdaUowxsk9m1t2Sk1TBP9SpR7kCv9nCAAbQ=w341-h190"style="height:116px;width:186px" alt=""></figure> <figure><img src="https://lh5.googleusercontent.com/-Q8yNFJZpE5Y/V0x5D6-7OhI/AAAAAAAAAjs/Nu47tcVRzggQ9_VoNGf3PcPjc0m3YEl4ACLIB/w996-h565-no/"style="height:116px;width:186px" alt=""></figure> <figure><img src="https://lh5.googleusercontent.com/-dWzowvBHAkU/V0yxK3kyJ7I/AAAAAAAAAlc/jG5goyu8AYwcNMohEArRXlSElbosW-SewCLIB/w1109-h562-no/"style="height:116px;width:186px" alt=""></figure> <figure><img src="https://lh3.googleusercontent.com/-8n1mb3wNho4/V0fmeN0DYFI/AAAAAAAAAZI/XbgNhTONTaYER2QDPSO0wsqfSwCZ6vulQCLIB/w820-h471-no/"style="height:116px;width:186px" alt=""></figure> <figure><img src="https://lh5.googleusercontent.com/-2E1egukLZAw/V0iw8X8Z6VI/AAAAAAAAAeM/PAOYgbk7E4sFCFrMr-BP1xvejEi9pIy0wCL0B/w481-h244-no/c9fcc4_bbbac79a0a1244088e856f827e92c7e9%257Emv1.png"style="height:116px;width:186px" alt=""></figure> </div> </div> <style type="text/css"> <!-- header { font-family:impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif; color:#ffffff; size: 100px; color:#ffffff; background-color:;} p{ font-family:arial,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif; color:#ffffff; size: 100px; color:#00ff00; text-align:center; background-color:white; background-image:url(); background-repeat:no-repeat;} body {font-family:impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif; color:#ffffff; size: 100px; color:#0000ff; background-color:; background-image:url(); background-repeat:no-repeat; } h1{font-family:impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif; color:#ffffff; size: 100px; color:#000000; text-align:center; background-color:; background-image:url; background-repeat:no-repeat; } h1 small{font-family:Arial,sans-serif; color:#ffffff; size: 100px; color:#ffffff; text-align:center; background-color:; background-image:url; background-repeat:no-repeat; } a { color:#0000FF;} a:visited { color:#800080; } a:hover { color:#008000; } a:active { color:#FF0000; } {font-family:impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif; color:#df3a01; size: 100px; } --> </style> <style> html { width: 106%; height: 100%; background: #11e8bb; /* Old browsers */ background: -moz-linear-gradient(top, #11e8bb 0%, #8200c9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #11e8bb 0%,#8200c9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #11e8bb 0%,#8200c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11e8bb', endColorstr='#8200c9',GradientType=0 ); /* IE6-9 */ } </style> <footer> <style> div{margin-left: 23px;margin-right:23px; } </style> <h1> <small>ROBER VILLAR GARCIA</small></h1> <p>SOFTWARE RVG DEVELOPER</P> <h2>-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</h2> <div id="comp-io8rsy2fitemsContainer" class="s7itemsContainer" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0"><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8rsy30" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.0"><a href="https://www.facebook.com/Software-RVG-833355843449016/?fref=ts" target="_blank" id="comp-io8rsy2fdataItem-io8rsy30link" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.0.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8rsy30image" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.0.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8rsy30imagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.0.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8rsy30imageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_5e408f8bcaee43d5885eebd01ec882d1.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_5e408f8bcaee43d5885eebd01ec882d1.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.0.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8rsy32" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.1"><a href="https://twitter.com/SoftwareRVG" target="_blank" id="comp-io8rsy2fdataItem-io8rsy32link" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.1.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8rsy32image" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.1.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8rsy32imagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.1.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8rsy32imageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_30b27bc2f2a14bf6a90105d86a8c2b03.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_30b27bc2f2a14bf6a90105d86a8c2b03.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.1.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8rsy321" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.2"><a href="https://plus.google.com/u/0/b/113801936038705018323/+Softwarervg-programacion/posts" target="_blank" id="comp-io8rsy2fdataItem-io8rsy321link" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.2.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8rsy321image" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.2.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8rsy321imagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.2.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8rsy321imageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_d29fa4d8660746f4a0418d0637266928.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_d29fa4d8660746f4a0418d0637266928.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.2.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8rsy34" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.3"><a href="https://www.youtube.com/channel/UCiqH9b0i8e3y3cFkdqrr_7Q/videos?view_as=public" target="_blank" id="comp-io8rsy2fdataItem-io8rsy34link" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.3.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8rsy34image" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.3.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8rsy34imagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.3.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8rsy34imageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_3c778fd7c6d541c9822af0a2ec5c53cf.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_3c778fd7c6d541c9822af0a2ec5c53cf.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.3.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8rsy36" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.4"><a href="https://www.linkedin.com/profile/preview?vpa=pub&locale=es_ES" target="_blank" id="comp-io8rsy2fdataItem-io8rsy36link" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.4.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8rsy36image" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.4.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8rsy36imagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.4.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8rsy36imageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_762078072cbf47299cc081590a57da06.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_762078072cbf47299cc081590a57da06.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.4.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8rsy2t" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.5"><a href="https://www.facebook.com/robertocarlos.villargarcia.7" target="_blank" id="comp-io8rsy2fdataItem-io8rsy2tlink" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.5.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8rsy2timage" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.5.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8rsy2timagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.5.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8rsy2timageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_5e408f8bcaee43d5885eebd01ec882d1.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_5e408f8bcaee43d5885eebd01ec882d1.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.5.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8ta0qw" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.6"><a href="https://plus.google.com/u/0/+ROBERTOCARLOSVILLARGARCIA-Programador_Software_RVG/posts" target="_blank" id="comp-io8rsy2fdataItem-io8ta0qwlink" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.6.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8ta0qwimage" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.6.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8ta0qwimagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.6.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8ta0qwimageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_0798044c830a4ec4b9a8f88aba364cb7.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_0798044c830a4ec4b9a8f88aba364cb7.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.6.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8u86lr" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.7"><a href="https://vimeo.com/user44581821" target="_blank" id="comp-io8rsy2fdataItem-io8u86lrlink" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.7.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8u86lrimage" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.7.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8u86lrimagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.7.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8u86lrimageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_eb32b2c1958843b99d6f46f5246df145.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_eb32b2c1958843b99d6f46f5246df145.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.7.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8ta0qx" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.8"><a href="http://www.software-rvg.com/#!contacto/c24vq" target="_blank" id="comp-io8rsy2fdataItem-io8ta0qxlink" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.8.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8ta0qximage" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.8.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8ta0qximagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.8.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8ta0qximageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_ce689d62f0144e10a56590c4644455dd.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_ce689d62f0144e10a56590c4644455dd.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.8.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8ta0qy" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.9"><a href="http://codepen.io/SoftwareRVG/" target="_blank" id="comp-io8rsy2fdataItem-io8ta0qylink" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.9.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8ta0qyimage" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.9.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8ta0qyimagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.9.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8ta0qyimageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_0b735e76f1064051b2bcda1fe2563372.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_0b735e76f1064051b2bcda1fe2563372.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.9.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8ta0qz" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.a"><a href="https://foro.mozilla-hispano.org/users/softwarervg/activity" target="_blank" id="comp-io8rsy2fdataItem-io8ta0qzlink" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.a.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8ta0qzimage" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.a.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8ta0qzimagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.a.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8ta0qzimageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_827c566f371e47e7a25bb1ee5b241148.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_827c566f371e47e7a25bb1ee5b241148.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.a.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8ta0r1" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.b"><a href="https://github.com/SoftwareRVG" target="_blank" id="comp-io8rsy2fdataItem-io8ta0r1link" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.b.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8ta0r1image" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.b.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8ta0r1imagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.b.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8ta0r1imageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_35f5cd653dfb465d9df4b46baab49162.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_35f5cd653dfb465d9df4b46baab49162.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.b.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8ta0r4" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.c"><a href="http://da7d0bcc-1365-41b6-98eb-fcdfd44f8c51.mobapp.at/landing/Desktop#.Vzim9jGbvIU" target="_blank" id="comp-io8rsy2fdataItem-io8ta0r4link" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.c.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8ta0r4image" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.c.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8ta0r4imagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.c.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8ta0r4imageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_e29c94a986f14eabaf430c65cd843d59.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_e29c94a986f14eabaf430c65cd843d59.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.c.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8ta0r3" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.d"><a href="http://rober113.blogspot.com.es/" target="_blank" id="comp-io8rsy2fdataItem-io8ta0r3link" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.d.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8ta0r3image" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.d.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8ta0r3imagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.d.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8ta0r3imageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_9d5672592cd44c2b9a460906f40115b9.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_9d5672592cd44c2b9a460906f40115b9.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.d.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8u86ln" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.e"><a href="https://www.youtube.com/channel/UCHwvG7sn6SfbVA8VJUxIxOQ" target="_blank" id="comp-io8rsy2fdataItem-io8u86lnlink" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.e.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8u86lnimage" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.e.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8u86lnimagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.e.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8u86lnimageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_3c778fd7c6d541c9822af0a2ec5c53cf.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_3c778fd7c6d541c9822af0a2ec5c53cf.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.e.0.0.$image" /></div></a></div><div style="width:41px;height:41px;margin-bottom:0;margin-right:12px;display:inline-block;" class="s7imageItem" id="comp-io8rsy2fdataItem-io8ta0qu" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.f"><a href="http://rvg-sport-autos.blogspot.com.es/" target="_blank" id="comp-io8rsy2fdataItem-io8ta0qulink" class="s7imageItemlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.f.0"><div style="width:41px;height:41px;position:absolute;" id="comp-io8rsy2fdataItem-io8ta0quimage" class="s7imageItemimage" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.f.0.0"><div class="s7imageItemimagepreloader" id="comp-io8rsy2fdataItem-io8ta0quimagepreloader" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.f.0.0.0"></div><img id="comp-io8rsy2fdataItem-io8ta0quimageimage" alt="" src="https://static.wixstatic.com/media/c9fcc4_9d5672592cd44c2b9a460906f40115b9.png/v1/fill/w_41,h_41,al_c,usm_0.66_1.00_0.01/c9fcc4_9d5672592cd44c2b9a460906f40115b9.png" style="width:41px;height:41px;object-fit:cover;" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$l7iwa.1.$comp-io8rsy2f.0.f.0.0.$image" /></div></a></div></div> </footer> </body> </html>
CSS
@import url(http://fonts.googleapis.com/css?family=impact); *{ margin: 0; padding: 0; outline: none; border: none; box-sizing: border-box; } *:before, *:after{ box-sizing: border-box; } html, body{ min-height: 100%; } body{ background-image: radial-gradient(mintcream 0%, lightgray 100%); } h1{ display: table; margin: 5% auto 0; text-transform: uppercase; font-family: 'impact', sans-serif; font-size: 4em; font-weight: 400; text-shadow: 0 1px white, 0 2px black; } .container{ margin: 4% auto; width: 210px; height: 140px; position: relative; perspective: 1000px; } #carousel{ width: 100%; height: 100%; position: absolute; transform-style: preserve-3d; animation: rotation 20s infinite linear; } #carousel:hover{ animation-play-state: paused; } #carousel figure{ display: block; position: absolute; width: 186px; height: 116px; left: 10px; top: 10px; background: black; overflow: hidden; border: solid 5px #00ffff; } #carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(288px);} #carousel figure:nth-child(2) { transform: rotateY(40deg) translateZ(288px);} #carousel figure:nth-child(3) { transform: rotateY(80deg) translateZ(288px);} #carousel figure:nth-child(4) { transform: rotateY(120deg) translateZ(288px);} #carousel figure:nth-child(5) { transform: rotateY(160deg) translateZ(288px);} #carousel figure:nth-child(6) { transform: rotateY(200deg) translateZ(288px);} #carousel figure:nth-child(7) { transform: rotateY(240deg) translateZ(288px);} #carousel figure:nth-child(8) { transform: rotateY(280deg) translateZ(288px);} #carousel figure:nth-child(9) { transform: rotateY(320deg) translateZ(288px);} img{ -webkit-filter: grayscale(1); cursor: pointer; transition: all .5s ease; } img:hover{ -webkit-filter: grayscale(0); transform: scale(1.2,1.2); } @keyframes rotation{ from{ transform: rotateY(0deg); } to{ transform: rotateY(360deg); } }
JAVASCRIPT
Expand for more options Login