API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 17th, 2015
423
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 70.68 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. require('../config.php');
  3. $user_folder = "../user/{$_SESSION['sess_userid']}/www";
  4. ?>
  5. <!doctype html>
  6. <html class="no-js" lang="en">
  7.     <head>
  8.         <meta charset="utf-8">
  9.         <meta name="viewport" content="width=device-width,initial-scale=1">
  10.         <title>Variant HTML Builder by Medium Rare</title>
  11.         <link rel="stylesheet" href="./css/variant-icons.css">
  12.         <link rel="stylesheet" href="./css/normalize.css">
  13.         <link rel="stylesheet" href="./css/flexslider.min.css">
  14.         <link rel="stylesheet" href="./css/style.css">
  15.          <link rel="stylesheet" href="./css/animate.css">
  16.         <link rel="stylesheet" href="./css/how_it_works.css">
  17.         <link rel="stylesheet" href="./css/font-awesome.css">
  18.         <link href="http://fonts.googleapis.com/css?family=Arimo:400,700" rel="stylesheet" type="text/css">
  19.  
  20.  
  21.         <link href="./theme/css/line-icons.min.css" rel="stylesheet" type="text/css" media="all">
  22.         <link href="./theme/css/elegant-icons.min.css" rel="stylesheet" type="text/css" media="all">
  23.         <link href="./theme/css/lightbox.min.css" rel="stylesheet" type="text/css" media="all">
  24.         <link href="./theme/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
  25.         <link href="./theme/css/theme.css" rel="stylesheet" type="text/css" media="all">
  26.         <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700%7CRaleway:700" rel="stylesheet" type="text/css">
  27.        
  28.        <script src="./theme/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  29.         <style>
  30.             .background-image-holder{  transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; -moz-transform: translate3d(0px, 0px, 0px) !important; }
  31.             @media all and(max-width: 1550px){
  32.                 .flex-direction-nav a{ opacity: 0 !important; }
  33.             }
  34.             .video-wrapper video{ width: 120% !important; }
  35.         </style>
  36.  
  37.         <script>
  38.             window.user_folder = '../user/<?php echo $_SESSION['sess_userid']; ?>/www/';
  39.             window.user_img = window.user_folder + "img/";
  40.         </script>
  41.      
  42.    
  43.  
  44.     </head>
  45.     <body mrv_namespace="medium.rare.pivot" mrv_contenttarget=".main-container" mrv_navtarget=".nav-container" mrv_footertarget=".footer-container" vjv="icon-,social_">
  46.  
  47.         <div class="vhc vhq">
  48.             <div class="vhb">
  49.                 <img alt="Variant HTML Page Builder" src="./img/vlogo.png">
  50.             </div>
  51.  
  52.             <div class="vha">
  53.                 <a target="_blank" href="http://www.mediumra.re/"><img class="mrare-logo-mrv" alt="Variant HTML Page Builder" src="./img/mrare.png"></a>
  54.               <span>&copy; Copyright 2014 Medium Rare<br>All Rights Reserved</span>
  55.             </div>
  56.  
  57.             <div class="vjg"></div>
  58.         </div>
  59.  
  60.         <div class="vek">
  61.             <div class="vel">
  62.                 <ul class="slides">
  63.                     <li>
  64.                         <img alt="Feature 1" src="./img/variant-features-1.png">
  65.                         <div class="vhs vak vat">Got it, let's build!</div>
  66.                     </li>
  67.  
  68.                     <li>
  69.                         <img alt="Feature 1" src="./img/variant-features-3.png">
  70.                         <div class="vhs vak vat">Got it, let's build!</div>
  71.                     </li>
  72.  
  73.                     <li>
  74.                         <img alt="Feature 1" src="./img/variant-features-2.png">
  75.                         <div class="vhs vak vat">Got it, let's build!</div>
  76.                     </li>
  77.  
  78.                 </ul>
  79.             </div>
  80.     </div>
  81.  
  82.         <div class="vhv vba">
  83.  
  84.             <div class="vjc vjf">
  85.  
  86.                 <div class="vgw vhq">
  87.                     <i class="variant-icon variant-expand1"></i>
  88.                 </div>
  89.  
  90.                 <div class="vgx">
  91.  
  92.                     <div class="vgu">
  93.                         <span class="vei" contenteditable="true">Edit Page Title</span>
  94.                         <i class="variant-icon variant-config text-white vfp vhq"></i>
  95.                     </div>
  96.  
  97.                     <div class="vfh">
  98.  
  99.                         <div class="vho">
  100.                             <span>Navigation Style</span>
  101.                             <ul class="vfj">
  102.  
  103.                             </ul>
  104.                             <ul class="vfn">
  105.                                 <li class="vfo">No Nav</li>
  106.                             </ul>
  107.                         </div>
  108.  
  109.                         <div class="vho">
  110.                             <span>Footer Style</span>
  111.                             <ul class="vdm">
  112.  
  113.                             </ul>
  114.                             <ul class="vfk">
  115.                                 <li class="vfl">No Footer</li>
  116.                             </ul>
  117.                         </div>
  118.  
  119.                         <div class="vho vih">
  120.                             <span>Colour Scheme</span>
  121.                             <ul class="vay">
  122.  
  123.                             </ul>
  124.                         </div>
  125.  
  126.  
  127.                     </div>
  128.  
  129.                     <div class="vac">
  130.                         <i class="variant-icon variant-plus"></i>
  131.                     </div>
  132.  
  133.                     <div class="vcs">
  134.                         <span class="vcr vih"></span>
  135.                     </div>
  136.  
  137.                 </div>
  138.  
  139.                 <div class="vem">
  140.  
  141.                 </div>
  142.  
  143.                 <div class="vgz">
  144.                     <div class="vgr">
  145.                         <i class="variant-icon variant-trash vhq"></i>
  146.                         <span class="vhq">Show Trash</span>
  147.                     </div>
  148.  
  149.                     <div class="vdq">
  150.                         <i class="variant-icon variant-download vhq"></i>
  151.                         <span class="vhq">Get Source</span>
  152.                     </div>
  153.                 </div>
  154.  
  155.  
  156.  
  157.             </div>
  158.             <div class="viu">
  159.  
  160.           </div>
  161.             <div class="vfr vjq">
  162.  
  163.               <div class="vgt">
  164.                     <span class="vjl">Hello <b><?php echo htmlspecialchars($_SESSION['sess_user']); ?></b>, <span style='float:right'><a href="javascript:void(0)" onClick="$('.vhd').trigger('click');">New</a> | <a href="../../filemanager.php" target="_blank">My Files</a> | <a href="../logout.php">Log out</a></span></span>
  165.  
  166.                     <div class="vhs vgc vak">Save Page As</div>
  167.                     <div class="vhs  vak list">LIST</div>
  168.                     <div class="vhs ved vak vix">Import</div>
  169.                     <input type="file" class="vef" name="vef[]">
  170.                 </div>
  171.  
  172.                 <div class="vfw">
  173.                     <div class="list_append"></div>
  174.                     <div class="vdi vhs vaj vix">Export all as .des</div>
  175.                     <div class="vah vhs vaj vil">Zip all as .html</div>
  176.                 </div>
  177.  
  178.                 <div class="vgs vhn">
  179.                     <div class="vhs vap val">Clear Navs</div>
  180.                     <div class="vhs vao val">Clear Footers</div>
  181.                     <div class="vhs vaq val">Clear Pages</div>
  182.                     <div class="vhs van val">Clear Cache</div>
  183.                 </div>
  184.  
  185.             </div>
  186.  
  187.             <div class="vad vjq">
  188.  
  189.               <div class="vgt">
  190.                     <span class="vjl">Add Sections</span>
  191.                     <i class="variant-icon variant-close-circle vex"></i>
  192.                     <div class="vgi">
  193.                         <div class="vgh vhr" vbp="*">
  194.                             Show All
  195.                         </div>                     
  196.                     </div>
  197.                 </div>
  198.  
  199.                 <div class="vgm">
  200.  
  201.                 </div>
  202.  
  203.  
  204.             </div>
  205.  
  206.         </div>
  207.  
  208.         <div class="vaf vin vds">
  209.             <div class="vfa">
  210.                 <span class="vjl vag"></span>
  211.                 <i class="variant-icon variant-close-circle vex"></i>
  212.             </div>
  213.  
  214.             <div class="vew">
  215.                 <p class="vae">
  216.  
  217.  
  218.                 </p>
  219.             </div>
  220.             <div class="vjp">
  221.                 <div class="vhs vak vix vex">Ok</div>
  222.             </div>
  223.  
  224.         </div>
  225.  
  226.         <div class="vfc vin vds">
  227.             <div class="vfa">
  228.                 <span class="vjl">Save custom navigation</span>
  229.                 <i class="variant-icon variant-close-circle vex"></i>
  230.             </div>
  231.  
  232.             <div class="vew">
  233.               <p>
  234.                     Give this nav menu a name so that you can retrieve it from 'Navigation Styles' at any time later on.   
  235.                 </p>
  236.                 <input type="text" class="vgb vez">
  237.             </div>
  238.  
  239.             <div class="vjp">
  240.                 <div class="vhs vex val vil">Don't Save</div>
  241.                 <div class="vhs vga vak vix">Save</div>
  242.             </div>
  243.  
  244.         </div>
  245.  
  246.         <div class="vfb vin vds">
  247.             <div class="vfa">
  248.                 <span class="vjl">Save custom footer</span>
  249.                 <i class="variant-icon variant-close-circle vex"></i>
  250.             </div>
  251.  
  252.             <div class="vew">
  253.               <p>
  254.                     Give this footer a name so that you can retrieve it from 'Footer Styles' at any time later on. 
  255.                 </p>
  256.                 <input type="text" class="vfz vez">
  257.             </div>
  258.  
  259.             <div class="vjp">
  260.                 <div class="vhs vex val vil">Don't Save</div>
  261.                 <div class="vhs vfy vak vix">Save</div>
  262.             </div>
  263.  
  264.         </div>
  265.  
  266.         <div class="vge vin vds">
  267.             <div class="vfa">
  268.                 <span class="vjl">Save current page</span>
  269.                 <i class="variant-icon variant-close-circle vex"></i>
  270.             </div>
  271.  
  272.             <div class="vew">
  273.               <p>
  274.                     Name and save the current page for later use.
  275.                 </p>
  276.                 <input type="text" class="vgf vez">
  277.             </div>
  278.  
  279.             <div class="vjp">
  280.                 <div class="vhs vex val vil">Don't Save</div>
  281.                 <div class="vhs vgd vak vix">Save</div>
  282.             </div>
  283.  
  284.         </div>
  285.  
  286.         <div class="vcw vin vds">
  287.             <div class="vfa">
  288.                 <span class="vjl">Edit Link </span><span class="vcq"></span>
  289.                 <i class="variant-icon variant-close-circle vex"></i>
  290.             </div>
  291.  
  292.             <div class="vew">
  293.               <div class="vej vgp">
  294.                     <span>Inner link:</span>
  295.                     <select class="veh vja">
  296.                         <option value="">Select</option>
  297.                     </select>
  298.                 </div>
  299.                 <div class="vej">
  300.                     <span>Edit link href:</span>
  301.                     <input type="text" class="vcu vez">
  302.                     <input type="text" class="vcv vez vih">
  303.                 </div>
  304.                 <div class="vej">
  305.                     <span>Open in:</span>
  306.                     <select class="vcy vja">
  307.                         <option class="vcz veq" value="default">Default</option>
  308.                         <option class="vcz vep" value="_blank">New Tab</option>
  309.                         <option class="vcz ver" value="_self">Own Tab</option>
  310.                     </select>
  311.                 </div>
  312.             </div>
  313.  
  314.             <div class="vjp">
  315.                 <div class="vhs vex val vil">Don't Save</div>
  316.                 <div class="vhs vcx vak vix">Save</div>
  317.             </div>
  318.  
  319.         </div>
  320.  
  321.         <div class="vcl vin vdo">
  322.             <div class="vfa">
  323.                 <span class="vjl">Edit Image</span>
  324.                 <i class="variant-icon variant-close-circle vex"></i>
  325.             </div>
  326.  
  327.             <div class="vew">
  328.             <div class="vhs vhp vaj vil">Toggle Chooser</div>
  329.                 <a class="vhs vak" alt="IF you have added new image in file manager www/img folder,and you dont find them here, then press reload button to bring them here" href="?">Reload Page (if you uploaded some new images)</a>
  330.                 <div class="vea">
  331.                     <div class="vey">
  332.                         <input type="text" placeholder="Image 'src' value" class="vco vez">
  333.                         <input type="text" placeholder="Image 'alt' value" class="vcf vez">
  334.                         <input class="vck vih" type="text">
  335.                     </div>
  336.  
  337.                     <div class="vey">
  338.                         <div class="vcm">
  339.                             <img alt="Edit Image" src="" class="vcp">
  340.                             <span class="veb">1280x800</span>
  341.                         </div>
  342.                     </div>
  343.  
  344.                     <div class="vjp">
  345.                         <div class="vhs vex val vil">Don't Save</div>
  346.                         <div class="vhs vcn vak vix">Save</div>
  347.                     </div>
  348.                 </div>
  349.  
  350.                 <div class="vdz vih" vbv="<?php echo htmlspecialchars(implode(",",array_filter(scandir("../user/".$_SESSION['sess_userid']."/www/img"),function($item){return !is_dir("../user/".$_SESSION['sess_userid']."/www/img/$item");}))); ?>">
  351.                     <input type="file" class="vch" name="vci[]" multiple="multiple">
  352.                     <div class="vdx">
  353.                     </div>
  354.                 </div>
  355.             </div>
  356.  
  357.         </div>
  358.  
  359.         <div class="vde vin vdo">
  360.             <div class="vfa">
  361.                 <span class="vjl">Edit Video Source</span>
  362.                 <i class="variant-icon variant-close-circle vex"></i>
  363.             </div>
  364.  
  365.             <div class="vew">
  366.               <div class="vej">
  367.                     <span>Edit MP4 Source:</span>
  368.                     <input type="text" class="vda vez">
  369.                 </div>
  370.  
  371.                 <div class="vej">
  372.                     <span>Edit WEBM Source:</span>
  373.                     <input type="text" class="vdg vez">
  374.                 </div>
  375.  
  376.                 <div class="vej">
  377.                     <span>Edit OGV Source:</span>
  378.                     <input type="text" class="vdb vez">
  379.                     <input class="vih vdd" type="text">
  380.  
  381.                 </div>
  382.             </div>
  383.             <div class="vjp">
  384.                 <div class="vhs vex val vil">Don't Save</div>
  385.                 <div class="vhs vdf vak vix">Save</div>
  386.             </div>
  387.  
  388.         </div>
  389.  
  390.         <div class="vcd vin vdo">
  391.             <div class="vfa">
  392.                 <span class="vjl">Edit Icon</span>
  393.                 <i class="variant-icon variant-close-circle vex"></i>
  394.             </div>
  395.  
  396.             <div class="vew">
  397.                 <div class="vce" vai="icon-mobile,icon-laptop,icon-desktop,icon-tablet,icon-phone,icon-document,icon-documents,icon-search,icon-clipboard,icon-newspaper,icon-notebook,icon-book-open,icon-browser,icon-calendar,icon-presentation,icon-picture,icon-pictures,icon-video,icon-camera,icon-printer,icon-toolbox,icon-briefcase,icon-wallet,icon-gift,icon-bargraph,icon-grid,icon-expand,icon-focus,icon-edit,icon-adjustments,icon-ribbon,icon-hourglass,icon-lock,icon-megaphone,icon-shield,icon-trophy,icon-flag,icon-map,icon-puzzle,icon-basket,icon-envelope,icon-streetsign,icon-telescope,icon-gears,icon-key,icon-paperclip,icon-attachment,icon-pricetags,icon-lightbulb,icon-layers,icon-pencil,icon-tools,icon-tools-2,icon-scissors,icon-paintbrush,icon-magnifying-glass,icon-circle-compass,icon-linegraph,icon-mic,icon-strategy,icon-beaker,icon-caution,icon-recycle,icon-anchor,icon-profile-male,icon-profile-female,icon-bike,icon-wine,icon-hotairballoon,icon-globe,icon-genius,icon-map-pin,icon-dial,icon-chat,icon-heart,icon-cloud,icon-upload,icon-download,icon-target,icon-hazardous,icon-piechart,icon-speedometer,icon-global,icon-compass,icon-lifesaver,icon-clock,icon-aperture,icon-quote,icon-scope,icon-alarmclock,icon-refresh,icon-happy,icon-sad,icon-facebook,icon-twitter,icon-googleplus,icon-rss,icon-tumblr,icon-linkedin,icon-dribbble,social_facebook,social_twitter,social_linkedin,social_googleplus,social_instagram,social_dribbble,social_vimeo,social_wordpress,social_tumblr,social_tumbleupon,social_pinterest,social_linkedin,social_youtube,social_picassa,social_skype,social_spotify">
  398.  
  399.                 </div>
  400.             </div>
  401.  
  402.             <div class="vjp">
  403.                 <input id="vgo" class="vih" type="text">
  404.                 <div class="vhs vex vcc vak vix">Done</div>
  405.             </div>
  406.  
  407.         </div>
  408.         <div class="saving">
  409.            
  410.         </div>
  411.         <div class="vdr vin vdo">
  412.             <div class="vfa">
  413.                 <span class="vjl">HTML Source Code</span>
  414.                 <i class="variant-icon variant-close-circle vex"></i>
  415.             </div>
  416.  
  417.             <div class="vew">
  418.               <div class="vft">
  419.                     <textarea class="vfu" cols="256" readonly="readonly" wrap="soft">
  420.                     </textarea>
  421.                 </div>
  422.             </div>
  423.  
  424.             <div class="vjp">
  425.                 <div class="vhs vgn vaj vil">Select All</div>
  426.                 <div class="vhs vgy vaj vil">Save HTML file</div>
  427.                 <div class="vhs vex vak vix">Done</div>
  428.             </div>
  429.  
  430.         </div>
  431.  
  432.         <div class="vbi vin vdo">
  433.             <div class="vfa">
  434.                 <span class="vjl vbk"> </span>
  435.                 <i class="variant-icon variant-close-circle vex"></i>
  436.             </div>
  437.  
  438.             <div class="vew vbd">
  439.             <p class="vbh"></p>
  440.  
  441.                 <div class="vej">
  442.                     <span class="vbf"> </span>
  443.                     <input type="text" class="vbg vez">
  444.                     <input type="text" class="vbe vih">
  445.                     <input type="text" class="vbc vih">
  446.                 </div>
  447.             </div>
  448.  
  449.             <div class="vjp">
  450.                 <div class="vhs vex val vil">Don't Save</div>
  451.                 <div class="vhs vbj vak vix">Save</div>
  452.             </div>
  453.  
  454.         </div>
  455.  
  456.  
  457.         <div class="vhm">
  458.             <div class="vet vih vhe"><span>Load Previous Page</span></div>
  459.             <div class="vhd vih vhe"><span>Start New Page</span></div>
  460.         </div>
  461.  
  462.  
  463.  
  464.         <div class="vhw vjr">
  465.         <div class="vau">element type</div>
  466.             <div class="vgk vih vaw vav vfq"></div>
  467.             <div class="vdh vih vaw vav vfq"></div>
  468.             <div class="vct vih vaw vav vfq">Edit Link</div>
  469.             <div class="vcg vih vaw vav vfq">Edit Image</div>
  470.             <div class="vdc vih vaw vav vfq">Edit Video Source</div>
  471.             <div class="vcc vih vaw vav vfq">Choose Icon</div>
  472.             <div class="veg vih vaw vav vfq">Increase Column Width<div class="vix">&nbsp;&nbsp;&nbsp;&nbsp;]&nbsp;&nbsp;&nbsp;</div></div>
  473.             <div class="vbt vih vaw vav vfq">Decrease Column Width<div class="vix">&nbsp;&nbsp;&nbsp;&nbsp;[&nbsp;&nbsp;&nbsp;</div></div>
  474.             <div class="vas vih vaw vav vfq">Clone Whole Slide</div>
  475.             <div class="vcb vih vaw vav vfq">Delete Whole Slide</div>
  476.             <div class="vfe">
  477.  
  478.             </div>
  479.             <div class="var vaw vav">Clone</div>
  480.             <div class="vbw vaw vav">Remove</div>
  481.         </div>
  482.  
  483.    
  484.         <div id="vgg" class="vih">
  485.        
  486.         <section id="header_section" class="vim" vbs="image-mrv" vbp="header" vbr="Header">
  487.      
  488.      
  489.             <section class="hero-slider">
  490.            
  491.                                                        
  492.                                                                 <style>
  493.                                                                 #fosterLI_1
  494.                                                                 {box-sizing: border-box;
  495.     color: rgb(255, 255, 255);
  496.    
  497.     font-size:40px;
  498.     position: relative;
  499.     text-align: center;
  500.     text-decoration: none solid rgb(255, 255, 255);
  501.     text-transform: uppercase;
  502.    margin:0 auto;
  503.      perspective-origin: 570px 50px;
  504.     transform-origin: 570px 50px;
  505.     border: 0px none rgb(255, 255, 255);
  506.     font: normal normal  bebasneueregular, Helvetica, Arial, sans-serif;
  507.     list-style: none outside none;
  508.     outline: rgb(255, 255, 255) none 0px;
  509.                                                                     }
  510.                                                                    
  511.         #fosterSPAN_2 {
  512.              box-sizing: border-box;
  513.     color: rgb(255, 214, 0);
  514.     text-align: center;
  515.     text-decoration: none solid rgb(255, 214, 0);
  516.     text-transform: uppercase;
  517.     border: 0px none rgb(255, 214, 0);
  518.     font: normal normal  bebasneueregular, Helvetica, Arial, sans-serif;
  519.     list-style: none outside none;
  520.     outline: rgb(255, 214, 0) none 0px;}                                                       
  521.                                          
  522.                                          .topsee{
  523.                                              margin-top:250px;}                      
  524.                                                                 </style>
  525.                
  526.                     <ul class="slides">
  527.                         <li class="background-image-holder parallax-background">
  528.                             <img alt="Slider Background" class="background-image" src="<?php echo $user_folder;?>/img/hero1.jpg">
  529.                             <div class=""></div>
  530.                             <div class="row slide-content animate topsee">
  531.                                 <div class="slidrtxt">
  532.                             <h1 class="text-white"><span class="bdr">Get ready</span> new template Pivot, You will be awed.</h1>
  533.                             <p>Short Description Get ready for the launch of our amazing new template Pivot, You will be awed.</p>
  534.                         <div class="slidrbtn">  <a target="_blank" href="#" class="btn yellowbtn">Customize Pivot</a>
  535.                             <a href="#" class="btn yellowbtn">Purchase Pivot</a></div>
  536.                         </div>
  537.                             </div>
  538.                         </li>
  539.                        
  540.                         <li class="background-image-holder parallax-background">
  541.                             <img alt="Slider Background" class="background-image" src="<?php echo $user_folder;?>/img/hero2.jpg">
  542.                             <div class=""></div>
  543.                             <div class="row slide-content animate topsee" >
  544.                                 <div class="slidrtxt">
  545.                             <h1 class="text-white"><span class="bdr">Get ready</span> new template Pivot, You will be awed.</h1>
  546.                             <p>Short Description Get ready for the launch of our amazing new template Pivot, You will be awed.</p>
  547.                         <div class="slidrbtn">  <a target="_blank" href="#" class="btn yellowbtn">Customize Pivot</a>
  548.                             <a href="#" class="btn yellowbtn">Purchase Pivot</a></div>
  549.                         </div>
  550.                             </div>
  551.                         </li>
  552.                     </ul>
  553.                    
  554.            
  555.                 </section>
  556.                
  557.    
  558.     </section>
  559.        
  560.        
  561.        
  562.            
  563. <!--<section id="header_section" class="vim" vbs="image-mrv" vbp="header" vbr="Header" icons="new">
  564.     <section class="hero-slider">
  565.         <ul class="slides">
  566.             <li class="overlay hover-background">
  567.                 <div class="background-image-holder">
  568.                     <img class="background-image" alt="Background Image" src="<?php echo $user_folder;?>/img/hero1.jpg">
  569.                 </div>
  570.                
  571.                 <div class="foreground-image-holder layer-1">
  572.                     <img class="background-image" alt="Background Image" src="<?php echo $user_folder;?>/img/layer2.png">
  573.                 </div>
  574.                
  575.                 <div class="foreground-image-holder layer-2">
  576.                     <img class="background-image" alt="Background Image" src="<?php echo $user_folder;?>/img/layer3.png">
  577.                 </div>
  578.                
  579.                 <div class="container align-vertical">
  580.                     <div class="">
  581.                         <div class="slidrtxt">
  582.                             <h1 class="text-white"><span class="bdr">Get ready</span> for the launch of our amazing new template Pivot</h1>
  583.                           <p>Short Description Get ready for the launch of our amazing new template Pivot, You will be awed.</p>
  584.                             <div class="slidrbtn">
  585.                               <blockquote>
  586.                                 <p><a target="_blank" href="#" class="btn yellowbtn">Customize Pivot</a>
  587.                                   <a href="#" class="btn yellowbtn">Purchase Pivot</a>
  588.                                 </p>
  589.                               </blockquote>
  590.                           </div>
  591.                     </div>
  592.                 </div>
  593.                </div>
  594.             </li>
  595.            
  596.             <li class="overlay">
  597.           <div class="background-image-holder parallax-background">
  598.                     <img class="background-image" alt="Background Image" src="<?php echo $user_folder;?>/img/hero2.jpg">
  599.                 </div>
  600.                
  601.                 <div class="container align-vertical">
  602.                     <div class="">
  603.                         <div class="slidrtxt">
  604.                             <h1 class="text-white"><span class="bdr">Get ready</span> new template Pivot, You will be awed.</h1>
  605.                            <p>Short Description Get ready for the launch of our amazing new template Pivot, You will be awed.</p>
  606.                         <div class="slidrbtn">  <a target="_blank" href="#" class="btn yellowbtn">Customize Pivot</a>
  607.                             <a href="#" class="btn yellowbtn">Purchase Pivot</a></div>
  608.                         </div>
  609.                     </div>
  610.                 </div>
  611.             </li>
  612.         </ul>
  613.     </section>
  614. </section>-->
  615.  
  616.  
  617.  
  618.  
  619. <section id="about_section" class="vim" vbs="image-mrv" vbp="text" vbr="About Section">
  620.                 <section class="midsection"><div class="txtcontainer">
  621.                     <h1 class="about">BUZZ</h1><h2 class="subtitle" style="color:#E46666;">Creative Agency<br /> <img src="<?php echo $user_folder;?>/img/hrline.jpg" alt="Services" class="bounceInDown"/></h2> <br /> <h3 class="about-h3">What Makes Us Differnet<br /> <img src="<?php echo $user_folder;?>/img/line1.png" class="titleimg bounceInDown"/></h3>
  622.  
  623. <p class="about_txt">Pellentesque habitant morbi tristique senectus netus malesuada fames turpis egestas. Mauris molestie magna. Cras tempus dolor nec magna
  624. accumsan tempus. Lorem ipsum dolor slit amet consectetuer adipiscing elit. Nam dui rhoncus tempus aliquam pretium, rutrum vel tellus. Duis eget pede vitae nunc
  625. vehicula pharetra. Maecenas elementum. Fusce malesuada gravida tellus. Donec vitae massa.</p>
  626.  
  627. <div class="aboutbtndiv"><a href="#" class="btn1">Meet Our Team</a> <a href="#" class="btn2">Learn More</a></div>
  628.             </div>  </section>
  629.              </section>
  630.          
  631.            
  632.            
  633.             <section id="how_it_work" class="vim" vbs="image-mrv" vbp="text" vbr="How It Works">
  634.                  <section class="midsection"><div class="txtcontainer">
  635.            <h2 class="subtitle">STEPS WE FOLLOW</h2><h1 class="maintitle" style="color:#444;">How it Works<br /> <img src="<?php echo $user_folder;?>/img/line3.png" alt="How It Works" class="titleimg bounceInDown"/></h1>
  636.            
  637.            <div class="row how_it_work_block">
  638.                     <div class="col-sm-6">
  639.                             <img class="background-image" alt="Attica Image" src="<?php echo $user_folder;?>/img/service_01.png">
  640.                         </div>
  641.                         <div class="col-sm-6">
  642.                          <h3 class="shottitle" style="color:#A061DC;"><b>Design</b></h3><br>
  643.                             <p class="txt">
  644.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio, mollis. Lorem ipsum dolor sit amet, consectetur
  645.                             </p>               
  646.                            
  647.                         </div>
  648.                         </div>
  649.                        
  650.                        
  651.            
  652.  
  653.  <div class="row how_it_work_block">
  654.                    
  655.                         <div class="col-sm-6">
  656.                         <h3 class="shottitle" style="color:#1BBC9B;"><b>Develop</b></h3><br>
  657.                             <p class="txt">
  658.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio, mollis. Lorem ipsum dolor sit amet, consectetur
  659.                             </p>                           
  660.                            
  661.                         </div>
  662.                        
  663.                         <div class="col-sm-6">
  664.                             <img class="background-image" alt="Attica Image" src="<?php echo $user_folder;?>/img/service_02.png">
  665.                         </div>
  666.                         </div>
  667.                        
  668.                          <div class="row how_it_work_block">
  669.                     <div class="col-sm-6">
  670.                             <img class="background-image" alt="Attica Image" src="<?php echo $user_folder;?>/img/service_03.png">
  671.                         </div>
  672.                         <div class="col-sm-6">
  673.                         <h3 class="shottitle" style="color:#E35421;"><b>Process</b></h3><br>
  674.                             <p class="txt">
  675.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio, mollis. Lorem ipsum dolor sit amet, consectetur
  676.                             </p>                           
  677.                            
  678.                         </div>
  679.                         </div>
  680.                          
  681.   </div>  </section>
  682.              </section>
  683.              
  684.              
  685.              
  686.              <section id="pricing_section" class="vim" vbs="image-mrv" vbp="text" vbr="Pricing">
  687.                  <section class="midsection"><div class="bggreen"><div class="txtcontainer">
  688.                    <h2 class="subtitle">For Everyone</h2>  <h1 class="maintitle">EASY PRICING<br /> <img src="<?php echo $user_folder;?>/img/line2.png" class="titleimg bounceInDown"/></h1>
  689.  
  690. <div class="price_tab"><h2><i class="fa fa-stack-overflow"></i></h2> <h3 class="tag">Basic<br><span>$25</span></h3>
  691. <p>Unlimited Access<br>   10 GB Storage<br>  100 Cups of Coffee FREE<br> 2 Months Support<br><br> <a href="#" class="pricbtn">I Like It</a></p> </div>
  692.  
  693. <div class="price_tab tab2" style="background-image:url(img/pric_tag.png); background-position:left top; background-repeat:no-repeat;"><h2><i class="fa fa-th-list"></i></h2> <h3 class="tag">Standard<br><span>$50</span></h3>
  694. <p>Unlimited Access<br>   10 GB Storage<br>  100 Cups of Coffee FREE<br> 2 Months Support<br><br> <a href="#" class="pricbtn">I Like It</a></p> </div>
  695.  
  696. <div class="price_tab"><h2><i class="fa fa-crosshairs"></i></h2> <h3 class="tag">Premium<br><span>$75</span></h3>
  697. <p>Unlimited Access<br>   10 GB Storage<br>  100 Cups of Coffee FREE<br> 2 Months Support<br><br> <a href="#" class="pricbtn">I Like It</a></p> </div>
  698.  
  699.  
  700.           </div>  </div>  </section>
  701.              </section>
  702.  
  703.  
  704. <section id="variant-recent-projects-1" class="vim" vbs="text-mrv" vbp="image,gallery" vbr="Blog">
  705.                 <section class="midsection">
  706. <div class="txtcontainer">
  707.                   <h2 class="subtitle">Articles</h2>  <h1 class="maintitle">Bloging<br /> <img src="<?php echo $user_folder;?>/img/line3.png" class="titleimg bounceInDown"/></h1>
  708.                  </div>
  709.  
  710.                  <div class="projects-wrapper clearfix">
  711.  
  712.                         <div class="projects-container">
  713.  
  714.                             <div class="col-md-4 col-sm-6 no-pad project print image-holder">
  715.                                 <div class="background-image-holder">
  716.                                     <img class="background-image" alt="Background Image" src="../user/35/www/img/project1.jpg">
  717.                                 </div>
  718.                                 <div class="hover-state">
  719.                                     <div class="align-vertical">
  720.                                         <h3 class="text-white"><strong>Identity</strong> Mockup</h3>
  721.                                         <p class="text-white">
  722.                                             Showcase your new identity with<br>this sleek mockup.
  723.                                         </p>
  724.                                         <a href="project-single.html" class="btn btn-primary btn-white">See Project</a>
  725.                                     </div>
  726.                                 </div>
  727.                             </div>
  728.  
  729.                             <div class="col-md-4 col-sm-6 no-pad project branding image-holder">
  730.                                 <div class="background-image-holder">
  731.                                     <img class="background-image" alt="Background Image" src="../user/35/www/img/project4.jpg">
  732.                                 </div>
  733.                                 <div class="hover-state">
  734.                                     <div class="align-vertical">
  735.                                         <h3 class="text-white"><strong>Aurora</strong> Icon Kit</h3>
  736.                                         <p class="text-white">
  737.                                             A fresh and circular take on Apple's<br>iconic home screen.
  738.                                         </p>
  739.                                         <a href="project-single.html" class="btn btn-primary btn-white">See Project</a>
  740.                                     </div>
  741.                                 </div>
  742.                             </div>
  743.  
  744.                             <div class="col-md-4 col-sm-6 no-pad project print image-holder">
  745.                                 <div class="background-image-holder">
  746.                                     <img class="background-image" alt="Background Image" src="../user/35/www/img/project6.jpg">
  747.                                 </div>
  748.                                 <div class="hover-state">
  749.                                     <div class="align-vertical">
  750.                                         <h3 class="text-white"><strong>Sketchbook</strong> Logos</h3>
  751.                                         <p class="text-white">
  752.                                             Present your hand-drawn logos on this<br>realistic sketchbook mockup.
  753.                                         </p>
  754.                                         <a href="project-single.html" class="btn btn-primary btn-white">See Project</a>
  755.                                     </div>
  756.                                 </div>
  757.                             </div>
  758.  
  759.                         </div>
  760.  
  761.                     </div>
  762.  
  763.              </section>
  764.             </section>
  765.              
  766.              
  767.              
  768.              
  769.              <section id="case_studies" class="vim" vbs="image-mrv" vbp="text" vbr="Case Studies">
  770.                 <section class="midsection"><div class="txtcontainer">
  771.                     <h2 class="subtitle">Featured</h2> <h1 class="maintitle">CASE STUDIES<br /> <img src="<?php echo $user_folder;?>/img/line1.png" class="titleimg bounceInDown"/></h1>
  772.      <div class="sliddiv">
  773.      <div class="image-slider image-gallery">
  774.                                     <ul class="slides">
  775.                                         <li><img alt="Image Slider Image" src="<?php echo $user_folder;?>/img/mini_slider_01.jpg"></li>
  776.                                         <li><img alt="Image Slider Image" src="<?php echo $user_folder;?>/img/mini_slider_02.jpg"></li>
  777.                                     </ul>
  778.                                 </div>
  779.  
  780. </div>
  781.                    
  782.  <div class="slidtxt">
  783.  <h3 class="shottitle"><b>Litra Web Design</b></h3><br>
  784. <p class="about_txt">Pellentesque habitant morbi tristique senectus netus malesuada fames turpis egestas. Mauris molestie magna. Cras tempus dolor nec magna
  785. accumsan tempus. Lorem ipsum dolor slit amet consectetuer adipiscing elit. Nam dui rhoncus tempus aliquam pretium, rutrum vel tellus. Duis eget pede vitae nunc
  786. vehicula pharetra. Maecenas elementum. Fusce malesuada gravida tellus. Donec vitae massa.
  787. <br>
  788. <br>
  789. <i class="fa fa-caret-right"></i> Aliquam erat volutpat mattis.<br>
  790. <i class="fa fa-caret-right"></i> Donec pharetra porttitor metus<br>
  791. <i class="fa fa-caret-right"></i> Aliquam erat volutpat mattis.<br>
  792. <i class="fa fa-caret-right"></i> Donec pharetra porttitor metus
  793. </p>
  794. </div>
  795. </div>            
  796.  </section>
  797.              </section>
  798.              
  799.               <section id="support_section" class="vim" vbs="image-mrv" vbp="page" vbr="Support">
  800.                       <section class="midsection">
  801.                       <div class="rdbgtop"> <img src="<?php echo $user_folder;?>/img/rd-top.jpg" class="titleimg bounceInDown"/></div>
  802.                       <div class="rdbg">
  803.                        
  804.                        <div class="txtcontainer">     <div class="col-md-12">
  805.                     <div id="testimonials">
  806.                         <div id="testimonial1" class="testimonial active">
  807.                             <div class="title-wrapper text-center">
  808.                                  <h2 class="subtitle">MOBILE OPTIMIZED</h2>
  809.                                 <h1 class="maintitle">Responsive & Retina</h1>
  810.                            </div><!-- end title-wrapper -->    
  811.                            <p>Cras tempus dolor nec magna accumsan tempus. Lorem ipsum dolor slit amet consectetuer adipiscing elit.<br> Nam dui rhoncus. Proin risus tellus, bibendum sed volutpat sit amet ultrices vitae ante.</p>
  812.                        </div>
  813.  
  814.                        <div id="testimonial2" class="testimonial">
  815.                            <div class="title-wrapper text-center">
  816.                                <h2 class="subtitle">LIMITLESS COLOR</h2>
  817.                                <h1 class="maintitle">Build Your Own Schemes</h1>
  818.                            </div><!-- end title-wrapper -->    
  819.                            <p>Cras tempus dolor nec magna accumsan tempus. Lorem ipsum dolor slit amet consectetuer adipiscing elit.<br> Nam dui rhoncus. Proin risus tellus, bibendum sed volutpat sit amet ultrices vitae ante.</p>
  820.                        </div>
  821.                        
  822.                        <div id="testimonial3" class="testimonial">
  823.                            <div class="title-wrapper text-center">
  824.                                 <h2 class="subtitle">Detailed Docs</h2>
  825.                                 <h1 class="maintitle">Useful for Beginners</h1>
  826.                            </div><!-- end title-wrapper -->    
  827.                            <p>Cras tempus dolor nec magna accumsan tempus. Lorem ipsum dolor slit amet consectetuer adipiscing elit.<br> Nam dui rhoncus. Proin risus tellus, bibendum sed volutpat sit amet ultrices vitae ante.</p>
  828.                        </div>
  829.                        
  830.                        <div id="testimonial4" class="testimonial">
  831.                            <div class="title-wrapper text-center">
  832.                                <h2 class="subtitle">Support Help</h2>
  833.                                <h1 class="maintitle">Ask Questions 24/7</h1>
  834.                            </div><!-- end title-wrapper -->    
  835.                            <p>Cras tempus dolor nec magna accumsan tempus. Lorem ipsum dolor slit amet consectetuer adipiscing elit.<br> Nam dui rhoncus. Proin risus tellus, bibendum sed volutpat sit amet ultrices vitae ante.</p>
  836.                        </div>
  837.                        
  838.                        <div id="testimonial5" class="testimonial">
  839.                            <div class="title-wrapper text-center">
  840.                                <h2 class="subtitle">ONEPAGE & MULTIPAGE</h2>
  841.                                <h1 class="maintitle">Next Generation Item</h1>
  842.                            </div><!-- end title-wrapper -->    
  843.                            <p>Cras tempus dolor nec magna accumsan tempus. Lorem ipsum dolor slit amet consectetuer adipiscing elit.<br> Nam dui rhoncus. Proin risus tellus, bibendum sed volutpat sit amet ultrices vitae ante.</p>
  844.                        </div>
  845.  
  846.                        <div id="testimonial6" class="testimonial">
  847.                            <div class="title-wrapper text-center">
  848.                                 <h2 class="subtitle">POWERFUL DESIGN ELEMENTS</h2>
  849.                                <h1 class="maintitle">What You want More?</h1>
  850.                            </div><!-- end title-wrapper -->    
  851.                            <p>Cras tempus dolor nec magna accumsan tempus. Lorem ipsum dolor slit amet consectetuer adipiscing elit.<br> Nam dui rhoncus. Proin risus tellus, bibendum sed volutpat sit amet ultrices vitae ante.</p>
  852.                        </div>
  853.                        
  854.                        <div class="clearfix"></div>
  855.                        
  856.                        <div class="testimonial-nav-wrapper row clearfix">
  857.                            <ul class="testimonial-nav">
  858.                                <li class="orange1 col-md-2 col-sm-4 col-xs-6 wow bounceInUp" data-effect="slide-bottom"><a href="#testimonial1"><i class="icon-mobile"></i></a></li>
  859.                                <li class="orange2 col-md-2 col-sm-4 col-xs-6 wow bounceInUp" data-effect="slide-bottom"><a href="#testimonial2"><i class="icon-newspaper"></i></a></li>
  860.                                <li class="orange3 col-md-2 col-sm-4 col-xs-6 wow bounceInUp" data-effect="slide-bottom"><a href="#testimonial3"><i class="icon-picture"></i></a></li>
  861.                                <li class="orange1 col-md-2 col-sm-4 col-xs-6 wow bounceInUp" data-effect="slide-bottom"><a href="#testimonial4"><i class="icon-presentation"></i></a></li>
  862.                                <li class="orange2 col-md-2 col-sm-4 col-xs-6 wow bounceInUp" data-effect="slide-bottom"><a href="#testimonial5"><i class="icon-browser"></i></a></li>
  863.                                <li class="orange3 col-md-2 col-sm-4 col-xs-6 wow bounceInUp" data-effect="slide-bottom"><a href="#testimonial6"><i class="icon-envelope"></i></a></li>
  864.                            </ul>
  865.                        </div><!-- end testimonials nav wrapper -->
  866.                    </div><!-- end testimonials -->
  867.                 </div>
  868.                </div>
  869.                
  870.                     <div class="rdbgbtm"> <img src="<?php echo $user_folder;?>/img/rd-btm.jpg" class="titleimg bounceInDown"/></div>
  871.                     </div>
  872.             </section></section>
  873.            
  874.             <section id="white_strip" class="vim" vbs="image-mrv" vbp="page" vbr="Whitestrip">
  875.                       <section class="midsection"><div class="whtbg">
  876.                       <br>
  877.                         </div>
  878.                 </section>
  879.             </section> 
  880.              
  881.              <section id="contact_24" class="vim" vbs="image-mrv" vbp="page" vbr="Contact 24x7">
  882.                       <section class="midsection"><div class="yelowbg">
  883.                        
  884.                             <div class="col-sm-12 text-center">
  885.                                 <h1 class="maintitle campas"><i class="icon icon-compass"></i></h1>
  886.                                 <h2 class="subtitle">We are accepting clients and we work with clients globally.</h2>
  887.                                 <h1 class="maintitle" style="margin-bottom:20px;">Melbourne, Australia</h1>
  888.                                 <br>
  889.                                 <a href="#" class="btn1">Contact Us</a>
  890.                          
  891.                     </div></div>
  892.                 </section>
  893.             </section> 
  894.              
  895.                          
  896.             <section id="map_section" class="vim" vbs="image-mrv" vbp="text" vbr="Map">
  897.                  <section class="midsection"><div class="map">
  898.                   <iframe width="100%" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Canada&amp;aq=&amp;sll=21.125498,81.914063&amp;sspn=29.832598,53.569336&amp;ie=UTF8&amp;hq=&amp;hnear=Canada&amp;t=m&amp;z=3&amp;ll=56.130366,-106.346771&amp;output=embed"></iframe><br /><small><a href="https://maps.google.co.in/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Canada&amp;aq=&amp;sll=21.125498,81.914063&amp;sspn=29.832598,53.569336&amp;ie=UTF8&amp;hq=&amp;hnear=Canada&amp;t=m&amp;z=3&amp;ll=56.130366,-106.346771" style="color:#0000FF;text-align:left">View Larger Map</a></small>
  899.               </div>  </section>
  900.              </section>
  901.            
  902.            
  903.            
  904.             <section id="contact_section" class="vim" vbs="image-mrv" vbp="text" vbr="Contact Us">
  905.                  <section class="midsection"><div class="bgblue"><div class="txtcontainer">
  906.                    <h2 class="subtitle">WE CAN HELP YOU</h2>  <h1 class="maintitle">Contact Us<br /> <img src="<?php echo $user_folder;?>/img/line2.png" class="titleimg bounceInDown"/></h1>
  907.  
  908. <form method="post" action="" id="contact" name="contact" class="contactform" novalidate="novalidate">
  909. <input name="name" id="name" type="text" placeholder="Name"><input name="email" id="email" type="text"  placeholder="Email">
  910. <input name="phone" id="phone" type="text" placeholder="Phone"><input name="subject" id="subject" type="text" placeholder="Subject">
  911. <textarea name="message" id="message" cols="" rows="2" placeholder="Message"></textarea> <input name="submit" type="submit" value="SUBMIT" class="submit">
  912. </form>
  913. <style type="text/css">
  914. #success, #error {
  915.     display:none
  916. }
  917. #success span, #error span {
  918.     display:block;
  919.  
  920.     width:100%
  921. }
  922. #success span p, #error span p {
  923.     text-align:center;
  924. }
  925. #success span {
  926.     color:#fff; font-size:15px; text-transform:uppercase;
  927. }
  928. #error span p {
  929.      color:#f00;
  930. }  
  931. </style>
  932. <div id="success">
  933.     <span class="textcenter">
  934.         <p>Your message was sent successfully! I will be in touch as soon as I can.</p>
  935.     </span>
  936. </div>
  937.  
  938. <div id="error">
  939.     <span>
  940.         Something went wrong, try refreshing and submitting the form again.
  941.     </span>
  942. </div>
  943.  
  944.                     <ul class="contact-icons">
  945.                         <li><a href="#"><i class="fa fa-map-marker"></i>    <p>38 Banana Street, Hollywood, FL 33026</p></a></li>  
  946.                         <li><a href="#"><i class="fa fa-envelope"></i>  <p>support@domain.net</p></a></li>
  947.                         <li><a href="#"><i class="fa fa-phone"></i> <p>+ 0800 123 5557</p></a></li>
  948.                     </ul>    
  949.           </div>  </div>  </section>
  950.              </section>
  951.              
  952.              
  953.              <section id="follow_us" class="vim" vbs="image-mrv" vbp="page" vbr="Follow">
  954.                       <section class="midsection"><div class="darkblu">
  955.                        
  956.                             <div class="col-sm-12 text-center">
  957.                                 <p class="followlogo"><img class="logo logo-dark" alt="Logo" src="<?php echo $user_folder;?>/img/logo-dark.png"></p>
  958.                              
  959.                                 <h2 class="subtitle white">CREATIVE AGENCY</h2><br><br>
  960.                                 <p class="folowlinks"><a href="#"><i class="fa fa-facebook"></i></a> &nbsp; <a href="#"><a href="#"><i class="fa fa-twitter"></i></a>
  961.                                 &nbsp; <a href="#"><a href="#"><i class="fa fa-linkedin"></i></a> &nbsp; <a href="#"><a href="#"><i class="fa fa-youtube"></i></a></p>
  962.  
  963.                                 <h2 class="subtitle white">© 2015 ALL RIGHTS RESERVED.</h2>
  964.        
  965.                          
  966.                     </div></div>
  967.                 </section>
  968.             </section> 
  969.    
  970.              
  971.              
  972.              <section id="variant-top-bar-nav-2" class="vev" data-vjt="Simple Bar" vbs="nav" vbr="Main Nav" data-vff="[{&quot;name&quot;:&quot;Simple Bar&quot;,&quot;className&quot;:&quot;top-bar simple-bar viv&quot;}]">
  973.   <nav>
  974.         <div class="container">
  975.        
  976.        
  977.             <div class="row nav-menu">
  978.                 <div class="col-md-3 col-sm-3 columns">
  979.                     <img class="logo logo-light" alt="Logo" src="<?php echo $user_folder;?>/img/logo-light.png">
  980.                     <img class="logo logo-dark" alt="Logo" src="<?php echo $user_folder;?>/img/logo-dark.png">
  981.                 </div>
  982.            
  983.                 <div class="col-md-9 col-sm-9 columns text-right">
  984.                     <ul class="menu">
  985.                         <li><a vht="parent" href="#">Single Link</a></li>
  986.                         <li class="has-dropdown"><a vht="parent" href="#">Dropdown</a>
  987.                             <ul class="subnav">
  988.                                 <li><a vht="parent" href="#">Example</a></li>
  989.                                 <li><a vht="parent" href="#">Example</a></li>
  990.                                 <li><a vht="parent" href="#">Example</a></li>
  991.                                 <li><a vht="parent" href="#">Example</a></li>
  992.                             </ul>
  993.                         </li>
  994.                         <li class="has-dropdown"><a vht="parent" href="#">Half Width</a>
  995.                             <div class="subnav subnav-halfwidth">
  996.                                 <div class="col-sm-6">
  997.                                     <h6 class="alt-font">Subnav Title</h6>
  998.                                     <ul class="subnav">
  999.                                         <li><a vht="parent" href="#">Example</a></li>
  1000.                                         <li><a vht="parent" href="#">Example</a></li>
  1001.                                         <li><a vht="parent" href="#">Example</a></li>
  1002.                                         <li><a vht="parent" href="#">Example</a></li>
  1003.                                     </ul>  
  1004.                                 </div>
  1005.                                
  1006.                                 <div class="col-sm-6">
  1007.                                     <h6 class="alt-font">Subnav Title</h6>
  1008.                                     <ul class="subnav">
  1009.                                         <li><a vht="parent" href="#">Example</a></li>
  1010.                                         <li><a vht="parent" href="#">Example</a></li>
  1011.                                         <li><a vht="parent" href="#">Example</a></li>
  1012.                                         <li><a vht="parent" href="#">Example</a></li>
  1013.                                     </ul>  
  1014.                                 </div>
  1015.                             </div>
  1016.                         </li>
  1017.                         <li class="has-dropdown"><a vht="parent" href="#">Fullwidth</a>
  1018.                             <div class="subnav subnav-fullwidth">
  1019.                                 <div class="col-md-3">
  1020.                                     <h6 class="alt-font">Subnav Title</h6>
  1021.                                     <ul class="subnav">
  1022.                                         <li><a vht="parent" href="#">Example</a></li>
  1023.                                         <li><a vht="parent" href="#">Example</a></li>
  1024.                                         <li><a vht="parent" href="#">Example</a></li>
  1025.                                         <li><a vht="parent" href="#">Example</a></li>
  1026.                                     </ul>  
  1027.                                 </div>
  1028.                                
  1029.                                 <div class="col-md-3">
  1030.                                     <h6 class="alt-font">Subnav Title</h6>
  1031.                                     <ul class="subnav">
  1032.                                         <li><a vht="parent" href="#">Example</a></li>
  1033.                                         <li><a vht="parent" href="#">Example</a></li>
  1034.                                         <li><a vht="parent" href="#">Example</a></li>
  1035.                                         <li><a vht="parent" href="#">Example</a></li>
  1036.                                     </ul>  
  1037.                                 </div>
  1038.                                
  1039.                                 <div class="col-md-3">
  1040.                                     <h6 class="alt-font">Subnav Title</h6>
  1041.                                     <ul class="subnav">
  1042.                                         <li><a vht="parent" href="#">Example</a></li>
  1043.                                         <li><a vht="parent" href="#">Example</a></li>
  1044.                                         <li><a vht="parent" href="#">Example</a></li>
  1045.                                         <li><a vht="parent" href="#">Example</a></li>
  1046.                                     </ul>  
  1047.                                 </div>
  1048.                                
  1049.                                 <div class="col-md-3">
  1050.                                     <h6 class="alt-font">Subnav Title</h6>
  1051.                                     <ul class="subnav">
  1052.                                         <li><a vht="parent" href="#">Example</a></li>
  1053.                                         <li><a vht="parent" href="#">Example</a></li>
  1054.                                         <li><a vht="parent" href="#">Example</a></li>
  1055.                                         <li><a vht="parent" href="#">Example</a></li>
  1056.                                     </ul>  
  1057.                                 </div>
  1058.                             </div>
  1059.                         </li>
  1060.                        
  1061.                     </ul>
  1062.  
  1063.                     <ul class="social-icons text-right">
  1064.                         <li>
  1065.                             <a href="#">
  1066.                                 <i vht="parent" class="icon social_twitter text-twitter"></i>
  1067.                             </a>
  1068.                         </li>
  1069.                    
  1070.                         <li>
  1071.                             <a href="#">
  1072.                                 <i vht="parent" class="icon social_facebook text-facebook"></i>
  1073.                             </a>
  1074.                         </li>
  1075.                    
  1076.                         <li>
  1077.                             <a href="#">
  1078.                                 <i vht="parent" class="icon social_dribbble text-dribbble"></i>
  1079.                             </a>
  1080.                         </li>
  1081.                     </ul>
  1082.                 </div>
  1083.             </div>
  1084.            
  1085.             <div class="mobile-toggle">
  1086.                 <i vht="parent" class="icon icon_menu"></i>
  1087.             </div>
  1088.            
  1089.         </div>
  1090.     </nav>
  1091. </section>
  1092.  
  1093.                
  1094.         </div>            
  1095.            
  1096.         <div id="vdk" class="vih">
  1097.  
  1098.             <section id="variant-footer-1" class="vim" vbs="footer" vbp="misc" vbr="Social Footer">        
  1099.                 <footer class="social bg-secondary-1">
  1100.  
  1101.                     <div class="container">
  1102.                         <div class="row">
  1103.                             <div class="col-sm-12 text-center">
  1104.                                 <h1 class="text-white">Get In Touch</h1>
  1105.                                 <a href="#" class="text-white"><strong>hello@mrare.co</strong></a><br>
  1106.                                 <ul class="social-icons">
  1107.                                     <li>
  1108.                                         <a href="#">
  1109.                                             <i class="icon social_twitter"></i>
  1110.                                         </a>
  1111.                                     </li>
  1112.  
  1113.                                     <li>
  1114.                                         <a href="#">
  1115.                                             <i class="icon social_facebook"></i>
  1116.                                         </a>
  1117.                                     </li>
  1118.  
  1119.                                     <li>
  1120.                                         <a href="#">
  1121.                                             <i class="icon social_instagram"></i>
  1122.                                         </a>
  1123.                                     </li>
  1124.  
  1125.                                     <li>
  1126.                                         <a href="#">
  1127.                                             <i class="icon social_dribbble"></i>
  1128.                                         </a>
  1129.                                     </li>
  1130.  
  1131.                                     <li>
  1132.                                         <a href="#">
  1133.                                             <i class="icon social_tumblr"></i>
  1134.                                         </a>
  1135.                                     </li>
  1136.  
  1137.                                     <li>
  1138.                                         <a href="#">
  1139.                                             <i class="icon social_pinterest"></i>
  1140.                                         </a>
  1141.                                     </li>
  1142.                                 </ul><br>
  1143.                                 <span class="sub">&copy; Copright 2014 <a href="#">Medium Rare</a> - All Rights Reserved</span>
  1144.                             </div>
  1145.                         </div>
  1146.                     </div>
  1147.  
  1148.                 </footer>
  1149.             </section>
  1150.  
  1151.             <section id="variant-footer-2" class="vim" vbs="footer" vbp="misc" vbr="Contact Details Footer">
  1152.               <footer class="details">
  1153.                     <div class="container">
  1154.                         <div class="row">
  1155.                             <div class="col-sm-4">
  1156.                                 <img alt="logo" class="logo" src="<?php echo $user_folder;?>/img/logo-dark.png">
  1157.                                 <p>
  1158.                                     Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
  1159.                                 </p>
  1160.                             </div>
  1161.  
  1162.                             <div class="col-sm-4">
  1163.                                 <h1>Contact</h1>
  1164.                                 <p>
  1165.                                     hello@pivot.net<br>
  1166.                                     +61 3827 9284<br>
  1167.                                     <br>
  1168.                                     Suite 2A Humbolt Plaza<br>
  1169.                                     300 Collins St<br>
  1170.                                     Melbourne 3000
  1171.                                 </p>
  1172.                             </div>
  1173.  
  1174.                             <div class="col-sm-4">
  1175.                                 <h1>Social Profiles</h1>
  1176.                                 <ul class="social-icons">
  1177.                                     <li>
  1178.                                         <a href="#">
  1179.                                             <i class="icon social_twitter"></i>
  1180.                                         </a>
  1181.                                     </li>
  1182.  
  1183.                                     <li>
  1184.                                         <a href="#">
  1185.                                             <i class="icon social_facebook"></i>
  1186.                                         </a>
  1187.                                     </li>
  1188.  
  1189.                                     <li>
  1190.                                         <a href="#">
  1191.                                             <i class="icon social_instagram"></i>
  1192.                                         </a>
  1193.                                     </li>
  1194.  
  1195.                                     <li>
  1196.                                         <a href="#">
  1197.                                             <i class="icon social_dribbble"></i>
  1198.                                         </a>
  1199.                                     </li>
  1200.  
  1201.                                     <li>
  1202.                                         <a href="#">
  1203.                                             <i class="icon social_tumblr"></i>
  1204.                                         </a>
  1205.                                     </li>
  1206.  
  1207.                                     <li>
  1208.                                         <a href="#">
  1209.                                             <i class="icon social_pinterest"></i>
  1210.                                         </a>
  1211.                                     </li>
  1212.                                 </ul>
  1213.                             </div>
  1214.                         </div>
  1215.  
  1216.                         <div class="row">
  1217.                             <div class="col-sm-12">
  1218.                                 <span class="sub">&copy; Copright 2014 <a href="#">Medium Rare</a> - All Rights Reserved</span>
  1219.                             </div>
  1220.                         </div>
  1221.  
  1222.                     </div>
  1223.                 </footer>
  1224.             </section>
  1225.  
  1226.             <section id="variant-footer-3" class="vim" vbs="footer" vbp="misc" vbr="Short Social Footer">
  1227.               <footer class="short bg-secondary-1">
  1228.                     <div class="container">
  1229.                         <div class="row">
  1230.                             <div class="col-sm-10">
  1231.                                 <span class="sub">&copy; Copright 2014 Medium Rare</span>
  1232.                                 <ul>
  1233.                                     <li><a href="#">Terms Of Use</a></li>
  1234.                                     <li><a href="#">Privacy & Security Statement</a></li>
  1235.                                    <li><a href="#">Sitemap</a></li>
  1236.                                </ul>
  1237.                            </div>
  1238.  
  1239.                            <div class="col-sm-2 text-right">
  1240.                                <ul class="social-icons">
  1241.                                    <li>
  1242.                                        <a href="#">
  1243.                                            <i class="icon social_twitter"></i>
  1244.                                        </a>
  1245.                                    </li>
  1246.  
  1247.                                    <li>
  1248.                                        <a href="#">
  1249.                                            <i class="icon social_facebook"></i>
  1250.                                        </a>
  1251.                                    </li>
  1252.                                 </ul>  
  1253.                            </div>
  1254.                        </div>
  1255.                    </div>
  1256.                </footer>
  1257.            </section>
  1258.  
  1259.            
  1260.            <section id="variant-footer-4" class="vim" vbs="footer" vbp="misc" vbr="Short Contact Footer">
  1261.              <footer class="bg-primary short-2">
  1262.                    <div class="container">
  1263.                        <div class="row">
  1264.                            <div class="col-sm-12">
  1265.                                <span class="text-white">&copy; 2014 Pivot Inc.</span>
  1266.                                 <span class="text-white"><a href="#">hello@pivot.net</a></span>
  1267.                                 <span class="text-white">+614 3827 492</span>
  1268.                                 <span class="text-white">300 Collins St. Melbourne 3000</span>
  1269.                             </div>
  1270.                         </div>
  1271.                     </div>
  1272.  
  1273.                     <div class="contact-action">
  1274.                         <div class="align-vertical">
  1275.                             <i class="icon text-white icon_mail"></i>
  1276.                             <a href="contact.html" class="text-white"><span class="text-white">Get in touch with us <i class="icon arrow_right"></i></span></a>
  1277.                         </div>
  1278.                     </div>
  1279.                 </footer>
  1280.             </section>
  1281.  
  1282.  
  1283.         </div>
  1284.  
  1285.  
  1286.         <div id="vdt" class="vih">
  1287.             <pre>
  1288.                 <code id="vji" data-name="Original">
  1289. &lt;!DOCTYPE html&gt;
  1290. &lt;!--[if lt IE 7]&gt;      &lt;html class="no-js lt-ie9 lt-ie8 lt-ie7"&gt; &lt;![endif]--&gt;
  1291. &lt;!--[if IE 7]&gt;         &lt;html class="no-js lt-ie9 lt-ie8"&gt; &lt;![endif]--&gt;
  1292. &lt;!--[if IE 8]&gt;         &lt;html class="no-js lt-ie9"&gt; &lt;![endif]--&gt;
  1293. &lt;!--[if gt IE 8]&gt;&lt;!--&gt;
  1294. &lt;html class="no-js"&gt; &lt;!--&lt;![endif]--&gt;
  1295.     &lt;head&gt;
  1296.         &lt;meta charset="utf-8"&gt;
  1297.         &lt;title&gt;[title]&lt;/title&gt;
  1298.         &lt;meta name="description" content=""&gt;
  1299.         &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  1300.         &lt;link href="css/flexslider.min.css" rel="stylesheet" type="text/css" media="all"/&gt;
  1301.         &lt;link href="css/line-icons.min.css" rel="stylesheet" type="text/css" media="all"/&gt;
  1302.         &lt;link href="css/elegant-icons.min.css" rel="stylesheet" type="text/css" media="all"/&gt;
  1303.         &lt;link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/&gt;
  1304.         &lt;link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/&gt;
  1305.         &lt;link href="css/theme.css" rel="stylesheet" type="text/css" media="all"/&gt;
  1306.         &lt;link href="css/animate.css" rel="stylesheet" type="text/css" media="all"/&gt;
  1307.         &lt;link href="css/how_it_works.css" rel="stylesheet" type="text/css" media="all"/&gt;
  1308.         &lt;link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all"/&gt;    
  1309.         &lt;link rel='stylesheet' href='http://github.hubspot.com/odometer/themes/odometer-theme-default.css' /&gt;
  1310.         &lt;link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700%7CRaleway:700' rel='stylesheet' type='text/css'&gt;
  1311.         &lt;script src="js/modernizr-2.6.2-respond-1.1.0.min.js"&gt;&lt;/script&gt;
  1312.     &lt;/head&gt;
  1313.     &lt;body&gt;
  1314.         &lt;div class="loader"&gt;
  1315.             &lt;div class="spinner"&gt;
  1316.               &lt;div class="double-bounce1"&gt;&lt;/div&gt;
  1317.               &lt;div class="double-bounce2"&gt;&lt;/div&gt;
  1318.             &lt;/div&gt;
  1319.         &lt;/div&gt;
  1320.         &lt;style type="text/css"&gt;
  1321. .title-wrapper{display:block;position:relative; padding:0px 0px;}
  1322. #testimonials .testimonial{border:0 none;opacity:0;padding:0;position:absolute;text-align:center;top:0;width:100%;z-index:5;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-ms-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
  1323. #testimonials .testimonial.active{opacity:1;-moz-opacity:1;filter:alpha(opacity=1)}
  1324. #testimonials .testimonial a:hover{color:#fff}
  1325. #testimonials .testimonial-nav-wrapper{display:block;margin:200px auto 0;padding:0;position:relative}
  1326.         &lt;/style&gt;
  1327.                 </code>
  1328.             </pre>
  1329.         </div>
  1330.  
  1331.  
  1332.         <div id="vfv" class="vih">
  1333.             <pre>
  1334.                 <code id="vif" name="Original">
  1335.    
  1336.         &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;
  1337.         &lt;script src="js/jquery-ui.min.js"&gt;&lt;/script&gt;
  1338.         &lt;script src="js/jquery.plugin.min.js"&gt;&lt;/script&gt;
  1339.         &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  1340.         &lt;script src="js/jquery.flexslider-min.js"&gt;&lt;/script&gt;
  1341.         &lt;script src="js/smooth-scroll.min.js"&gt;&lt;/script&gt;
  1342.         &lt;script src="js/skrollr.min.js"&gt;&lt;/script&gt;
  1343.         &lt;script src="js/spectragram.min.js"&gt;&lt;/script&gt;
  1344.         &lt;script src="js/scrollReveal.min.js"&gt;&lt;/script&gt;
  1345.         &lt;script src="js/isotope.min.js"&gt;&lt;/script&gt;
  1346.         &lt;script src="js/twitterFetcher_v10_min.js"&gt;&lt;/script&gt;
  1347.         &lt;script src="js/lightbox.min.js"&gt;&lt;/script&gt;
  1348.         &lt;script src="js/jquery.countdown.min.js"&gt;&lt;/script&gt;
  1349.         &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  1350.         &lt;script src="js/jquery.classyloader.min.js"&gt;&lt;/script&gt;
  1351.         &lt;script src='http://github.hubspot.com/odometer/odometer.js'&gt;&lt;/script&gt;
  1352.         &lt;script src="js/jquery.parallax-1.1.3.js"&gt;&lt;/script&gt;
  1353.         &lt;script src="js/scripts.js"&gt;&lt;/script&gt;
  1354.          &lt;script src="js/jquery.custom.js"&gt;&lt;/script&gt;
  1355.  
  1356. &lt;script src="mail/jquery.form.js"&gt;&lt;/script&gt;
  1357. &lt;script src="mail/jquery.validate.min.js"&gt;&lt;/script&gt;
  1358. &lt;script type="text/javascript"&gt;
  1359. jQuery.validator.addMethod('answercheck', function (value, element) {
  1360.         return this.optional(element) || /^\bcat\b$/.test(value);
  1361.     }, "type the correct answer -_-");
  1362.  
  1363. // validate contact form
  1364. $(function() {
  1365.     $('#contact').validate({
  1366.         rules: {
  1367.             name: {
  1368.                 required: true,
  1369.                 minlength: 2
  1370.             },
  1371.             email: {
  1372.                 required: true,
  1373.                 email: true
  1374.             },
  1375.             message: {
  1376.                 required: true
  1377.             },
  1378.             answer: {
  1379.                 required: true,
  1380.                 answercheck: true
  1381.             }
  1382.         },
  1383.         messages: {
  1384.             name: {
  1385.                 required: "come on, you have a name don't you?",
  1386.                 minlength: "your name must consist of at least 2 characters"
  1387.             },
  1388.             email: {
  1389.                 required: "no email, no message"
  1390.             },
  1391.             message: {
  1392.                 required: "um...yea, you have to write something to send this form.",
  1393.                 minlength: "thats all? really?"
  1394.             },
  1395.             answer: {
  1396.                 required: "sorry, wrong answer!"
  1397.             }
  1398.         },
  1399.         submitHandler: function(form) {
  1400.             $(form).ajaxSubmit({
  1401.                 type:"POST",
  1402.                 data: $(form).serialize(),
  1403.                 url:"mail/process.php",
  1404.                 success: function() {
  1405.                     $('#contact :input').attr('disabled', 'disabled');
  1406.                     $('#contact').fadeTo( "slow", 0.15, function() {
  1407.                         $(this).find(':input').attr('disabled', 'disabled');
  1408.                         $(this).find('label').css('cursor','default');
  1409.                         $('#success').fadeIn();
  1410.                     });
  1411.                 },
  1412.                 error: function() {
  1413.                     $('#contact').fadeTo( "slow", 0.15, function() {
  1414.                         $('#error').fadeIn();
  1415.                     });
  1416.                 }
  1417.             });
  1418.         }
  1419.     });
  1420. });
  1421. &lt;/script&gt;
  1422.   &lt;/body&gt;
  1423. &lt;/html&gt;
  1424.                 </code>
  1425.             </pre>
  1426.         </div>
  1427.  
  1428.         <div id="vbn" class="vih">
  1429.         </div>
  1430.  
  1431.         <div id="vbl" class="vih">
  1432.  
  1433.         </div>
  1434.  
  1435.         <ul id="vhl" class="vih">
  1436.  
  1437.         </ul>
  1438.  
  1439.         <div id="vdp" class="vih">
  1440.  
  1441.         </div>
  1442.  
  1443.         <script class="vaz" type="application/json">
  1444.             {
  1445.             "original":
  1446.             {
  1447.             "name":"Pivot",
  1448.             "pathToOriginal":"mixture/public/css/less/",
  1449.             "originalFileName":"theme",
  1450.             "colours":["#E74C3C","#2C3E50","#3498DB"]
  1451.             },
  1452.             "schemes":
  1453.             [
  1454.             {
  1455.             "name":"Aquatica",
  1456.             "colours":["#01A2A6","#2F2933","#29D9C2"]
  1457.             },
  1458.             {
  1459.             "name":"Mustang",
  1460.             "colours":["#FF9800","#263248","#7E8AA2"]
  1461.             },
  1462.             {
  1463.             "name":"Aspirin",
  1464.             "colours":["#1695A3","#225378","#EB7F00"]
  1465.             },
  1466.             {
  1467.             "name":"Buddha",
  1468.             "colours":["#8FB359","#192B33","#CCCC52"]
  1469.             },
  1470.             {
  1471.             "name":"Tronic",
  1472.             "colours":["#FEB41C","#4B5F6D","#5E7C88"]
  1473.             },
  1474.             {
  1475.             "name":"Eco",
  1476.             "colours":["#45BF55","#168039","#96ED89"]
  1477.             },
  1478.             {
  1479.             "name":"RockLobster",
  1480.             "colours":["#FC4349","#2C3E50","#6DBCDB"]
  1481.             },
  1482.             {
  1483.             "name":"Dusk",
  1484.             "colours":["#C0CA55","#6C9380","#56626B"]
  1485.             },
  1486.             {
  1487.             "name":"Campfire",
  1488.             "colours":["#E27A3F","#DF5A49","#EFC94C"]
  1489.             },
  1490.             {
  1491.             "name":"Cobalt",
  1492.             "colours":["#495E67","#282E33","#164852"]
  1493.             },
  1494.             {
  1495.             "name":"Blues",
  1496.             "colours":["#136480","#0B3C4D","#1A8BB3"]
  1497.             },
  1498.             {
  1499.             "name":"Sunset",
  1500.             "colours":["#820233","#530031","#CA293E"]
  1501.             },
  1502.             {
  1503.             "name":"Zest",
  1504.             "colours":["#00BD72","#0B4239","#B4E85E"]
  1505.             }
  1506.             ]
  1507.             }
  1508.         </script>
  1509.  
  1510.         <div id="veu" class="vih">
  1511.             <div class="nav-container">
  1512.             </div>
  1513.  
  1514.             <div class="main-container">
  1515.             </div>
  1516.  
  1517.             <div class="footer-container">
  1518.             </div>
  1519.         </div>
  1520.        
  1521.         <script src="./js/jquery.js"></script>
  1522.  
  1523.  
  1524.         <script src="./theme/js/jquery.plugin.min.js"></script>
  1525.  
  1526.         <script src="./theme/js/smooth-scroll.min.js"></script>
  1527.         <script src="./theme/js/skrollr.min.js"></script>
  1528.         <script src="./theme/js/spectragram.min.js"></script>
  1529.         <script src="./theme/js/scrollReveal.min.js"></script>
  1530.         <script src="./theme/js/isotope.min.js"></script>
  1531.         <script src="./theme/js/twitterFetcher_v10_min.js"></script>
  1532.         <script src="./theme/js/lightbox.min.js"></script>
  1533.         <script src="./theme/js/jquery.countdown.min.js"></script>
  1534.  
  1535.  
  1536.  
  1537.         <script src="./js/jquery.parallax-1.1.3.js"></script>
  1538.         <script src="./js/alterClass.js"></script>
  1539.         <script src="./js/jquery-ui-1.10.4.custom.min.js"></script>
  1540.         <script src="./js/storage2.js"></script>
  1541.         <script src="./js/reInit.js"></script>
  1542.         <script src="./js/simpleModal.js"></script>
  1543.         <script src="./js/jquery.flexslider-min.js"></script>
  1544.         <script src="./js/jsZip.js"></script>
  1545.         <script src="./js/notify.min.js"></script>
  1546.         <!-- <script src="./js/jquery.custom.js"></script>  
  1547.        <script src="js/saveAs.js"></script>-->
  1548.         <script src="./js/init.js"></script>
  1549.        
  1550.          <script type='text/javascript'>
  1551.             function saveAs(blob, name) {
  1552.                 var reader = new FileReader();
  1553.                 reader.onload = function(event) {
  1554.                     var fd = {};
  1555.                     fd["fname"] = name;
  1556.                     fd["data"] = event.target.result;
  1557.                     $.notify("Saving... Please wait","info",{autoHideDelay: 5000});
  1558.                     $.ajax({
  1559.                         type: 'POST',
  1560.                         url: '../../saver.php',
  1561.                         data: fd,
  1562.                         dataType: 'text'
  1563.                     }).done(function(data) {
  1564.                         $.notify("Saved to "+data+"", "success");
  1565.                         console.log(data);
  1566.                     });
  1567.                 };
  1568.                 reader.readAsDataURL(blob);
  1569.             }
  1570.             $(document).ready(function() {
  1571.                 $('.list').click(function() {
  1572.                     $.notify("Working... Please wait","info",{autoHideDelay: 5000});
  1573.                     jQuery.ajax({
  1574.                         type: 'POST',
  1575.                         url: '../../builder.php',
  1576.                         data: jQuery(this).serialize(),
  1577.                         datatType: 'json',
  1578.                         success: function(response)
  1579.                         {
  1580.                             response = jQuery.parseJSON(response);
  1581.                             jQuery('.list_append').html("");
  1582.                             for (var i in response)
  1583.                             {
  1584.                                 jQuery('.list_append').append('<div class="ves file_list_item"><span class="vfx">' + response[i] + '</span></div>');
  1585.                             }
  1586.                         }
  1587.                     });
  1588.                 })
  1589.             });
  1590.         </script>  
  1591.        
  1592.     </body>
  1593. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!