1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 4 <head> 5 <title>Franki&Jonny | Film | About</title> 6 7 <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 8 <meta http-equiv="content-language" content="en-gb" /> 9 <meta name="description" content="" /> 10 <meta name="keywords" content="" /> 11 <meta name="robots" content="index,follow" /> 12 <meta name="MSSmartTagsPreventParsing" content="true" /> 13 14 15 16
16<script src="/javascripts/__utm.js?1220439170" type="text/javascript"></script>
vendor: 1 bytes, line 16
16
17<script src="/javascripts/swfobject.js?1220439170" type="text/javascript"></script>
vendor: 1 bytes, line 17
17
18<script src="/javascripts/swfaddress.js?1223464846" type="text/javascript"></script>
vendor: 1 bytes, line 18
18
19<script src="/javascripts/jquery/jquery-1.2.6.js?1224259164" type="text/javascript"></script>
vendor: 1 bytes, line 19
19
20<script src="/javascripts/jquery/plugins/easing.js?1220952546" type="text/javascript"></script>
vendor: 1 bytes, line 20
20
21<script src="/javascripts/content.js?1238668780" type="text/javascript"></script>
21 22 <link href="/stylesheets/frankiandjonny.css?1251105825" media="screen" rel="stylesheet" type="text/css" /> 23 <link href="/stylesheets/dropshadow.css?1220439171" media="screen" rel="stylesheet" type="text/css" /> 24 <link href="/stylesheets/print.css?1220439171" media="print" rel="stylesheet" type="text/css" /> 25 26 <!--[if IE 7]> 27 <link href="/stylesheets/ie7.css?1224244533" media="screen" rel="stylesheet" type="text/css" /> 28 <![endif]--> 29 <!--[if IE 6]> 30 <link href="/stylesheets/ie6.css?1222161222" media="screen" rel="stylesheet" type="text/css" /> 31 <![endif]--> 32 33 <link href="/feed/" rel="alternate" title="Franki&Jonny | Feed" type="application/rss+xml" /> 34
34<script type="text/javascript" charset="utf-8"> 35 //<![CDATA[ 36 FJBackground.images = [{"url": "/assets/85dfcdc02abf2fff3b767d987a334eb9.jpg", "alt": "\u003Cp\u003EThe march of progress\u003Cbr /\u003ELisbon, 2001\u003C/p\u003E"}, {"url": "/assets/5be1b26b520b045fc0af03322ae44cb5.jpg", "alt": "\u003Cp\u003EThe march of Capitalism\u003Cbr /\u003ELisbon, 2001\u003C/p\u003E"}, {"url": "/assets/74e151ccac8c0f8190c0a38c39b05920.jpg", "alt": "\u003Cp\u003EShow me the way to Yugoiztochnata\u003Cbr /\u003EBulgaria, 2001\u003C/p\u003E"}, {"url": "/assets/ff3ddf1df16b7a167819b9385d0eecdf.jpg", "alt": "\u003Cp\u003ETiles\u003Cbr /\u003ELisbon, 2001\u003C/p\u003E"}, {"url": "/assets/8f096329becc086aa2ec8dbc39ac33bb.jpg", "alt": "\u003Cp\u003ESomeone\u0026#8217;s Mum\u003Cbr /\u003EAtlantic City, 2004\u003C/p\u003E"}, {"url": "/assets/bebb9f2c2636cacc94ce836f95bdffa7.jpg", "alt": "\u003Cp\u003EWords of wisdom\u003Cbr /\u003ELondon, 2005\u003C/p\u003E"}, {"url": "/assets/7e505e3d76ffa1a03c09f7ff9e51e914.jpg", "alt": "\u003Cp\u003ESigns and a bullet holes\u003Cbr /\u003ESarajevo, 2001\u003C/p\u003E"}, {"url": "/assets/b941b360a6c950a5090c51af12bfb593.jpg", "alt": "\u003Cp\u003EIce cream can seriously damage your health\u003Cbr /\u003EGranada, 2001\u003C/p\u003E"}, {"url": "/assets/e42ef657622ff3d59e9a3f8e6e46c47e.jpg", "alt": "\u003Cp\u003ENo animals were harmed in the taking of this image\u003Cbr /\u003ESicily, 2007\u003C/p\u003E"}, {"url": "/assets/1f01f4ca75dd5aaf00e6800b227c91d7.jpg", "alt": "\u003Cp\u003EPies\u003Cbr /\u003EEngland 2007\u003C/p\u003E"}, {"url": "/assets/2bc67b35e78e3dab7c9e17db5806875a.jpg", "alt": "\u003Cp\u003E\u201cWe have here no loaves but we do have ten fish\u201d\u003Cbr /\u003EMatt 14:15-21 (or something like that)\u003C/p\u003E"}, {"url": "/assets/1399161a68282f3ffcd4d8c04fa15f88.jpg", "alt": "\u003Cp\u003EClose and bolt the doors before the swap\u003Cbr /\u003E(well, according to Google), Stockholm 2003\u003C/p\u003E"}, {"url": "/assets/e23e1bb4486d94c36241cf2037aae7a6.jpg", "alt": "\u003Cp\u003E...and get back to work!\u003Cbr /\u003ELondon, 2006\u003C/p\u003E"}, {"url": "/assets/a22249fcb55cc3974f7b45bc729746c1.jpg", "alt": "\u003Cp\u003ECoffee shop\u003Cbr /\u003EBelgrade, 2001\u003C/p\u003E"}, {"url": "/assets/5dae067dbb8f296418a7e8948eca03b9.jpg", "alt": "\u003Cp\u003EMore tiles\u003Cbr /\u003ELisbon, 2001\u003C/p\u003E"}, {"url": "/assets/ef24127480c8a059ab30fa0425abe1ed.jpg", "alt": "\u003Cp\u003EPhotographer\u0026#8217;s window display\u003Cbr /\u003ESarajevo, 2002\u003C/p\u003E"}, {"url": "/assets/10d2e95654fc95fa3a0e4ead443d88ef.jpg", "alt": "\u003Cp\u003EItaly score!\u003Cbr /\u003ERome 2006\u003C/p\u003E"}, {"url": "/assets/4894f8375c07478e882446204a18e22a.jpg", "alt": "\u003Cp\u003ECinema\u003Cbr /\u003EBruges, 2007\u003C/p\u003E"}, {"url": "/assets/ae0c3249e0c0e93742072f3fa5dbdc89.jpg", "alt": "\u003Cp\u003EDon\u0026#8217;t look in Box A.\u003Cbr /\u003ELondon 2006\u003C/p\u003E"}, {"url": "/assets/9b614d7f4375295af8b7af6bb0f027db.jpg", "alt": "\u003Cp\u003EBirdcages\u003Cbr /\u003EAthens, 2004\u003C/p\u003E"}]; 37 38 var FJInstance; 39 40 $(document).ready(function() { 41 FJInstance = new FJ(); 42 FJInstance.initialize(); 43 }); 44 //]]> 45 </script>
45 46 47
47<script type="text/javascript" charset="utf-8"> 48 //<![CDATA[ 49 if ($.browser.safari) { 50 document.write('<style type="text/css" media="screen">'+ 51 '#franki.spin-text .spin-inner { top: 0px !important }'+ 52 '#project-slide-navigation .aquo-icon { top: -1px }'+ 53 '</style>'); 54 } 55 if ($.browser.mozilla) { 56 document.write('<style type="text/css" media="screen">'+ 57 'ul li { line-height: 1.215em !important; }'+ 58 '</style>'); 59 } 60 //]]> 61 </script>
61 62 <!-- generated by Franki&Jonny's site-management system --> 63 </head> 64 <body id="about"> 65 66 <div><a href="/" id="home">Home</a></div> 67 <div id="wrapper"> 68 <div id="internal-wrapper"> 69 <div id="content-container" style="width: 610px"> 70 <div id="logo"> 71 72 <!-- <img src="/images/content/logo.png" alt="Franki&Jonny" /> --> 73 </div> 74 <div id="content-container-inside"> 75 <div id="panel-wrapper"> 76 77<div id="index" class="panel active" style="width: 437px"> 78 <div class="inner-panel" id="left-inner-panel"> 79 <div class="component component_content" id="component_1"> 80 <p>We are a niche design and technical agency working on a wide range of projects primarily for the film and entertainment industries (although sometimes we work for other people who make phones or shoes or cheese if they ask us nicely). Our work ranges from promotional online and print campaigns to corporate sites, brand identities and film titles.</p> 81 82 83 <p>Since 2001 our highly creative and innovative campaigns have garnered a BAFTA Interactive award and numerous FWA Site of the Day, Adobe Site of the Day and Creative Showcase awards. This and our general charm and good manners have gone a long way to creating the industry reputation we hold today.</p> 84</div> 85 86 87 </div> 88 <div class="inner-panel" id="right-inner-panel" style="height: 60px;"> 89 </div> 90 91</div> 92 93 94 </div> 95 </div> 96 <div id="content-scroller"> 97 <ul> 98 <li><a href="#scroll-up" id="scroll-up"><img src="/images/content/nav/scroll-up.gif" alt="Scroll up" class="scroll-icon" /></a></li> 99 <li><a href="#scroll-down" id="scroll-down"><img src="/images/content/nav/scroll-down.gif" alt="Scroll down" class="scroll-icon" /></a></li> 100 </ul> 101 </div> 102 <div id="section-navigation"> 103 <ul class="horizontal-list" id="menu-level-3"> 104 </ul> 105 <ul class="horizontal-list" id="menu-level-2"> 106 <li class="hover" 107 id="about-button-li"> 108 <a href="/film/about/" 109 id="about-button" 110 title="About" 111 class="active"> 112 <img src="/images/content/nav/aquo-static-up.gif" class="aquo-icon" alt="" /> 113 </a> 114 </li> 115 <li class="" 116 id="projects-button-li"> 117 <a href="/film/projects/" 118 id="projects-button" 119 title="Projects" 120 class=""> 121 <img src="/images/content/nav/aquo-static-right.gif" class="aquo-icon" alt="" /> 122 </a> 123 </li> 124 <li class="" 125 id="clients-button-li"> 126 <a href="/film/clients/" 127 id="clients-button" 128 title="Clients" 129 class=""> 130 <img src="/images/content/nav/aquo-static-right.gif" class="aquo-icon" alt="" /> 131 </a> 132 </li> 133 <li class="" 134 id="contact-button-li"> 135 <a href="/film/contact/" 136 id="contact-button" 137 title="Contact" 138 class=""> 139 <img src="/images/content/nav/aquo-static-right.gif" class="aquo-icon" alt="" /> 140 </a> 141 </li> 142 <li class="" 143 id="sign-up-button-li"> 144 <a href="/film/sign-up/" 145 id="sign-up-button" 146 title="Sign Up" 147 class=""> 148 <img src="/images/content/nav/aquo-static-right.gif" class="aquo-icon" alt="" /> 149 </a> 150 </li> 151 </ul> 152 </div> 153 </div> 154 </div> 155 </div> 156 157 <div id="background" class="background"> 158 <div class="background-images" id="background-images">
159 <img src="/assets/85dfcdc02abf2fff3b767d987a334eb9.jpg" alt="The march of progress_Lisbon, 2001" style="" class="" id="resource_287" /> 160 </div> 161 162 <div class="background-description" id="background-description"> 163 <div class="question-mark"> 164 <!-- <img src="/images/content/question-mark.png" alt="?"/> --> 165 </div> 166 <div class="description"> 167 <p>The march of progress_Lisbon, 2001</p> 168 </div> 169 </div> 170
170<script type="text/javascript" charset="utf-8"> 171 $('#background').hide(); 172 </script>
172 173 </div> 174 <div id="preload" class="preload" style="display: block; position: absolute; width: 0; height: 0; overflow: hidden;"> 175 <img src="/images/content/nav/about-grey.gif" alt="" /> 176 <img src="/images/content/nav/about.gif" alt="" /> 177 <img src="/images/content/nav/anglebracket-left.gif" alt="" /> 178 <img src="/images/content/nav/anglebracket-right.gif" alt="" /> 179 <img src="/images/content/nav/aquo-activate.gif" alt="" /> 180 <img src="/images/content/nav/aquo-deactivate.gif" alt="" /> 181 <img src="/images/content/nav/aquo-static-left-white.gif" alt="" /> 182 <img src="/images/content/nav/aquo-static-left-whitebg.gif" alt="" /> 183 <img src="/images/content/nav/aquo-static-left.gif" alt="" /> 184 <img src="/images/content/nav/aquo-static-right-grey.gif" alt="" /> 185 <img src="/images/content/nav/aquo-static-right-white.gif" alt="" /> 186 <img src="/images/content/nav/aquo-static-right-whitebg.gif" alt="" /> 187 <img src="/images/content/nav/aquo-static-right.gif" alt="" /> 188 <img src="/images/content/nav/aquo-static-up-grey.gif" alt="" /> 189 <img src="/images/content/nav/aquo-static-up-white.gif" alt="" /> 190 <img src="/images/content/nav/aquo-static-up.gif" alt="" /> 191 <img src="/images/content/nav/branding-grey.gif" alt="" /> 192 <img src="/images/content/nav/branding.gif" alt="" /> 193 <img src="/images/content/nav/clients-grey.gif" alt="" /> 194 <img src="/images/content/nav/clients.gif" alt="" /> 195 <img src="/images/content/nav/contact-grey.gif" alt="" /> 196 <img src="/images/content/nav/contact.gif" alt="" /> 197 <img src="/images/content/nav/sign-up-grey.gif" alt="" /> 198 <img src="/images/content/nav/sign-up.gif" alt="" /> 199 <img src="/images/content/nav/numbers/0.gif" alt="" /> 200 <img src="/images/content/nav/numbers/1.gif" alt="" /> 201 <img src="/images/content/nav/numbers/2.gif" alt="" /> 202 <img src="/images/content/nav/numbers/3.gif" alt="" /> 203 <img src="/images/content/nav/numbers/4.gif" alt="" /> 204 <img src="/images/content/nav/numbers/5.gif" alt="" /> 205 <img src="/images/content/nav/numbers/6.gif" alt="" /> 206 <img src="/images/content/nav/numbers/7.gif" alt="" /> 207 <img src="/images/content/nav/numbers/8.gif" alt="" /> 208 <img src="/images/content/nav/numbers/9.gif" alt="" /> 209 <img src="/images/content/nav/online-grey.gif" alt="" /> 210 <img src="/images/content/nav/online.gif" alt="" /> 211 <img src="/images/content/nav/posters-grey.gif" alt="" /> 212 <img src="/images/content/nav/posters.gif" alt="" /> 213 <img src="/images/content/nav/print-grey.gif" alt="" /> 214 <img src="/images/content/nav/print.gif" alt="" /> 215 <img src="/images/content/nav/projects-grey.gif" alt="" /> 216 <img src="/images/content/nav/projects.gif" alt="" /> 217 <img src="/images/content/nav/titles-grey.gif" alt="" /> 218 <img src="/images/content/nav/titles.gif" alt="" /> 219 <img src="/images/content/nav/images-grey.gif" alt="" /> 220 <img src="/images/content/nav/images.gif" alt="" /> 221 <img src="/images/content/nav/videos-grey.gif" alt="" /> 222 <img src="/images/content/nav/videos.gif" alt="" /> 223 <img src="/images/content/nav/link-grey.gif" alt="" /> 224 <img src="/images/content/nav/link.gif" alt="" /> 225 <img src="/images/content/pistachio.png" alt="" /> 226 <img src="/images/content/question-mark.png" alt="" /> 227 <img src="/images/content/videoplaceholder.gif" alt="" /> 228 <img src="/images/content/anim-ellipsis.gif" alt="" /> 229</div> 230 231 232
232<script type="text/javascript"> 233 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 234 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 235 </script>
235 236
236<script type="text/javascript"> 237 var pageTracker = _gat._getTracker("UA-5825724-1"); 238 //pageTracker._trackPageview(); //this gets fired by SWFAddress - duplicates homepage views if enabled 239 </script>
239 240 </body> 241</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.