[php] php

Viewer

  1. <?php 
  2. $var = '
  3. <!DOCTYPE html>
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
  5. <head> 
  6.         <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />  
  7.         <title>Student - BGA.se</title>
  8.         <link rel="stylesheet" href="//studentskylt.bga.se/hqc_builders/builder_1/css/site.css?v=1.01" type="text/css" />  
  9.         <link rel="stylesheet" href="//studentskylt.bga.se/hqc_builders/builder_1/css/fonts.css?1" type="text/css" />      
  10.         <link rel="stylesheet" href="//studentskylt.bga.se/hqc_builders/builder_1/css/style.css?v=1.02" type="text/css" /> 
  11.         <link rel="stylesheet" href="//studentskylt.bga.se/hqc_builders/builder_1/css/jquery_ui/jquery-ui-1.10.4.custom.css" type="text/css" />    
  12.         <link rel="stylesheet" href="//studentskylt.bga.se/hqc_builders/builder_1/css/fancybox.css" type="text/css" />     
  13.         <script type="text/javascript" src="//studentskylt.bga.se/hqc_builders/builder_1/js/jquery-1.11.0.min.js"></script>                                  
  14.         <script type="text/javascript" src="//studentskylt.bga.se/hqc_builders/builder_1/js/jquery-ui-1.10.4.custom.min.js"></script>                                
  15.         <script type="text/javascript" src="//studentskylt.bga.se/hqc_builders/builder_1/js/jquery.ui.touch-punch.min.js"></script>                                  
  16.         <script type="text/javascript" src="//studentskylt.bga.se/hqc_builders/builder_1/js/jquery.form.min.js"></script>    
  17.         <script type="text/javascript" src="//studentskylt.bga.se/hqc_builders/builder_1/js/jquery.fancybox.min.js"></script>
  18.         <script type="text/javascript" src="//studentskylt.bga.se/hqc_builders/builder_1/js/builder_1.js?1621425597"></script>       
  19.         <link rel="stylesheet" href="https://use.typekit.net/uka6zjn.css">
  20. <!-- Facebook Pixel Code -->
  21. <style>
  22. #storewide-message a {
  23.     color: white;
  24.     font-size: 20px;
  25.     line-height: 1.5;
  26. }
  27. #storewide-message {
  28.     background-color: rgba(73, 73, 73, 1);
  29.     height: auto;
  30.     text-align: center;
  31.     color: white;
  32.     padding: 10px 5px 10px 5px;
  33.     font-size: 14px;
  34. }
  35. span.pinne {
  36.     font-size: 12px;
  37.         display:block;
  38. }
  39. span.express {
  40.     font-weight: bolder;
  41.     color: #d43e3e;
  42.     font-size: 15px;
  43.     font-style: italic;
  44. }
  45. @media only screen and (min-width:320px) and (max-width:768px){
  46. span.express {
  47.     font-weight: bolder;
  48.     color: #d43e3e;
  49.     font-size: 15px;
  50.     font-style: italic;
  51.         display:block;
  52. }
  53. #storewide-message a {
  54.     color: white;
  55.     font-size: 20px;
  56.     line-height: normal;
  57. }
  58. }
  59. </style>
  60. <script>
  61.   !function(f,b,e,v,n,t,s)
  62.   {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  63.   n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  64.   if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=\'2.0\';
  65.   n.queue=[];t=b.createElement(e);t.async=!0;
  66.   t.src=v;s=b.getElementsByTagName(e)[0];
  67.   s.parentNode.insertBefore(t,s)}(window, document,\'script\',
  68.   \'https://connect.facebook.net/en_US/fbevents.js\');
  69.   fbq(\'init\', \'1743038329330684\');
  70.   fbq(\'track\', \'PageView\');
  71. </script>
  72. <noscript><img height="1" width="1" style="display:none"
  73.   src="https://www.facebook.com/tr?id=1743038329330684&ev=PageView&noscript=1"
  74. /></noscript>
  75. <!-- End Facebook Pixel Code -->
  76. </head>
  77. <body> 
  78.         <script>
  79.           (function(i,s,o,g,r,a,m){i[\'GoogleAnalyticsObject\']=r;i[r]=i[r]||function(){
  80.           (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  81.           m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  82.           })(window,document,\'script\',\'//www.google-analytics.com/analytics.js\',\'ga\');
  83.  
  84.           ga(\'create\', \'UA-56328432-2\', \'auto\');
  85.           ga(\'send\', \'pageview\');
  86.                
  87.                 $(document).ready(function() {
  88.                         $(".fancybox").fancybox({
  89.                                 helpers: {
  90.                                         overlay: {
  91.                                           locked: false
  92.                                         }
  93.                                   }
  94.                         });
  95.                 });
  96.         </script>
  97.         <script>$(\'nav a#toggle\').click(function() {
  98.   $(\'ul\').slideToggle(200, function() {
  99.     // Animation complete.
  100.   });
  101. });</script>
  102.         <script>               
  103.                 ROOT_URL = \'//studentskylt.bga.se/hqc_builders/builder_1\'; 
  104.         </script>
  105.         <div id="header">
  106. <!--            <div class="top-menu">
  107.                         <a class="first" href="//www.bgavideo.com" TARGET="_blank">www.bgavideo.com</a>
  108.                         <a href="https://www.bgafotobutik.se" TARGET="_blank">www.bgafotobutik.se</a>
  109.                 </div> -->
  110.                
  111.                 <div class="logo-img">
  112.                         <a href="/" class="not-active"><img src="/Bilder/bga-studentskylt.png" alt="" style="height:60px"/></a>
  113.                 </div>
  114.                
  115.                 <div class="information">
  116.                 <div class="row2">
  117.   <div class="column2" style="">
  118.     <a href="/butiker.php"><img src="https://studentskylt.bga.se/images/butik.png" style="height:40px;">
  119.     <p>9 BUTIKER</p></a>
  120.   </div>
  121.   <div class="column2" style="">
  122.    <a href="/kontakta-oss.php"><img src="https://studentskylt.bga.se/images/kundservice.jpg">
  123.     <p>KUNDTJÄNST</p></a>
  124.   </div>
  125. </div>
  126.                 </div>
  127.                 <div id="nav-area" style="clear: both;">    
  128. <nav id="site-navigation" aria-label="Menu">
  129.   <label for="toggle-mobile-menu" aria-label="Menu">☰</label>
  130.   <a href="/"><img class="kassa-logo" src="/Bilder/bga-studentskylt.png" alt="" style="height:60px;margin-left:200px;padding-top:20px;"/></a>
  131.   <input id="toggle-mobile-menu" type="checkbox" />
  132.  
  133.   <ul id="main-menu">
  134. <li class="huvud2"><a href="/student.php#8">Beställ här</A></li>          
  135. <li class="huvud2"><a href="/studentskylt-fran-pappersbild.php">Studentskylt från pappersbild</A></li>                            
  136. <li class="huvud2"><a href="/Fragor_och_svar.php">Frågor & svar</A></li>                          
  137. <li class="huvud2"><a href="/Om_oss.php">Om oss</A></li>                    
  138. <li class="huvud2"><a href="/butiker.php">Butiker</A></li>                   
  139. <li class="huvud2"><a href="/Prislista.php">Prislista</A></li>
  140. <li class="huvud2"><a href="/kontakta-oss.php">Kundtjänst</A></li>
  141. <li class="huvud2"><a href="/Nojda_kunder.php">Nöjda kunder</A></li>
  142. <li class="huvud2"><a href="http://blogg.bgafotocenter.se/">Blogg</A></li>
  143.   </ul>
  144. </nav>                 
  145.                         <ul id="nav">
  146. <li class="huvud2"><a href="/student.php#8">Beställ här</A></li>          
  147. <li class="huvud2"><a href="/studentskylt-fran-pappersbild.php">Studentskylt från pappersbild</A></li>                            
  148. <li class="huvud2"><a href="/Fragor_och_svar.php">Frågor & svar</A></li>                          
  149. <li class="huvud2"><a href="/Om_oss.php">Om oss</A></li>                    
  150. <li class="huvud2"><a href="/butiker.php">Butiker</A></li>                   
  151. <li class="huvud2"><a href="/Prislista.php">Prislista</A></li>
  152. <li class="huvud2"><a href="/kontakta-oss.php">Kundtjänst</A></li>
  153. <li class="huvud2"><a href="/Nojda_kunder.php">Nöjda kunder</A></li>
  154. <li class="huvud2"><a href="http://blogg.bgafotocenter.se/">Blogg</A></li>
  155.                         </ul>
  156.                 </div>
  157.                 <div id="menu" class="bg1">   </div> 
  158.                 <div id="content">            
  159.                         <div id="right" class="bg2">
  160. <div id="storewide-message"><a href="/student.php">Leveranstid 4-5 arbetsdagar <span class="express">(Du kan välja expressleverans i kassan)</span><br><span class="pinne">Regnskydd & pinne ingår</span></a></div>                   
  161.                         <div id="box5" class="bg4"><style>
  162. .fileUpload {
  163.         width: 180px;
  164.         padding: 10px 0 10px 0;
  165.         position: relative;
  166.         overflow: hidden;
  167.         background: rgba(255, 165, 145, 1);
  168.         border-radius: 2px 2px 2px 2px;
  169.         text-align: center;
  170.         cursor: pointer;
  171.         color: #FFFFFF;
  172.         font-size: 14px;
  173.         font-weight: 700;
  174. }
  175. .fileUpload:hover {
  176.         background: rgba(73, 73, 73, 1);
  177. }
  178. .fileUpload input.upload {
  179.         position: absolute;
  180.         top: 0;
  181.         left: 0;
  182.         margin: 0;
  183.         padding: 0;
  184.         font-size: 20px;
  185.         cursor: pointer;
  186.         opacity: 0;
  187.         filter: alpha(opacity=0);
  188. }
  189. @media only screen and (max-device-width: 700px) {
  190.         #storewide-message {font-size: 36px;}
  191.         h1 {font-size:40px!important;}
  192.         .h3 {font-size:30px!important;}
  193.         #upload_photo #input_file {width: 100%; padding-bottom: 80px;}
  194.         .fileUpload {width: 100%; font-size: 40px;padding:30px;}
  195.         #upload_photo #progress_bar {width: 100%; font-size:30px;}
  196.         .bar { height: 50px;}
  197.         #controlls {width: 65%;}
  198.         #controlls label {width: 50%;font-size: 35px;}
  199.         .ctrl_row {height: 50px;}
  200.         div.gap25 {height: 100px;}
  201.         #controlls input[type="text"], #controlls select {
  202.     padding: 2px 5px;
  203.     font-size: 25px;
  204.     font-weight: bold;
  205.     width: 90%;
  206.         }
  207.         .ui_slider {
  208.     width: 40%;
  209.         }
  210.         .ui-widget {
  211.     font-size: 3.1em;}
  212.         #summary_box {
  213.     width: 100%;
  214.         }
  215.         button#process_to_order {
  216.     width: 100%;}
  217.         .green_button {
  218.     font-size: 40px;
  219.         padding: 20px;
  220.             margin-bottom: 30px;}
  221.         #content p {
  222.     font-size: 30px;
  223.         line-height: 30px;}
  224. .popupen {font-size:14px!important; line-height:normal!important;}
  225. #footerns {display:none;}
  226. #footern {margin-bottom:20px;}
  227. #footer h2 {
  228.     font-size: 40px;
  229.     line-height: 40px;
  230. }
  231. #footer p {
  232.     margin: 0px;
  233.     font-size: 30px;
  234.     line-height: 35px;
  235. }
  236. }
  237. </style>
  238. <script>$(window).load(function () {
  239.     $(".trigger_popup_fricc").click(function(){
  240.        $(\'.hover_bkgr_fricc\').show();
  241.     });
  242.     $(\'.hover_bkgr_fricc\').click(function(){
  243.         $(\'.hover_bkgr_fricc\').hide();
  244.     });
  245.     $(\'.popupCloseButton\').click(function(){
  246.         $(\'.hover_bkgr_fricc\').hide();
  247.     });
  248. });</script>
  249. <script>$(window).load(function () {
  250.     $(".trigger_popup_fricc2").click(function(){
  251.        $(\'.hover_bkgr_fricc2\').show();
  252.     });
  253.     $(\'.hover_bkgr_fricc2\').click(function(){
  254.         $(\'.hover_bkgr_fricc2\').hide();
  255.     });
  256.     $(\'.popupCloseButton\').click(function(){
  257.         $(\'.hover_bkgr_fricc2\').hide();
  258.     });
  259. });</script>
  260.  
  261. <link href="/hqc_builders/builder_1/css/spectrum.css" rel="stylesheet" />
  262. <script src="/hqc_builders/builder_1/js/spectrum.js"></script>
  263.  
  264. <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
  265. <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
  266.  
  267. <style>
  268. table.customize-text tr td { height: 26px; }
  269. table.customize-text tr td .sp-replacer { height: 22px; padding: 1px; }
  270.  
  271.  
  272. table.customize-text tr td .select2-container .select2-selection--single { height: 26px; }
  273. table.customize-text tr td .select2-container--default .select2-selection--single { border-radius: 0; font-size: 14px; border-color: #7b7b7b; }
  274. table.customize-text tr td .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000000; font-weight: bold; line-height: 24px; }
  275.  
  276. .select2-dropdown { border-radius: 0; font-size: 14px; border-color: #7b7b7b; }
  277. .select2-dropdown ul li.dreamorphansbold { font-family: \'DreamOrphansBold\'; }
  278. .select2-dropdown ul li.franklingothicheavy { font-family: \'FranklinGothicHeavy\'; }
  279. .select2-dropdown ul li.franklingothicmedium { font-family: \'FranklinGothicMedium\'; }
  280. .select2-dropdown ul li.futura { font-family: \'Futura\'; }
  281. .select2-dropdown ul li.futurabold { font-family: \'FuturaBold\'; }
  282. .select2-dropdown ul li.georgia { font-family: \'Georgia\'; }
  283. .select2-dropdown ul li.georgiabold { font-family: \'GeorgiaBold\'; }
  284. .select2-dropdown ul li.georgiabolditalic { font-family: \'GeorgiaBoldItalic\'; }
  285. .select2-dropdown ul li.klavikabold { font-family: \'KlavikaBold\'; }
  286. .select2-dropdown ul li.klavikamedium { font-family: \'KlavikaMedium\'; }
  287. .select2-dropdown ul li.ravie { font-family: \'Ravie\'; }
  288. .select2-dropdown ul li.cooperblack { font-family: \'CooperBlack\'; }
  289. .select2-dropdown ul li.segoeprintbold { font-family: \'SegoePrintBold\'; }
  290. .select2-dropdown ul li.handofseanpro { font-family: \'HandOfSeanPro\'; }
  291. .select2-dropdown ul li.brandonprintedtwoshadow { font-family: \'BrandonPrintedTwoShadow\'; }
  292. .select2-dropdown ul li.futurabtextrablack { font-family: \'FuturaBTExtraBlack\'; }
  293. .select2-dropdown ul li.futuralt { font-family: \'FuturaLT\'; }
  294. </style>
  295.  
  296. <div id="builder_1">
  297.         <div>
  298.                 <h1>Beställ din studentskylt</h1>
  299.                 <div class="gap10"></div>
  300.                 <div class="h3">Steg 1/3 - Välj bild till din studentskylt</div>
  301.                 <div class="gap10"></div>
  302.                 <div class="gap10"></div>
  303.                 <form id="upload_photo" action="//studentskylt.bga.se/hqc_builders/builder_1/upload_photo.php" method="post" enctype="multipart/form-data">
  304.                         <div style="float: left; width: 100%; margin-top: -7px;">
  305.                                 <div class="fileUpload">
  306.                                         <span>Ladda upp din bild här</span>
  307.                                         <input id="input_file" type="file" name="photo" class="upload" />
  308.                                 </div>
  309.                         </div>
  310.                        
  311.                         <div id="progress_bar">
  312.                                 <div class="bar"></div >
  313.                                 <div class="percent">0%</div >
  314.                         </div>
  315.                         <div id="status"></div>
  316.                 </form>
  317.                 <br /><br /><strong>Bilden får vara max 20 mb stor och måste vara i jpeg, png eller gif.</strong><br>OBS! Om bilden är stor kan det ta en liten stund innan den visas i mallen.<br />
  318.                 <hr />
  319.                 <div class="gap10"></div>
  320.                 <div class="h3">Steg 2/3 - Välj studentskyltsmall</div>
  321.                 <div class="gap10"></div>
  322.                 <div class="gap10"></div>             
  323.  
  324.                
  325.                 <div id="tempates_holder">
  326.                         <div id="tempates" style="width:4998px">
  327.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/8.png" data-template_id="8" alt="" />
  328.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/10.png" data-template_id="10" alt="" />
  329.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/30.png" data-template_id="30" alt="" />
  330.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/28.png" data-template_id="28" alt="" />
  331.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/26.png" data-template_id="26" alt="" />
  332.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/9.png" data-template_id="9" alt="" />
  333.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/22.png" data-template_id="22" alt="" />
  334.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/25.png" data-template_id="25" alt="" />
  335.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/1.png" data-template_id="1" alt="" />
  336.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/27.png" data-template_id="27" alt="" />
  337.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/5.png" data-template_id="5" alt="" />
  338.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/15.png" data-template_id="15" alt="" />
  339.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/12.png" data-template_id="12" alt="" />
  340.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/20.png" data-template_id="20" alt="" />
  341.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/42.png" data-template_id="42" alt="" />
  342.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/4.png" data-template_id="4" alt="" />
  343.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/7.png" data-template_id="7" alt="" />
  344.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/24.png" data-template_id="24" alt="" />
  345.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/11.png" data-template_id="11" alt="" />
  346.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/31.png" data-template_id="31" alt="" />
  347.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/14.png" data-template_id="14" alt="" />
  348.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/3.png" data-template_id="3" alt="" />
  349.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/29.png" data-template_id="29" alt="" />
  350.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/6.png" data-template_id="6" alt="" />
  351.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/13.png" data-template_id="13" alt="" />
  352.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/16.png" data-template_id="16" alt="" />
  353.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/32.png" data-template_id="32" alt="" />
  354.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/21.png" data-template_id="21" alt="" />
  355.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/23.png" data-template_id="23" alt="" />
  356.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/2.png" data-template_id="2" alt="" />
  357.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/19.png" data-template_id="19" alt="" />
  358.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/17.png" data-template_id="17" alt="" />
  359.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/41.png" data-template_id="41" alt="" />
  360.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/18.png" data-template_id="18" alt="" />
  361.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/38.png" data-template_id="38" alt="" />
  362.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/40.png" data-template_id="40" alt="" />
  363.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/36.png" data-template_id="36" alt="" />
  364.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/39.png" data-template_id="39" alt="" />
  365.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/35.png" data-template_id="35" alt="" />
  366.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/37.png" data-template_id="37" alt="" />
  367.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/34.png" data-template_id="34" alt="" />
  368.                 <img src="//studentskylt.bga.se/hqc_builders/builder_1/templates/preview/33.png" data-template_id="33" alt="" />
  369.                        
  370.                         </div>
  371.                 </div>
  372.                
  373.                 <hr />
  374.                 <div class="gap10"></div>
  375.                 <div class="h3">Steg 3/3 - Anpassa din skylt</div>
  376.                 <div class="gap10"></div>
  377.                 <div class="gap10"></div>     
  378.                
  379.                 <div id="photo_editor">
  380.                         <div id="controlls">
  381.                                                                
  382.                                 <div style="float: left; width: 700px;">
  383.                                         <table class="customize-text" width="100%">
  384.                                                 <tr class="ctrl_row">
  385.                                                         <td><strong>Välj storlek</strong></td>
  386.                                                         <td colspan="5">
  387.                                                                 <select name="print_size" id="print_size">
  388.                                                                         <option value="35x50" data-print-price="499">35x50</option>
  389.                                                                         <option value="50x70" selected="selected" data-print-price="599">50x70</option>
  390.                                                                         <option value="70x100" data-print-price="849">70x100</option>
  391.                                        
  392.                                                                 </select> cm
  393.                                                         </td>
  394.                                                 </tr>
  395.                                                 <tr>
  396.                                                         <th align="left" width="130px"> </th>
  397.                                                         <th align="left" width="170px">Text</th>
  398.                                                         <th align="left" width="180px">Typsnitt</th>
  399.                                                         <th align="center" width="50px">Färg</th>
  400.                                                         <th align="center" width="50px">Skugga</th>
  401.                                                         <th align="center" width="50px">Kantlinje</th>
  402.                                                 </tr>
  403.                                                 <tr class="ctrl_row ctrl_row_f" id="ctrl_row_f_1">
  404.                                                         <td><strong>Studentens namn</strong></td>
  405.                                                         <td><input id="field_1" name="field_1" type="text" class="text_field_input" data-field_id="1" maxlength=32 /></td>
  406.                                                         <td>
  407.                                                                 <select name="text-font" class="select2" style="width: 200px;">
  408.                                                                         <option value="DreamOrphansBold">Dream Orphans Bold</option>
  409.                                                                         <option value="FranklinGothicHeavy">Franklin Gothic Heavy</option>
  410.                                                                         <option value="FranklinGothicMedium">Franklin Gothic Medium</option>
  411.                                                                         <option value="Futura">Futura</option>
  412.                                                                         <option value="FuturaBold">Futura Bold</option>
  413.                                                                         <option value="Georgia">Georgia</option>
  414.                                                                         <option value="GeorgiaBold">Georgia Bold</option>
  415.                                                                         <option value="GeorgiaBoldItalic">Georgia Bold Italic</option>
  416.                                                                         <option value="KlavikaBold">Klavika Bold</option>
  417.                                                                         <option value="KlavikaMedium">Klavika Medium</option>
  418.                                                                         <option value="Ravie">Ravie</option>
  419.                                                                         <option value="CooperBlack">Cooper Black</option>
  420.                                                                         <option value="SegoePrintBold">Segoe Print Bold</option>
  421.                                                                         <option value="HandOfSeanPro">Hand Of Sean Pro</option>
  422.                                                                         <option value="BrandonPrintedTwoShadow">Brandon Printed Two Shadow</option>
  423.                                                                         <option value="FuturaBTExtraBlack">Futura BT Extra Black</option>
  424.                                                                         <option value="FuturaLT">Futura LT</option>
  425.                                                                 </select>
  426.                                                         </td>
  427.                                                         <td align="center"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-color" type="text" class="text_field_input color-picker" /></td>
  428.                                                         <td align="center"><span class="container"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-shadow" type="text" class="text_field_input color-picker" /></span></td>
  429.                                                         <td align="center"><span class="container"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-stroke" type="text" class="text_field_input color-picker" /></span></td>
  430.                                                 </tr>
  431.                                                 <tr class="ctrl_row ctrl_row_f" id="ctrl_row_f_2">
  432.                                                         <td><strong>Klass</strong></td>
  433.                                                         <td><input id="field_2" name="field_2" type="text" class="text_field_input" data-field_id="2"  maxlength=32 /></td>
  434.                                                         <td>
  435.                                                                 <select name="text-font" class="select2" style="width: 200px;">
  436.                                                                         <option value="DreamOrphansBold">Dream Orphans Bold</option>
  437.                                                                         <option value="FranklinGothicHeavy">Franklin Gothic Heavy</option>
  438.                                                                         <option value="FranklinGothicMedium">Franklin Gothic Medium</option>
  439.                                                                         <option value="Futura">Futura</option>
  440.                                                                         <option value="FuturaBold">Futura Bold</option>
  441.                                                                         <option value="Georgia">Georgia</option>
  442.                                                                         <option value="GeorgiaBold">Georgia Bold</option>
  443.                                                                         <option value="GeorgiaBoldItalic">Georgia Bold Italic</option>
  444.                                                                         <option value="KlavikaBold">Klavika Bold</option>
  445.                                                                         <option value="KlavikaMedium">Klavika Medium</option>
  446.                                                                         <option value="Ravie">Ravie</option>
  447.                                                                         <option value="CooperBlack">Cooper Black</option>
  448.                                                                         <option value="SegoePrintBold">Segoe Print Bold</option>
  449.                                                                         <option value="HandOfSeanPro">Hand Of Sean Pro</option>
  450.                                                                         <option value="BrandonPrintedTwoShadow">Brandon Printed Two Shadow</option>
  451.                                                                         <option value="FuturaBTExtraBlack">Futura BT Extra Black</option>
  452.                                                                         <option value="FuturaLT">Futura LT</option>
  453.                                                                 </select>
  454.                                                         </td>
  455.                                                         <td align="center"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-color" type="text" class="text_field_input color-picker" /></td>
  456.                                                         <td align="center"><span class="container"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-shadow" type="text" class="text_field_input color-picker" /></span></td>
  457.                                                         <td align="center"><span class="container"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-stroke" type="text" class="text_field_input color-picker" /></span></td>
  458.                                                 </tr>
  459.                                                 <tr class="ctrl_row ctrl_row_f" id="ctrl_row_f_3">
  460.                                                         <td><strong>Text vänster sida</strong></td>
  461.                                                         <td><input id="field_3" name="field_3" type="text" class="text_field_input" data-field_id="3"  maxlength=32 /></td>
  462.                                                         <td>
  463.                                                                 <select name="text-font" class="select2" style="width: 200px;">
  464.                                                                         <option value="DreamOrphansBold">Dream Orphans Bold</option>
  465.                                                                         <option value="FranklinGothicHeavy">Franklin Gothic Heavy</option>
  466.                                                                         <option value="FranklinGothicMedium">Franklin Gothic Medium</option>
  467.                                                                         <option value="Futura">Futura</option>
  468.                                                                         <option value="FuturaBold">Futura Bold</option>
  469.                                                                         <option value="Georgia">Georgia</option>
  470.                                                                         <option value="GeorgiaBold">Georgia Bold</option>
  471.                                                                         <option value="GeorgiaBoldItalic">Georgia Bold Italic</option>
  472.                                                                         <option value="KlavikaBold">Klavika Bold</option>
  473.                                                                         <option value="KlavikaMedium">Klavika Medium</option>
  474.                                                                         <option value="Ravie">Ravie</option>
  475.                                                                         <option value="CooperBlack">Cooper Black</option>
  476.                                                                         <option value="SegoePrintBold">Segoe Print Bold</option>
  477.                                                                         <option value="HandOfSeanPro">Hand Of Sean Pro</option>
  478.                                                                         <option value="BrandonPrintedTwoShadow">Brandon Printed Two Shadow</option>
  479.                                                                         <option value="FuturaBTExtraBlack">Futura BT Extra Black</option>
  480.                                                                         <option value="FuturaLT">Futura LT</option>
  481.                                                                 </select>
  482.                                                         </td>
  483.                                                         <td align="center"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-color" type="text" class="text_field_input color-picker" /></td>
  484.                                                         <td align="center"><span class="container"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-shadow" type="text" class="text_field_input color-picker" /></span></td>
  485.                                                         <td align="center"><span class="container"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-stroke" type="text" class="text_field_input color-picker" /></span></td>
  486.                                                 </tr>
  487.                                                 <tr class="ctrl_row ctrl_row_f" id="ctrl_row_f_4">
  488.                                                         <td><strong>Text höger sida</strong></td>
  489.                                                         <td><input id="field_4" name="field_4" type="text" class="text_field_input" data-field_id="4" maxlength=32 /></td>
  490.                                                         <td>
  491.                                                                 <select name="text-font" class="select2" style="width: 200px;">
  492.                                                                         <option value="DreamOrphansBold">Dream Orphans Bold</option>
  493.                                                                         <option value="FranklinGothicHeavy">Franklin Gothic Heavy</option>
  494.                                                                         <option value="FranklinGothicMedium">Franklin Gothic Medium</option>
  495.                                                                         <option value="Futura">Futura</option>
  496.                                                                         <option value="FuturaBold">Futura Bold</option>
  497.                                                                         <option value="Georgia">Georgia</option>
  498.                                                                         <option value="GeorgiaBold">Georgia Bold</option>
  499.                                                                         <option value="GeorgiaBoldItalic">Georgia Bold Italic</option>
  500.                                                                         <option value="KlavikaBold">Klavika Bold</option>
  501.                                                                         <option value="KlavikaMedium">Klavika Medium</option>
  502.                                                                         <option value="Ravie">Ravie</option>
  503.                                                                         <option value="CooperBlack">Cooper Black</option>
  504.                                                                         <option value="SegoePrintBold">Segoe Print Bold</option>
  505.                                                                         <option value="HandOfSeanPro">Hand Of Sean Pro</option>
  506.                                                                         <option value="BrandonPrintedTwoShadow">Brandon Printed Two Shadow</option>
  507.                                                                         <option value="FuturaBTExtraBlack">Futura BT Extra Black</option>
  508.                                                                         <option value="FuturaLT">Futura LT</option>
  509.                                                                 </select>
  510.                                                         </td>
  511.                                                         <td align="center"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-color" type="text" class="text_field_input color-picker" /></td>
  512.                                                         <td align="center"><span class="container"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-shadow" type="text" class="text_field_input color-picker" /></span></td>
  513.                                                         <td align="center"><span class="container"><input style="float: left; width: 50px; height: 26px; padding: 0; background: 0; border: 0; cursor: pointer;" name="text-stroke" type="text" class="text_field_input color-picker" /></span></td>
  514.                                                 </tr>
  515.                                                 <tr class="ctrl_row">
  516.                                                         <td><strong>Rotera</strong></td>
  517.                                                         <td colspan="5"><div id="slider_rotate" class="ui_slider"></div></td>
  518.                                                 </tr>
  519.                                                 <tr class="ctrl_row">
  520.                                                         <td><strong>Förstora</strong></td>
  521.                                                         <td colspan="5"><div id="slider_zoom" class="ui_slider"></div></td>
  522.                                                 </tr>
  523.                                         </table>
  524.                                 </div>
  525.                                
  526.                                 <button id="reset_button">Nollställ</button>
  527.                                
  528.                                 <div class="price" style="float: left; width: 100%; margin-top: 50px; font-size: 30px;">
  529.                                         <span>599</span> kr
  530.                                 </div>
  531.                         </div>
  532.                         <div id="right_side">
  533.                                 <div id="tmpp" style="display: none"></div>
  534.                                 <div id="photo_holder_wrp">
  535.                                         <svg id="photo_holder" width="357" height="500" viewBox="0 0 3937 5512" enable-background="new 0 0 3937 5512">
  536.                                                 <defs>
  537.                                                           <style type="text/css">
  538.                                                            <![CDATA[
  539.                                                                         @font-face {
  540.                                                                                 font-family: \'DreamOrphansBold\';
  541.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/DreamOrphansBold.eot\');
  542.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/DreamOrphansBold.eot\') format(\'embedded-opentype\'),
  543.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/DreamOrphansBold.woff2\') format(\'woff2\'),
  544.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/DreamOrphansBold.woff\') format(\'woff\'),
  545.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/DreamOrphansBold.ttf\') format(\'truetype\'),
  546.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/DreamOrphansBold.svg#DreamOrphansBold\') format(\'svg\');
  547.                                                                         }
  548.  
  549.                                                                         @font-face {
  550.                                                                                 font-family: \'FranklinGothicHeavy\';
  551.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicHeavy.eot\');
  552.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicHeavy.eot\') format(\'embedded-opentype\'),
  553.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicHeavy.woff2\') format(\'woff2\'),
  554.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicHeavy.woff\') format(\'woff\'),
  555.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicHeavy.ttf\') format(\'truetype\'),
  556.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicHeavy.svg#FranklinGothicHeavy\') format(\'svg\');
  557.                                                                         }
  558.  
  559.                                                                         @font-face {
  560.                                                                                 font-family: \'FranklinGothicMedium\';
  561.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicMedium.eot\');
  562.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicMedium.eot\') format(\'embedded-opentype\'),
  563.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicMedium.woff2\') format(\'woff2\'),
  564.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicMedium.woff\') format(\'woff\'),
  565.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicMedium.ttf\') format(\'truetype\'),
  566.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FranklinGothicMedium.svg#FranklinGothicMedium\') format(\'svg\');
  567.                                                                         }
  568.  
  569.                                                                         @font-face {
  570.                                                                                 font-family: \'Futura\';
  571.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Futura.eot\');
  572.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Futura.eot\') format(\'embedded-opentype\'),
  573.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Futura.woff2\') format(\'woff2\'),
  574.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Futura.woff\') format(\'woff\'),
  575.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Futura.ttf\') format(\'truetype\'),
  576.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Futura.svg#Futura\') format(\'svg\');
  577.                                                                         }
  578.  
  579.                                                                         @font-face {
  580.                                                                                 font-family: \'FuturaBold\';
  581.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBold.eot\');
  582.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBold.eot\') format(\'embedded-opentype\'),
  583.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBold.woff2\') format(\'woff2\'),
  584.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBold.woff\') format(\'woff\'),
  585.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBold.ttf\') format(\'truetype\'),
  586.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBold.svg#FuturaBold\') format(\'svg\');
  587.                                                                         }
  588.                                                                        
  589.                                                                         @font-face {
  590.                                                                                 font-family: \'Georgia\';
  591.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Georgia.eot\');
  592.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Georgia.eot\') format(\'embedded-opentype\'),
  593.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Georgia.woff2\') format(\'woff2\'),
  594.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Georgia.woff\') format(\'woff\'),
  595.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Georgia.ttf\') format(\'truetype\'),
  596.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Georgia.svg#Georgia\') format(\'svg\');
  597.                                                                         }
  598.  
  599.                                                                         @font-face {
  600.                                                                                 font-family: \'GeorgiaBold\';
  601.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBold.eot\');
  602.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBold.eot\') format(\'embedded-opentype\'),
  603.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBold.woff2\') format(\'woff2\'),
  604.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBold.woff\') format(\'woff\'),
  605.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBold.ttf\') format(\'truetype\'),
  606.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBold.svg#GeorgiaBold\') format(\'svg\');
  607.                                                                         }
  608.  
  609.                                                                         @font-face {
  610.                                                                                 font-family: \'GeorgiaBoldItalic\';
  611.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBoldItalic.eot\');
  612.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBoldItalic.eot\') format(\'embedded-opentype\'),
  613.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBoldItalic.woff2\') format(\'woff2\'),
  614.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBoldItalic.woff\') format(\'woff\'),
  615.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBoldItalic.ttf\') format(\'truetype\'),
  616.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/GeorgiaBoldItalic.svg#GeorgiaBoldItalic\') format(\'svg\');
  617.                                                                         }
  618.  
  619.                                                                         @font-face {
  620.                                                                                 font-family: \'KlavikaBold\';
  621.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaBold.eot\');
  622.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaBold.eot\') format(\'embedded-opentype\'),
  623.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaBold.woff2\') format(\'woff2\'),
  624.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaBold.woff\') format(\'woff\'),
  625.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaBold.ttf\') format(\'truetype\'),
  626.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaBold.svg#KlavikaBold\') format(\'svg\');
  627.                                                                         }
  628.  
  629.                                                                         @font-face {
  630.                                                                                 font-family: \'KlavikaMedium\';
  631.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaMedium.eot\');
  632.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaMedium.eot\') format(\'embedded-opentype\'),
  633.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaMedium.woff2\') format(\'woff2\'),
  634.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaMedium.woff\') format(\'woff\'),
  635.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaMedium.ttf\') format(\'truetype\'),
  636.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/KlavikaMedium.svg#KlavikaMedium\') format(\'svg\');
  637.                                                                         }
  638.  
  639.                                                                         @font-face {
  640.                                                                                 font-family: \'Ravie\';
  641.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Ravie.eot\');
  642.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Ravie.eot\') format(\'embedded-opentype\'),
  643.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Ravie.woff2\') format(\'woff2\'),
  644.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Ravie.woff\') format(\'woff\'),
  645.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Ravie.ttf\') format(\'truetype\'),
  646.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/Ravie.svg#Ravie\') format(\'svg\');
  647.                                                                         }
  648.  
  649.                                                                         @font-face {
  650.                                                                                 font-family: \'CooperBlack\';
  651.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/CooperBlack.eot\');
  652.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/CooperBlack.eot\') format(\'embedded-opentype\'),
  653.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/CooperBlack.woff2\') format(\'woff2\'),
  654.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/CooperBlack.woff\') format(\'woff\'),
  655.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/CooperBlack.ttf\') format(\'truetype\'),
  656.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/CooperBlack.svg#CooperBlack\') format(\'svg\');
  657.                                                                         }
  658.  
  659.                                                                         @font-face {
  660.                                                                                 font-family: \'SegoePrintBold\';
  661.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/SegoePrintBold.eot\');
  662.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/SegoePrintBold.eot\') format(\'embedded-opentype\'),
  663.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/SegoePrintBold.woff2\') format(\'woff2\'),
  664.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/SegoePrintBold.woff\') format(\'woff\'),
  665.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/SegoePrintBold.ttf\') format(\'truetype\'),
  666.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/SegoePrintBold.svg#SegoePrintBold\') format(\'svg\');
  667.                                                                         }
  668.  
  669.                                                                         @font-face {
  670.                                                                                 font-family: \'HandOfSeanPro\';
  671.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/HandOfSeanPro.eot\');
  672.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/HandOfSeanPro.eot\') format(\'embedded-opentype\'),
  673.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/HandOfSeanPro.woff2\') format(\'woff2\'),
  674.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/HandOfSeanPro.woff\') format(\'woff\'),
  675.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/HandOfSeanPro.ttf\') format(\'truetype\'),
  676.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/HandOfSeanPro.svg#HandOfSeanPro\') format(\'svg\');
  677.                                                                         }
  678.  
  679.                                                                         @font-face {
  680.                                                                                 font-family: \'BrandonPrintedTwoShadow\';
  681.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/BrandonPrintedTwoShadow.eot\');
  682.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/BrandonPrintedTwoShadow.eot\') format(\'embedded-opentype\'),
  683.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/BrandonPrintedTwoShadow.woff2\') format(\'woff2\'),
  684.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/BrandonPrintedTwoShadow.woff\') format(\'woff\'),
  685.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/BrandonPrintedTwoShadow.ttf\') format(\'truetype\'),
  686.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/BrandonPrintedTwoShadow.svg#BrandonPrintedTwoShadow\') format(\'svg\');
  687.                                                                         }
  688.                                                                        
  689.                                                                         @font-face {
  690.                                                                                 font-family: \'FuturaBTExtraBlack\';
  691.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBTExtraBlack.eot\');
  692.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBTExtraBlack.eot\') format(\'embedded-opentype\'),
  693.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBTExtraBlack.woff2\') format(\'woff2\'),
  694.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBTExtraBlack.woff\') format(\'woff\'),
  695.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBTExtraBlack.ttf\') format(\'truetype\'),
  696.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaBTExtraBlack.svg#FuturaBTExtraBlack\') format(\'svg\');
  697.                                                                         }
  698.                                                                        
  699.                                                                         @font-face {
  700.                                                                                 font-family: \'FuturaLT\';
  701.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaLT.eot\');
  702.                                                                                 src: url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaLT.eot\') format(\'embedded-opentype\'),
  703.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaLT.woff2\') format(\'woff2\'),
  704.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaLT.woff\') format(\'woff\'),
  705.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaLT.ttf\') format(\'truetype\'),
  706.                                                                                          url(\'//studentskylt.bga.se/hqc_builders/builder_1/fonts/FuturaLT.svg#FuturaLT\') format(\'svg\');
  707.                                                                         }
  708.                                                            ]]>
  709.                                                          </style>
  710.                                                        
  711.                                                         <filter id="ed_dropshadow_1" x="0" y="0" width="200%" height="200%">
  712.                                                                 <feOffset result="offOut" in="SourceGraphic" dx="3" dy="3" />
  713.                                                                 <feGaussianBlur result="blurOut" in="offOut" stdDeviation="4" />
  714.                                                                 <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
  715.                                                         </filter>
  716.                                                        
  717.                                                         <filter id="ed_dropshadow_2" height="130%">
  718.                                                                 <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/> 
  719.                                                                 <feOffset dx="3" dy="3" result="offsetBlur"/> 
  720.                                                                 <feMerge> 
  721.                                                                         <feMergeNode/>
  722.                                                                         <feMergeNode in="SourceGraphic"/> 
  723.                                                                 </feMerge>
  724.                                                         </filter>      
  725.                                                        
  726.                                                         <filter id="pr_dropshadow_1" x="-40%" y="-40%" width="200%" height="200%">
  727.                                                                 <feGaussianBlur in="SourceGraphic" stdDeviation="6" result="blur"></feGaussianBlur> 
  728.                                                                 <feOffset dx="4" dy="4" result="offsetblur" in="blur"></feOffset>
  729.                                                                 <feComponentTransfer result="shadow1" in="offsetblur">
  730.                                                                         <feFuncA type="linear" slope="0.4"></feFuncA>
  731.                                                                 </feComponentTransfer>
  732.                                                                 <feMerge> 
  733.                                                                         <feMergeNode in="shadow1"></feMergeNode>
  734.                                                                         <feMergeNode in="SourceGraphic"></feMergeNode> 
  735.                                                                 </feMerge>
  736.                                                         </filter>
  737.  
  738.                                                         <filter id="pr_dropshadow_2" x="-40%" y="-40%" width="200%" height="200%">
  739.                                                                 <feOffset dx="2" dy="2"></feOffset>
  740.                                                                 <feGaussianBlur stdDeviation="4" result="offset-blur"></feGaussianBlur>
  741.                                                                 <feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"></feComposite>
  742.                                                                 <feFlood flood-color="black" flood-opacity="1" result="color"></feFlood>
  743.                                                                 <feComposite operator="in" in="color" in2="inverse" result="shadow"></feComposite>
  744.                                                                 <feComponentTransfer in="shadow" result="shadow">
  745.                                                                         <feFuncA type="linear" slope="1"></feFuncA>
  746.                                                                 </feComponentTransfer>
  747.                                                                 <feMerge> 
  748.                                                                         <feMergeNode in="SourceGraphic"></feMergeNode> 
  749.                                                                 </feMerge>
  750.                                                         </filter>
  751.                                                        
  752.                                                         <filter id="ed_dropshadow_lb_1" x="0" y="0" width="200%" height="200%">
  753.                                                                 <feOffset result="offOut" in="SourceGraphic" dx="-5" dy="5" />
  754.                                                                 <feGaussianBlur result="blurOut" in="offOut" stdDeviation="5" />
  755.                                                                 <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
  756.                                                         </filter>
  757.                                                        
  758.                                                         <filter id="ed_dropshadow_lb_2" height="130%">
  759.                                                                 <feGaussianBlur in="SourceAlpha" stdDeviation="0" result="blur"/> 
  760.                                                                 <feOffset dx="-5" dy="5" result="offsetBlur"/> 
  761.                                                                 <feMerge> 
  762.                                                                         <feMergeNode/>
  763.                                                                         <feMergeNode in="SourceGraphic"/> 
  764.                                                                 </feMerge>
  765.                                                         </filter>      
  766.                                                        
  767.                                                         <filter id="pr_dropshadow_lb_1" x="-40%" y="-40%" width="200%" height="200%">
  768.                                                                 <feGaussianBlur in="SourceGraphic" stdDeviation="6" result="blur"></feGaussianBlur> 
  769.                                                                 <feOffset dx="-4" dy="4" result="offsetblur" in="blur"></feOffset>
  770.                                                                 <feComponentTransfer result="shadow1" in="offsetblur">
  771.                                                                         <feFuncA type="linear" slope="0.4"></feFuncA>
  772.                                                                 </feComponentTransfer>
  773.                                                                 <feMerge> 
  774.                                                                         <feMergeNode in="shadow1"></feMergeNode>
  775.                                                                         <feMergeNode in="SourceGraphic"></feMergeNode> 
  776.                                                                 </feMerge>
  777.                                                         </filter>
  778.  
  779.                                                         <filter id="pr_dropshadow_lb_2" x="-40%" y="-40%" width="200%" height="200%">
  780.                                                                 <feOffset dx="-2" dy="2"></feOffset>
  781.                                                                 <feGaussianBlur stdDeviation="4" result="offset-blur"></feGaussianBlur>
  782.                                                                 <feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"></feComposite>
  783.                                                                 <feFlood flood-color="black" flood-opacity="1" result="color"></feFlood>
  784.                                                                 <feComposite operator="in" in="color" in2="inverse" result="shadow"></feComposite>
  785.                                                                 <feComponentTransfer in="shadow" result="shadow">
  786.                                                                         <feFuncA type="linear" slope="0.9"></feFuncA>
  787.                                                                 </feComponentTransfer>
  788.                                                                 <feMerge> 
  789.                                                                         <feMergeNode in="SourceGraphic"></feMergeNode> 
  790.                                                                 </feMerge>
  791.                                                         </filter>
  792.                                                        
  793.                                                         <filter id="ed_radiance_1" x="0" y="0" width="200%" height="200%">
  794.                                                                 <feOffset result="offOut" in="SourceGraphic" dx="0" dy="0" />
  795.                                                                 <feGaussianBlur result="blurOut" in="offOut" stdDeviation="35" />
  796.                                                                 <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
  797.                                                         </filter>                                                        
  798.                                                        
  799.                                                         <filter id="ed_radiance_2" x="0" y="0" width="200%" height="200%">
  800.                                                                 <feOffset result="offOut" in="SourceGraphic" dx="3" dy="3" />
  801.                                                                 <feGaussianBlur result="blurOut" in="offOut" stdDeviation="0" />
  802.                                                                 <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
  803.                                                         </filter>
  804.                                                        
  805.                                                         <filter id="pr_radiance_1" x="-40%" y="-40%" width="200%" height="200%">
  806.                                                                 <feOffset result="offOut" in="SourceGraphic" dx="0" dy="0" />
  807.                                                                 <feGaussianBlur result="blurOut" in="offOut" stdDeviation="35" />
  808.                                                                 <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
  809.                                                         </filter>                                                        
  810.                                                        
  811.                                                         <filter id="pr_radiance_2" x="-40%" y="-40%" width="200%" height="200%">
  812.                                                                 <feOffset result="offOut" in="SourceGraphic" dx="3" dy="3" />
  813.                                                                 <feGaussianBlur result="blurOut" in="offOut" stdDeviation="0" />
  814.                                                                 <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
  815.                                                         </filter>
  816.                                                        
  817.                                                         <filter id="ed_dropshadow_real_1" x="-40%" y="0" width="200%" height="200%">
  818.                                                                 <feGaussianBlur in="SourceGraphic" stdDeviation="20" result="blur"/> 
  819.                                                                 <feOffset dx="20" dy="0" result="offsetblur"/>
  820.                                                                 <feOffset dx="-20" dy="0" result="offsetblur2" in="blur"/>
  821.                                                                 <feOffset dx="0" dy="25" result="offsetblur3" in="blur"/>
  822.                                                                 <feComponentTransfer result="shadow1" in="offsetblur">
  823.                                                                         <feFuncA type="linear" slope="0.30"/>
  824.                                                                 </feComponentTransfer>
  825.                                                                 <feComponentTransfer result="shadow2" in="offsetblur2">
  826.                                                                         <feFuncA type="linear" slope="0.30"/>
  827.                                                                 </feComponentTransfer>
  828.                                                                 <feComponentTransfer result="shadow3" in="offsetblur3">
  829.                                                                         <feFuncA type="linear" slope="0.30"/>
  830.                                                                 </feComponentTransfer>
  831.                                                                 <feMerge> 
  832.                                                                         <feMergeNode in="shadow1"/>
  833.                                                                         <feMergeNode in="shadow2"/>
  834.                                                                         <feMergeNode in="shadow3"/>
  835.                                                                         <feMergeNode in="SourceGraphic"/> 
  836.                                                                 </feMerge>
  837.                                                         </filter>
  838.                                                        
  839.                                                         <filter id="ed_dropshadow_real_2" x="-40%" y="0" width="200%" height="200%">
  840.                                                                 <feOffset dx="-5" dy="5"/>
  841.                                                                 <feGaussianBlur stdDeviation="10" result="offset-blur"/>
  842.                                                                 <feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"/>
  843.                                                                 <feFlood flood-color="black" flood-opacity="1" result="color"/>
  844.                                                                 <feComposite operator="in" in="color" in2="inverse" result="shadow"/>
  845.                                                                 <feComponentTransfer in="shadow" result="shadow">
  846.                                                                         <feFuncA type="linear" slope="1.2"/>
  847.                                                                 </feComponentTransfer>
  848.                                                                 <feMerge> 
  849.                                                                         <feMergeNode in="SourceGraphic"></feMergeNode> 
  850.                                                                         <feMergeNode></feMergeNode>
  851.                                                                 </feMerge>
  852.                                                         </filter>
  853.                                                        
  854.                                                         <filter id="pr_dropshadow_real_1" x="-40%" y="-40%" width="200%" height="200%">
  855.                                                                 <feGaussianBlur in="SourceGraphic" stdDeviation="50" result="blur"></feGaussianBlur> 
  856.                                                                 <feOffset dx="0" dy="0" result="offsetblur" in="blur"></feOffset>
  857.                                                                 <feComponentTransfer result="shadow1" in="offsetblur">
  858.                                                                         <feFuncA type="linear" slope="0.50"></feFuncA>
  859.                                                                 </feComponentTransfer>
  860.                                                                 <feMerge> 
  861.                                                                         <feMergeNode in="shadow1"></feMergeNode>
  862.                                                                         <feMergeNode in="SourceGraphic"></feMergeNode> 
  863.                                                                 </feMerge>
  864.                                                         </filter>
  865.                                                        
  866.                                                         <filter id="pr_dropshadow_real_2" x="-40%" y="-40%" width="200%" height="200%">
  867.                                                                 <feOffset dx="-2" dy="2"></feOffset>
  868.                                                                 <feGaussianBlur stdDeviation="4" result="offset-blur"></feGaussianBlur>
  869.                                                                 <feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"></feComposite>
  870.                                                                 <feFlood flood-color="black" flood-opacity="1" result="color"></feFlood>
  871.                                                                 <feComposite operator="in" in="color" in2="inverse" result="shadow"></feComposite>
  872.                                                                 <feComponentTransfer in="shadow" result="shadow">
  873.                                                                         <feFuncA type="linear" slope="0.9"></feFuncA>
  874.                                                                 </feComponentTransfer>
  875.                                                                 <feMerge> 
  876.                                                                         <feMergeNode in="SourceGraphic"></feMergeNode> 
  877.                                                                         <feMergeNode></feMergeNode>
  878.                                                                 </feMerge>
  879.                                                         </filter>
  880.                                                 </defs>
  881.                                                
  882.                                                 <g id="photo_rotate_wrp" width="3937" height="5512">
  883.                                                         <g id="photo_scale_wrp" width="3937" height="5512">
  884.                                                                 <image id="photo" overflow="visible" width="3937" height="5512" x="0" y="0" xmlns="http://www.w3.org/1999/xlink" xlink:href="//studentskylt.bga.se/hqc_builders/builder_1/customers_uploads/dummy_photo.png" href="//studentskylt.bga.se/hqc_builders/builder_1/customers_uploads/dummy_photo.png" ></image>
  885.                                                         </g>
  886.                                                 </g>
  887.                                                 <image id="frame" overflow="visible" width="3938" height="5512" xmlns="http://www.w3.org/1999/xlink" xlink:href="//studentskylt.bga.se/hqc_builders/builder_1/templates/small/9.png" href="//studentskylt.bga.se/hqc_builders/builder_1/templates/small/9.png"></image>
  888.                                         </svg>                 
  889.                                 </div>
  890.                                 <div id="dpi_info_wrp">
  891.                                         <span class="kvalite">Bildkvalité:</span> <div id="quility_bar"><div id="quility_bar_bar"></div><span></span></div>
  892.                                 </div>                         
  893.                                 <div id="overlap_warning">
  894.                                         <span style="display: none; float: left;">Bilden täcker inte hela skylten. Vill du beställa ändå?<br/><input type="checkbox" name="overlap_warning_ignore" id="overlap_warning_ignore" value="1" /><label for="overlap_warning_ignore"> Ja, jag vill beställa ändå</label><br><br><a class="trigger_popup_fricc2">Läs mer här »</a></span>
  895.                                 </div>
  896.                                
  897.                         </div>
  898.                 </div>
  899. <a class="trigger_popup_fricc"><u>Varför är min bild "Tyvärr omöjlig"? <font color="red">Läs här »</font></u></a>
  900.  
  901. <div class="hover_bkgr_fricc">
  902.     <span class="helper"></span>
  903.     <div>
  904.         <div class="popupCloseButton">X</div>
  905.         <div class="popupCloseButton">X</div>
  906.         <h3>Det står "Tyvärr omöjligt" när jag försöker beställa min studentskylt, vad ska jag göra?</h3>
  907.  
  908. <p class="popupen"><strong>Svar:</strong> Det beror på att bilden du försöker använda till din studentskylt är för liten. Studentskylten du beställer är mycket större än vad som visas på datorskärmen, därför behövs en stor bild, annars kommer din skylt bli väldigt suddig. Här nedan presenterar vi några vanliga saker som kan gå fel. Läs under respektive rubrik vad som stämmer för dig för att få mer information.</p>
  909.  
  910. <p class="popupen"><strong>Jag har redigerat, roterat eller beskurit bilden i min dator eller telefon</strong><br />
  911. Detta är en vanlig felkälla då många redigeringsprogram (framför allt de som är inbyggda i telefon eller dator) inte är anpassade för att redigera bilder som sedan ska förstoras. Du behöver aldrig beskära eller rotera bilden själv i förväg, utan det kan du göra direkt på vår sida när du laddar upp din bild. Behöver du redigera bilden på annat sätt behöver du ha ett bra fotoredigeringsprogram som exempelvis Photoshop Elements. Många enklare redigeringsprogram förstör nämligen bildkvalitén vid redigering, så att de inte går att använda till en studentskylt.</p>
  912.  
  913. <p class="popupen"><strong>Jag har skannat bilden bilden på den dator jag sitter vid nu</strong><br />
  914. Då måste du skanna om bilden och välja en högre upplösning. Ofta finns ett expertläge i skannerprogrammet där du kan välja kvalité/dpi. Skanna på högsta möjliga kvalité för att garantera en riktigt bra bild. Om bilden blir ohanterligt stor så testa att stegvis gå nedåt i skanningskvalité tills den går att ladda upp på vår sida.</p>
  915.  
  916. <p class="popupen"><strong>Jag har fotat av en pappersbild med min telefon</strong><br />
  917. Tänk på att inte redigera eller beskära bilden på något sätt (och inte heller ta en skärmavbild från skärmen då det också förstör kvalitén på bilden) utan ladda upp bilden precis som den är direkt på vår hemsida. Enklast är att göra det direkt via din mobiltelefon, då slipper du krångla med att överföra den till din dator.</p>
  918.  
  919. <p class="popupen"><strong>Jag har hämtat min bild på Facebook</strong><br />
  920. Det är tyvärr nästan alltid omöjligt att använda en bild från Facebook, då bilderna inte sparas i tillräckligt hög kvalité på Facebook. Försök istället att leta reda på originalbilden.</p>
  921.  
  922. <p class="popupen"><strong>Jag har överfört min bild från min telefon eller annan dator</strong><br />
  923. När du överför bilden till din dator så måste du maila över bilden (kom ihåg att välja att bifoga den och välja full storlek om det kommer upp en fråga om det), alternativt om du har bilden på ett USB-minne eller kopplar in en kabel mellan din dator och telefon för att överföra bilden. Om du använder Facebook/Messenger/Meddelande så blir kvalitén på bilden sämre och den går inte alls att använda.</p>
  924.     </div>
  925. </div>
  926.  
  927. <div class="hover_bkgr_fricc2">
  928.     <span class="helper"></span>
  929.     <div>
  930.                 <div class="popupCloseButton">X</div>
  931.                 <div class="popupCloseButton">X</div>
  932.                 <p class="popupen">
  933.                         <strong>Min bild täcker inte hela skylten</strong><br />
  934.                         Vi har en säkerhetsfunktion att hemsidan säger till om din bild inte täcker hela skylten, detta så att man inte av misstag får en vit kant på sin bild som ofta ser väldigt konstigt ut.<br /><br />
  935.                         För att få din bild att täcka hela skylten kan du använda reglaget till vänster som heter "Förstora" och du kan även klicka på bilden och dra den som du vill ha.
  936.                 </p>
  937.                 <p class="popupen">
  938.                         <strong>Jag vill inte att min bild täcker hela skylten - Hur gör jag då?</strong><br />
  939.                         Om du önskar att beställa en skylt där bilden inte täcker hela skylten fyller du i rutan där det står "Ja jag vill beställa ändå" och går vidare i kassan.<br /><br />
  940.                         Har du fler frågor kontakta vår kundtjänst via telefon/chatt/mail.
  941.                 </p>
  942.         </div>
  943. </div>
  944.  
  945.                 <div class="art-no" style="float: left; width: 100%; font-size: 14px;">
  946.                         Art.nr / Mall: <span></span>
  947.                 </div>
  948.  
  949.                 <hr />
  950.                
  951.                
  952.                 <div id="summary_box" style="text-align:right;">
  953.                 <div id="filesize_warning">
  954.                         Bilden är för liten (<span></span>). Välj större bild eller <u><a href="/Fragor_och_svar.php">läs här vad det kan bero på.</a></u>
  955.                 </div>
  956.                         <button id="process_to_order" class="green_button" style="display:none;">TILL KASSAN</button><br><br><br>
  957.                         <p style="display: inline-block; max-width: 560px;">I nästa steg fyller du i dina uppgifter och väljer frakt- samt betalsätt. Observera att det är viktigt att du kollar igenom din beställning noga så att alla uppgifter samt bilden ser korrekt ut. Produktionen av studentskylten påbörjas omgående och det är svårt att genomföra ändringar efter beställning.</p>
  958.                         <h3>Leveranstid 4-5 arbetsdagar | Expressleverans +200kr (Skickas inom 24h / Klar i butik på 1 arbetsdag)</h3>
  959.                 </div>
  960.                
  961.                
  962.         </div>
  963. </div>               </div>
  964.         </div>         
  965.         <div id="left">
  966.                 <div id="box4" class="bg4">
  967. <img alt="Annys studentskylt" src="/Bilder/Studentskylt_inspiration_1.jpg" width="195" height="280"><br /> <br />
  968. <img alt="Studentplakat Emil" src="/Bilder/Studentskylt_inspiration_2.jpg" width="195" height="280"><br /> <br />
  969. <img alt="Studenten 2017" src="/Bilder/Studentskylt_inspiration_3.jpg" width="195" height="280">
  970.                 </div>         
  971.         </div>         
  972.         <div style="clear: both;"></div>     
  973. </div> 
  974.  
  975. <style>
  976. #footer {height:180px; margin-bottom:20px;}
  977. #footern {width:21%; float:left;}
  978. #footerns {width:55%; float:right;}
  979.         @media only screen and (max-device-width: 700px) {
  980.                 #footern{width:50%!important; text-align: center!important; margin-top: 20px;}
  981.                 #footerns{width:100%!important; text-align: center!important;margin-top: 20px;}
  982.         }
  983. </style>
  984.  
  985. <div id="footer" class="bg5">
  986.     <div id="footern"><h2>Kundtjänst</h2>
  987. <p><a href="/Fragor_och_svar.php">Vanliga frågor</a><br>
  988. <a href="/kopvillkor.php">Köpvillkor</a><br>
  989. <br>
  990. Ring oss:<br>
  991. 010-10 19 160<br>
  992. <br>
  993. <a href="javascript:void(0);" onclick="olark(\'api.box.expand\')" class="black">Chatta med oss här</a><br>
  994. <br>
  995. <a href="mailto:[email protected]">[email protected]</a></p></div>  <div id="footern">
  996.  
  997. <h2>Priser </h2>
  998. <p>35x50 cm - 499 kr<br>
  999. 50x70 cm - 599 kr<br>
  1000. 70x100 cm - 849 kr<br><br>
  1001. (Träskaft och regnskydd ingår)<br><br>
  1002. <b>Frakt</b><br>
  1003. Schenker Ombud 69 kr<br>
  1004. <a href="/butiker.php">Hämta i närmaste BGA butik 0 kr</a></p>
  1005.     
  1006. </div>  <div id="footerns"><h2>Nöjda kunder</h2>
  1007.  <p>   "Var ute i sista minuten och behövde mitt studentplakat på 3 dagar. BGA Fotocenter löste det utan problem, tack!"
  1008.     <b> / Daniel S</b><br><br>
  1009.  
  1010. "Letade länge innan jag hittade en sida där jag snabbt och smidigt kunde ladda upp min bild och se hur den färdiga skylten skulle se ut. Allt fungerade bra"
  1011. <b> / Christer</b><br><br>
  1012.  
  1013. "Hade lite svårt att bestämma mig då jag tyckte många studentplakat var jättefina :) Men hittade tillslut min favorit. Supernöjd och stort tack!"
  1014. <b> / Ebba A</b></p>
  1015.      
  1016.      </div>
  1017.                        
  1018.                
  1019. </div>
  1020.  
  1021. <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=f9df360b-a7fe-489a-ac22-9425d1dbe6a3"> </script>
  1022. <script type="text/javascript">
  1023. zE(\'webWidget\', \'setLocale\', \'sv\');
  1024. window.zESettings = {
  1025.         webWidget: {
  1026.                 chat: {
  1027.                         departments: {
  1028.                                 enabled: []
  1029.                         }
  1030.                 }
  1031.         }
  1032. };
  1033. </script>
  1034. </body>
  1035. </html>';

Editor

You can edit this paste and save as new:


File Description
  • php
  • Paste Code
  • 20 Sep-2021
  • 57.4 Kb
You can Share it: