API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 24th, 2017
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 106.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js" lang="de"> <!--<![endif]-->
  6.  
  7. <!-- Mirrored from bananadogmedia.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Jul 2017 19:35:49 GMT -->
  8. <head>
  9.  
  10. <!-- META DATA -->
  11. <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  12. <meta charset="UTF-8">
  13. <title>BananaDog Media&trade;</title>
  14. <meta name="description" content="We are the most creative agency located in Las Vegas, Nevada. Our passion for digital marketing and viral branding make us strategically sound, creatively intuitive & results oriented!"/>
  15. <meta name="keywords" content="Web Design, Las Vegas, Graphic Design, Logos, Mobile Design, Business Cards, Branding, Viral, Marketing"/>
  16. <meta name="author" content="BananaDog Media"/>
  17. <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">-->
  18. <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
  19.  
  20. <!-- GOOGLE WEB FONTS INCLUDE -->
  21. <link href='https://fonts.googleapis.com/css?family=Oswald|Open+Sans:400,600' rel='stylesheet' type='text/css'>
  22. <link href='https://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  23.  
  24. <!-- BANANADOG THEME STYLESHEETS -->
  25.  
  26. <link rel="stylesheet" href="../maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  27.  
  28. <link rel="stylesheet" href="css/skeleton.css" type="text/css">
  29. <link rel="stylesheet" href="css/reset.css" type="text/css">
  30. <link rel="stylesheet" href="css/style.css" type="text/css">
  31. <link rel="stylesheet" href="css/social.css" type="text/css">
  32. <link rel="stylesheet" href="css/flexslider.css" type="text/css">
  33. <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen"/><!-- PrettyPhoto -->
  34. <link rel="stylesheet" href="css/font-awesome.css" type="text/css"/><!-- PrettyPhoto -->
  35. <link rel="stylesheet" href="css/shortcodes.css" type="text/css"/>
  36. <link rel="stylesheet" href="css/media.css"><!-- Media Queries -->
  37.  
  38.  
  39. <link id="layout_color" href="css/light.css" rel="stylesheet" type="text/css"/>
  40. <link id="primary_color_scheme" href="css/colors/yellow.css" rel="stylesheet" type="text/css"/>
  41.  
  42. <!--[if lt IE 9]>
  43. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  44. <![endif]-->
  45.  
  46.  
  47. </head>
  48.  
  49. <body class="onepage" data-spy="scroll" data-target=".navigation">
  50. <div id="load"></div>
  51.  
  52.  
  53.  
  54.  
  55. <!-- START PAGE WRAP -->
  56. <div class="page-wrap">
  57.  
  58. <!--
  59. ///////////////
  60. Start Video background
  61. ///////////////
  62. -->
  63.  
  64. <video class="videoBg" id="video" autoplay loop muted>
  65. <source src="video/bdm.mp4" type="video/mp4">
  66. <source src="video/bdm.ogv" type="video/ogg"/>
  67. <source src="video/bdm.webm" type="video/webm"/>
  68. Video not supported
  69. </video>
  70.  
  71.  
  72. <!--
  73. ///////////////
  74. End Video background
  75. ///////////////
  76. -->
  77.  
  78. <!-- START HOME SECTION -->
  79. <div id="home" class="home-fullscreenslider home-parallax">
  80.  
  81. <div class="awards"><a href="http://lvima.com/" target="_blank"></a></div>
  82. <div class="home-text-wrapper">
  83.  
  84. <img class="logo" src="images/Yellow-Hex-Large.png" width="1000"height="305"/>
  85. <!-- <div class="home-logo-text">
  86. <a href="#about">Welcome to BananaDog</a>
  87. </div>-->
  88.  
  89. <div id="home-slider" class="flexslider">
  90. <ul class="slides styled-list">
  91.  
  92. <li class="home-slide"><p class="home-slide-content">We Are <span class="highlight">Creative</span> Nerds</p></li>
  93.  
  94. <li class="home-slide"><p class="home-slide-content">We Are <span class="highlight">Crazy</span> Coders</p></li>
  95.  
  96. <li class="home-slide"><p class="home-slide-content">We <span class="highlight">Love</span> Pizzas</p></li>
  97.  
  98. <li class="home-slide"><p class="home-slide-content">Our Dogs <span class="highlight">Love</span> Bananas</p></li>
  99.  
  100. </ul>
  101. </div><!-- END FLEXSLIDER -->
  102. <a href="#about" class="button_scroll_down"></a>
  103. </div><!-- END HOME TEXT WRAPPER -->
  104. </div><!-- END HOME SECTION -->
  105.  
  106.  
  107.  
  108. <!-- START NAVIGATION -->
  109. <nav class="light sticky-nav navigation">
  110. <!-- START CONTAINER -->
  111. <div class="container clearfix">
  112. <div class="four columns">
  113. <!-- START LOGO -->
  114. <div class="logo large">
  115. <a href="#home"><img src="images/logo.png" title="logo" alt="Logo"/></a>
  116. </div>
  117. <!-- END LOGO -->
  118. </div><!-- END FOUR COLUMNS -->
  119.  
  120.  
  121. <div class="twelve columns">
  122. <!-- START NAVIGATION MENU ITEMS -->
  123. <ul class="main-menu large iconic nav" id="nav">
  124. <li><a href="#home"><i class="icon-home"></i>Home</a></li>
  125. <li><a href="#about"><i class="icon-thumbs-up"></i>About</a></li>
  126. <li><a href="#services"><i class="icon-cogs"></i>Services</a></li>
  127. <li><a href="#portfolio"><i class="icon-picture"></i>Portfolio</a></li>
  128. <li><a href="#team"><i class="icon-user"></i>Team</a></li>
  129. <li><a href="#contact"><i class="icon-envelope"></i>Contact</a></li>
  130. <li><a href="shop.html" style="margin-left:20px;"><i class="fa fa-shopping-cart"></i>Shop</a></li>
  131. </ul>
  132. <!-- END NAVIGATION MENU ITEMS -->
  133. </div><!-- END TWELVE COLUMNS -->
  134. </div><!-- END CONTAINER -->
  135. </nav>
  136. <!-- END NAVIGATION -->
  137.  
  138.  
  139. <!-- START ABOUT US SECTION -->
  140. <div id="about" class="page">
  141.  
  142. <div class="container">
  143. <div class="row">
  144. <div class="sixteen columns">
  145. <!-- START TITLE -->
  146. <div class="title">
  147. <h1>About Us</h1>
  148. <div class="subtitle">
  149. <p>we are an award winning<span class="highlight"> Creative Agency</span> located in Las Vegas, Nevada. Our passion for Digital Marketing and Viral Branding make us <span class="highlight"> strategically sound</span>, Creatively intuitive &amp; <span class="highlight"> results oriented</span>!</p>
  150. </div><!-- END SUBTITLE -->
  151. </div><!-- END TITLE -->
  152. </div><!-- END SIXTEEN COLUMNS -->
  153. </div><!-- END ROW -->
  154. </div><!-- END CONTAINER -->
  155.  
  156.  
  157.  
  158.  
  159. <div class="fullwidth grey">
  160. <div class="container">
  161. <div class="fancy-header2">
  162. <h2>What we do?</h2>
  163. <h4 class="highlight">Powerful websites that look beautiful.</h4>
  164. </div>
  165.  
  166.  
  167. <div class="hex-1 off">
  168. <div id="media" class="hex-1-ball" style="margin-bottom: 60px;">Design</div>
  169. <div id="technology" class="hex-1-ball" style="margin-bottom: 60px;">Identity</div>
  170. <div id="design" class="hex-1-ball" style="margin-bottom: 60px;">UX Design</div>
  171. <div id="branding" class="hex-1-ball" style="margin-bottom: 60px;">Branding</div>
  172. <div id="strategy" class="hex-1-ball" style="margin-bottom: 60px;">Strategy</div>
  173.  
  174. <div class="hex-end"></div>
  175. </div>
  176.  
  177. <div class="row">
  178. <div class="one-third column">
  179. <div class="service-features">
  180.  
  181. <h3>Innovative</h3>
  182. <p> As coding standards evolve and new design technology becomes available, we stay ahead of the pack through research and trial.</p>
  183. </div>
  184. </div><!-- END ONE THIRD COLUMN -->
  185.  
  186. <div class="one-third column">
  187. <div class="service-features">
  188.  
  189. <h3>Experimental</h3>
  190. <p> Sometimes it's just fun to mix everything together and see what comes out. Our thinking and application is the same way: outside the box!</p>
  191. </div>
  192.  
  193. </div><!-- END ONE THIRD COLUMNS -->
  194.  
  195. <div class="one-third column">
  196. <div class="service-features">
  197.  
  198. <h3>Perfect</h3>
  199. <p> Once we sit down with the client and create the right mixture of digital ingredients, the vision becomes perfection.</p>
  200. </div>
  201.  
  202. </div><!-- END ONE THIRD COLUMNS -->
  203.  
  204. </div><!-- END ROW -->
  205. </div><!-- END CONTAINER -->
  206. </div>
  207.  
  208.  
  209.  
  210.  
  211. <div class="container">
  212.  
  213. <div class="row">
  214. <div class="sixteen columns">
  215. <h2>How about Some Fun Facts about our agency??</h2>
  216. </div><!-- END SIXTEEN COLUMNS -->
  217.  
  218. <div class="four columns">
  219. <div class="milestone-counter" data-perc="382">
  220. <span class="milestone-count highlight"></span>
  221. <h6 class="milestone-details">Pizzas ordered</h6>
  222. </div>
  223. </div><!-- END FOUR COLUMNS -->
  224.  
  225. <div class="four columns">
  226. <div class="milestone-counter" data-perc="55">
  227. <span class="milestone-count highlight"></span>
  228. <h6 class="milestone-details">Clients we've worked with</h6>
  229. </div>
  230. </div><!-- END FOUR COLUMNS -->
  231.  
  232. <div class="four columns">
  233. <div class="milestone-counter" data-perc="76">
  234. <span class="milestone-count highlight"></span>
  235. <h6 class="milestone-details">projects completed</h6>
  236. </div>
  237. </div><!-- END FOUR COLUMNS -->
  238.  
  239. <div class="four columns">
  240. <div class="milestone-counter" data-perc="941">
  241. <span class="milestone-count highlight"></span>
  242. <h6 class="milestone-details">bananas consumed</h6>
  243. </div>
  244. </div><!-- END FOUR COLUMNS -->
  245. </div><!-- END ROW -->
  246. </div><!-- END CONTAINER -->
  247.  
  248.  
  249. </div>
  250. <!-- End ABOUT US SECTION -->
  251.  
  252.  
  253. <!-- START PARALLAX SECTION -->
  254. <div id="parallax1" class="parallax">
  255. <div class="bg1 parallax-bg"></div><!-- END PARALLAX BACKGROUND -->
  256. <div class="overlay"></div><!-- END PATTERN OVERLAY -->
  257. <div class="container clearfix">
  258. <div class="parallax-content">
  259. <p class="quote"><i class="icon-quote-left"></i>Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep.<i class="icon-quote-right"></i></p>
  260. <div class="quote-author">-- Scott Adams --</div>
  261. </div><!-- END PARALLAX CONTENT -->
  262. </div><!-- END CONTAINER -->
  263. </div>
  264. <!-- END PARALLAX SECTION -->
  265.  
  266.  
  267. <!-- START SERVICES SECTION -->
  268. <div id="services" class="page">
  269.  
  270.  
  271. <div class="container">
  272. <div class="row">
  273. <div class="sixteen columns">
  274. <!-- START TITLE -->
  275. <div class="title">
  276. <h1>Our Services</h1>
  277. <div class="subtitle">
  278. <p>Our services are delivered by our team with <span class="highlight">10+ years of experience</span> who are <span class="highlight">passionate</span> about growing your brand.</p>
  279. </div><!-- END SUBTITLE -->
  280. </div><!-- END TITLE -->
  281. </div><!-- END SIXTEEN COLUMNS -->
  282. </div><!-- END ROW -->
  283. </div><!-- END CONTAINER -->
  284.  
  285. <div class="fullwidth grey">
  286.  
  287. <div class="container clearfix">
  288. <div class="row">
  289.  
  290. <div class="one-third column">
  291. <!-- START service-box -->
  292. <div class="service-box">
  293. <!-- START ICON -->
  294. <div>
  295. <h3>Branding + Identity</h3><!-- END service-box TITLE -->
  296. <i class="service-icon icon-rocket"></i>
  297. </div>
  298. <!-- END ICON -->
  299.  
  300. <!-- START service-box DESCIPTION -->
  301. <div class="service-description">
  302. <p>Have a last minute meeting and need business cards, we got you covered. Starting a new company and need some swag, just give us a shout. We are quick. I mean really quick! We understand the importance of time management and we will over deliver!</p><!-- END service-box DESCRIPTION -->
  303. </div>
  304. <h6>What we offer</h6>
  305. <ul class="styled-list">
  306. <li>Logo Design</li>
  307. <li>Collateral Design</li>
  308. <li>Print Ads</li>
  309. <li>Business Card Design</li>
  310. <li>Corporate Identity</li>
  311. </ul>
  312. <!-- START service-box DESCIPTION -->
  313.  
  314. </div> <!-- END service-box -->
  315. </div> <!-- END ONETHIRD COLUMN -->
  316.  
  317.  
  318.  
  319.  
  320. <div class="one-third column">
  321. <!-- START service-box -->
  322. <div class="service-box">
  323. <!-- START ICON -->
  324. <div>
  325. <h3>Digital Marketing</h3><!-- END service-box TITLE -->
  326. <i class="service-icon icon-beaker"></i>
  327. </div>
  328. <!-- END ICON -->
  329.  
  330. <!-- START service-box DESCIPTION -->
  331. <div class="service-description">
  332. <p>What's the point of having website awesomenesss if you cant't show it off to the world. Our algorithms and online presence create a synergy of marketing power! Let us make your brand shine with rich SEO and Social Media Branding. We guarantee eyeballs!</p><!-- END service-box DESCRIPTION -->
  333. </div>
  334.  
  335. <h6>What we offer</h6>
  336.  
  337. <ul class="styled-list">
  338. <li>Search Engine Optimization</li>
  339. <li>Social Media Marketing</li>
  340. <li>Email Marketing</li>
  341. <li>Social Media Branding</li>
  342. <li>Analytics</li>
  343. </ul>
  344.  
  345. <!-- START service-box DESCIPTION -->
  346.  
  347. </div> <!-- END service-box -->
  348. </div> <!-- END ONETHIRD COLUMN -->
  349.  
  350. <div class="one-third column">
  351. <!-- START service-box -->
  352. <div class="service-box">
  353. <!-- START ICON -->
  354. <div>
  355. <h3>Web Development</h3><!-- END service-box TITLE -->
  356. <i class="service-icon icon-tablet"></i>
  357. </div>
  358. <!-- END ICON -->
  359.  
  360. <!-- START service-box DESCIPTION -->
  361. <div class="service-description">
  362. <p>With 10+ years of experience in front-end and back-end design and our "every pixel counts" philosophy, we will create beautiful and rich media to your vision. Need something unique or custom, then let us know and we will find a way to make your dream a reality!</p><!-- END service-box DESCRIPTION -->
  363. </div>
  364. <!-- START service-box DESCIPTION -->
  365. <h6>What we offer</h6>
  366. <ul class="styled-list">
  367. <li>User Interface Design</li>
  368. <li>Custom Applications</li>
  369. <li>Wordpress Development</li>
  370. <li>Mobile + Tablet Design</li>
  371. <li>Video Capture + Editing</li>
  372. </ul>
  373.  
  374. </div> <!-- END service-box -->
  375. </div> <!-- END ONETHIRD COLUMN -->
  376.  
  377. </div> <!-- END ROW -->
  378. </div> <!-- END CONTAINER -->
  379.  
  380. </div>
  381. <div class="container clearfix">
  382.  
  383. <div class="sixteen columns">
  384.  
  385. <h3>Are you ready to start a conversation?</h3> <a href="#contact" class="button scroll-to">Get in touch</a>
  386. </div><!-- END SIXTEEN COLUMNS -->
  387. </div><!-- END CONTAINER -->
  388.  
  389. </div>
  390. <!-- END SERVICES SECTION -->
  391.  
  392. <!-- START PARALLAX SECTION -->
  393. <div id="parallax2" class="parallax">
  394. <div class="bg2 parallax-bg"></div><!-- END PARALLAX BACKGROUND -->
  395. <div class="overlay"></div><!-- END PATTERN OVERLAY -->
  396. <div class="container clearfix">
  397. <div class="parallax-content">
  398. <div>
  399. <p class="twitter-feed-icon">
  400. <i class="icon-twitter"></i>
  401. </p>
  402. <p class="twitter-author"><a href="http://twitter.com/dimitryvegas" target="_blank">DimitryVegas</a></p></div>
  403. <div class="twitter-slider">
  404. <div id="twitter-feed"></div>
  405. </div>
  406. <!-- END TWITTER FEED -->
  407. </div><!-- END PARALLAX CONTENT -->
  408. </div><!-- END CONTAINER -->
  409. </div>
  410. <!-- END PARALLAX SECTION -->
  411.  
  412.  
  413. <!-- START PORTFOLIO SECTION -->
  414. <div id="portfolio" class="page">
  415.  
  416. <div class="container">
  417. <div class="row">
  418. <div class="sixteen columns">
  419. <!-- START TITLE -->
  420. <div class="title">
  421. <h1>Our Featured Portfolio</h1>
  422. <div class="subtitle">
  423. <p>We have put together <span class="highlight">the best</span> of our experience, the best of <span class="highlight">our talents</span> and this is the result.</p>
  424. </div><!-- END SUBTITLE -->
  425. </div><!-- END TITLE -->
  426. </div><!-- END SIXTEEN COLUMNS -->
  427. </div><!-- END ROW -->
  428. </div><!-- END CONTAINER -->
  429.  
  430. <!-- START AJAX SECTION -->
  431. <div id="ajax-section">
  432. <div class="container clearfix">
  433.  
  434.  
  435. <!-- START PROJECT NAVIGATION -->
  436. <div id="project-navigation">
  437. <ul>
  438. <li id="nextProject"><a href="#"></a></li>
  439. <li id="prevProject"><a href="#"></a></li>
  440. </ul>
  441. </div>
  442. <!-- END PROJECT NAVIGATION -->
  443.  
  444. <!-- START PROJECT CLOSE BUTTON -->
  445. <div id="closeProject">
  446. <a href="#loader"><i class="fa fa-times"></i></a>
  447.  
  448. </div>
  449. <!-- START PROJECT CLOSE BUTTON -->
  450.  
  451. <!-- START PROJECT LOADER SECTION -->
  452. <div id="loader"></div>
  453. <!-- END PROJECT CLOSE BUTTON -->
  454.  
  455. <!-- START AJAX CONTENT -->
  456. <div id="ajax-content-outer">
  457. <div id="ajax-content-inner"></div>
  458. </div>
  459. <!-- END AJAX CONTENT -->
  460.  
  461. </div><!-- END CONTAINER -->
  462.  
  463. </div>
  464. <!-- END AJAX SECTION -->
  465.  
  466. <div class="clear"></div>
  467.  
  468.  
  469.  
  470. <div class="container clearfix">
  471.  
  472. <!-- START PORTFOLIO FILTERING -->
  473. <div id="filters" class="sixteen columns">
  474.  
  475. <ul class="clearfix">
  476. <li><a href="#" data-filter="*" class="active"><h3>All</h3></a></li>
  477. <li><a href="#" data-filter=".animation"><h3>Animation</h3></a></li>
  478. <li><a href="#" data-filter=".branding"><h3>Branding</h3></a></li>
  479. <li><a href="#" data-filter=".businesscards"><h3>Business Cards</h3></a></li>
  480. <li><a href="#" data-filter=".custom"><h3>Custom Application</h3></a></li>
  481. <li><a href="#" data-filter=".design"><h3>Logo</h3></a></li>
  482. <li><a href="#" data-filter=".videography"><h3>Videography</h3></a></li>
  483. <li><a href="#" data-filter=".web"><h3>Web</h3></a></li>
  484. </ul>
  485. </div><!-- END PORTFOLIO FILTERING -->
  486. </div><!-- END CONTAINER -->
  487.  
  488.  
  489. <!-- START PORTFOLIO WRAP -->
  490. <div id="portfolio-wrap">
  491.  
  492. <!-- START PORTFOLIO ITEM -->
  493. <div class="portfolio-item one-third column branding custom web isotope-item">
  494. <div class="portfolio">
  495. <a href="#!projects/project-26.html" class="portfolio-image">
  496. <img src="images/portfolio/portfolio26.jpg" alt="Portfolio 26"/><!-- END PORTFOLIO IMAGE -->
  497.  
  498. <div class="hover-items">
  499. <span>
  500. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  501. <em class="lead">SurgerySpace Website</em><!-- OVERLAY TITLE -->
  502. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  503. </span>
  504. </div><!-- END PORTFOLIO OVERLAY -->
  505.  
  506. </a>
  507. </div>
  508. </div>
  509. <!-- END PORTFOLIO ITEM -->
  510.  
  511. <!-- START PORTFOLIO ITEM -->
  512. <div class="portfolio-item one-third column branding web animation isotope-item">
  513. <div class="portfolio">
  514. <a href="#!projects/project-27.html" class="portfolio-image">
  515. <img src="images/portfolio/portfolio27.jpg" alt="Portfolio 27"/><!-- END PORTFOLIO IMAGE -->
  516.  
  517. <div class="hover-items">
  518. <span>
  519. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  520. <em class="lead">Marveaux Website</em><!-- OVERLAY TITLE -->
  521. <em class="portfolio-tags">Branding, Animation, Web Design</em><!-- END PORTFOLIO TAGS -->
  522. </span>
  523. </div><!-- END PORTFOLIO OVERLAY -->
  524.  
  525. </a>
  526. </div>
  527. </div>
  528. <!-- END PORTFOLIO ITEM -->
  529.  
  530. <!-- START PORTFOLIO ITEM -->
  531. <div class="portfolio-item one-third column branding design isotope-item">
  532. <div class="portfolio">
  533. <a href="#!projects/project-31.html" class="portfolio-image">
  534. <img src="images/portfolio/portfolio31.jpg" alt="Portfolio 31"/><!-- END PORTFOLIO IMAGE -->
  535.  
  536. <div class="hover-items">
  537. <span>
  538. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  539. <em class="lead">Raw Spice Bar Logo</em><!-- OVERLAY TITLE -->
  540. <em class="portfolio-tags">Branding, Logo</em><!-- END PORTFOLIO TAGS -->
  541. </span>
  542. </div><!-- END PORTFOLIO OVERLAY -->
  543.  
  544. </a>
  545. </div>
  546. </div>
  547. <!-- END PORTFOLIO ITEM -->
  548.  
  549. <!-- START PORTFOLIO ITEM -->
  550. <div class="portfolio-item one-third column branding custom web isotope-item">
  551. <div class="portfolio">
  552. <a href="#!projects/project-29.html" class="portfolio-image">
  553. <img src="images/portfolio/portfolio29.jpg" alt="Portfolio 29"/><!-- END PORTFOLIO IMAGE -->
  554.  
  555. <div class="hover-items">
  556. <span>
  557. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  558. <em class="lead">DimitryBerg Website</em><!-- OVERLAY TITLE -->
  559. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  560. </span>
  561. </div><!-- END PORTFOLIO OVERLAY -->
  562.  
  563. </a>
  564. </div>
  565. </div>
  566. <!-- END PORTFOLIO ITEM -->
  567.  
  568. <!-- START PORTFOLIO ITEM -->
  569. <div class="portfolio-item one-third column branding animation isotope-item">
  570. <div class="portfolio">
  571. <a href="#!projects/project-32.html" class="portfolio-image">
  572. <img src="images/portfolio/portfolio32.jpg" alt="Portfolio 32"/><!-- END PORTFOLIO IMAGE -->
  573.  
  574. <div class="hover-items">
  575. <span>
  576. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  577. <em class="lead">AllianceMed Animation</em><!-- OVERLAY TITLE -->
  578. <em class="portfolio-tags">Branding, Animation</em><!-- END PORTFOLIO TAGS -->
  579. </span>
  580. </div><!-- END PORTFOLIO OVERLAY -->
  581.  
  582. </a>
  583. </div>
  584. </div>
  585. <!-- END PORTFOLIO ITEM -->
  586.  
  587. <!-- START PORTFOLIO ITEM -->
  588. <div class="portfolio-item one-third column branding custom web isotope-item">
  589. <div class="portfolio">
  590. <a href="#!projects/project-30.html" class="portfolio-image">
  591. <img src="images/portfolio/portfolio30.jpg" alt="Portfolio 30"/><!-- END PORTFOLIO IMAGE -->
  592.  
  593. <div class="hover-items">
  594. <span>
  595. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  596. <em class="lead">Kannew Website</em><!-- OVERLAY TITLE -->
  597. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  598. </span>
  599. </div><!-- END PORTFOLIO OVERLAY -->
  600.  
  601. </a>
  602. </div>
  603. </div>
  604. <!-- END PORTFOLIO ITEM -->
  605.  
  606. <!-- START PORTFOLIO ITEM -->
  607. <div class="portfolio-item one-third column branding design isotope-item">
  608. <div class="portfolio">
  609. <a href="#!projects/project-35.html" class="portfolio-image">
  610. <img src="images/portfolio/portfolio35.jpg" alt="Portfolio 35"/><!-- END PORTFOLIO IMAGE -->
  611.  
  612. <div class="hover-items">
  613. <span>
  614. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  615. <em class="lead">Marveaux Logo</em><!-- OVERLAY TITLE -->
  616. <em class="portfolio-tags">Branding, Logo</em><!-- END PORTFOLIO TAGS -->
  617. </span>
  618. </div><!-- END PORTFOLIO OVERLAY -->
  619.  
  620. </a>
  621. </div>
  622. </div>
  623. <!-- END PORTFOLIO ITEM -->
  624.  
  625. <!-- START PORTFOLIO ITEM -->
  626. <div class="portfolio-item one-third column custom videography isotope-item">
  627. <div class="portfolio">
  628. <a href="#!projects/project-33.html" class="portfolio-image">
  629. <img src="images/portfolio/portfolio33.jpg" alt="Portfolio 33"/><!-- END PORTFOLIO IMAGE -->
  630.  
  631. <div class="hover-items">
  632. <span>
  633. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  634. <em class="lead">AllianceMed Video</em><!-- OVERLAY TITLE -->
  635. <em class="portfolio-tags">Custom Application, Videography</em><!-- END PORTFOLIO TAGS -->
  636. </span>
  637. </div><!-- END PORTFOLIO OVERLAY -->
  638.  
  639. </a>
  640. </div>
  641. </div>
  642. <!-- END PORTFOLIO ITEM -->
  643.  
  644. <!-- START PORTFOLIO ITEM -->
  645. <div class="portfolio-item one-third column branding design isotope-item">
  646. <div class="portfolio">
  647. <a href="#!projects/project-34.html" class="portfolio-image">
  648. <img src="images/portfolio/portfolio34.jpg" alt="Portfolio 34"/><!-- END PORTFOLIO IMAGE -->
  649.  
  650. <div class="hover-items">
  651. <span>
  652. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  653. <em class="lead">SurgerySpace Logo</em><!-- OVERLAY TITLE -->
  654. <em class="portfolio-tags">Branding, Logo</em><!-- END PORTFOLIO TAGS -->
  655. </span>
  656. </div><!-- END PORTFOLIO OVERLAY -->
  657.  
  658. </a>
  659. </div>
  660. </div>
  661. <!-- END PORTFOLIO ITEM -->
  662.  
  663. <!-- START PORTFOLIO ITEM -->
  664. <div class="portfolio-item one-third column branding custom web isotope-item">
  665. <div class="portfolio">
  666. <a href="#!projects/project-28.html" class="portfolio-image">
  667. <img src="images/portfolio/portfolio28.jpg" alt="Portfolio 28"/><!-- END PORTFOLIO IMAGE -->
  668.  
  669. <div class="hover-items">
  670. <span>
  671. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  672. <em class="lead">HayleyHunter Website</em><!-- OVERLAY TITLE -->
  673. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  674. </span>
  675. </div><!-- END PORTFOLIO OVERLAY -->
  676.  
  677. </a>
  678. </div>
  679. </div>
  680. <!-- END PORTFOLIO ITEM -->
  681.  
  682. <!-- START PORTFOLIO ITEM -->
  683. <div class="portfolio-item one-third column branding custom web isotope-item">
  684. <div class="portfolio">
  685. <a href="#!projects/project-25.html" class="portfolio-image">
  686. <img src="images/portfolio/portfolio25.jpg" alt="Portfolio 25"/><!-- END PORTFOLIO IMAGE -->
  687.  
  688. <div class="hover-items">
  689. <span>
  690. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  691. <em class="lead">LytePost Website</em><!-- OVERLAY TITLE -->
  692. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  693. </span>
  694. </div><!-- END PORTFOLIO OVERLAY -->
  695.  
  696. </a>
  697. </div>
  698. </div>
  699. <!-- END PORTFOLIO ITEM -->
  700.  
  701. <!-- START PORTFOLIO ITEM -->
  702. <div class="portfolio-item one-third column branding custom web isotope-item">
  703. <div class="portfolio">
  704. <a href="#!projects/project-23.html" class="portfolio-image">
  705. <img src="images/portfolio/portfolio23.jpg" alt="Portfolio 23"/><!-- END PORTFOLIO IMAGE -->
  706.  
  707. <div class="hover-items">
  708. <span>
  709. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  710. <em class="lead">Alliance Med LLC Website</em><!-- OVERLAY TITLE -->
  711. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  712. </span>
  713. </div><!-- END PORTFOLIO OVERLAY -->
  714.  
  715. </a>
  716. </div>
  717. </div>
  718. <!-- END PORTFOLIO ITEM -->
  719.  
  720. <!-- START PORTFOLIO ITEM -->
  721. <div class="portfolio-item one-third column animation branding custom web isotope-item">
  722. <div class="portfolio">
  723. <a href="#!projects/project-24.html" class="portfolio-image">
  724. <img src="images/portfolio/portfolio24.jpg" alt="Portfolio 24"/><!-- END PORTFOLIO IMAGE -->
  725.  
  726. <div class="hover-items">
  727. <span>
  728. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  729. <em class="lead">W International Website</em><!-- OVERLAY TITLE -->
  730. <em class="portfolio-tags">Animation, Branding, Web Design</em><!-- END PORTFOLIO TAGS -->
  731. </span>
  732. </div><!-- END PORTFOLIO OVERLAY -->
  733.  
  734. </a>
  735. </div>
  736. </div>
  737. <!-- END PORTFOLIO ITEM -->
  738.  
  739. <!-- START PORTFOLIO ITEM -->
  740. <div class="portfolio-item one-third column businesscards branding isotope-item">
  741. <div class="portfolio">
  742. <a href="#!projects/project-20.html" class="portfolio-image">
  743. <img src="images/portfolio/portfolio20.jpg" alt="Portfolio 20"/><!-- END PORTFOLIO IMAGE -->
  744.  
  745. <div class="hover-items">
  746. <span>
  747. <i class="fa fa-map-o"></i><!-- OVERLAY ICON -->
  748. <em class="lead">Precision Business Cards</em><!-- OVERLAY TITLE -->
  749. <em class="portfolio-tags">Branding, Business Cards</em><!-- END PORTFOLIO TAGS -->
  750. </span>
  751. </div><!-- END PORTFOLIO OVERLAY -->
  752.  
  753. </a>
  754. </div>
  755. </div>
  756. <!-- END PORTFOLIO ITEM -->
  757.  
  758. <!-- START PORTFOLIO ITEM -->
  759. <div class="portfolio-item one-third column branding animation custom web isotope-item">
  760. <div class="portfolio">
  761. <a href="#!projects/project-21.html" class="portfolio-image">
  762. <img src="images/portfolio/portfolio21.jpg" alt="Portfolio 21"/><!-- END PORTFOLIO IMAGE -->
  763.  
  764. <div class="hover-items">
  765. <span>
  766. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  767. <em class="lead">Precision Website</em><!-- OVERLAY TITLE -->
  768. <em class="portfolio-tags">Animation, Branding, Web Design</em><!-- END PORTFOLIO TAGS -->
  769. </span>
  770. </div><!-- END PORTFOLIO OVERLAY -->
  771.  
  772. </a>
  773. </div>
  774. </div>
  775. <!-- END PORTFOLIO ITEM -->
  776.  
  777. <!-- START PORTFOLIO ITEM -->
  778. <div class="portfolio-item one-third column branding design isotope-item">
  779. <div class="portfolio">
  780. <a href="#!projects/project-22.html" class="portfolio-image">
  781. <img src="images/portfolio/portfolio22.jpg" alt="Portfolio 22"/><!-- END PORTFOLIO IMAGE -->
  782.  
  783. <div class="hover-items">
  784. <span>
  785. <i class="icon-rocket"></i><!-- OVERLAY ICON -->
  786. <em class="lead">Alliance Med LLC Logo</em><!-- OVERLAY TITLE -->
  787. <em class="portfolio-tags">Branding, Logo Design</em><!-- END PORTFOLIO TAGS -->
  788. </span>
  789. </div><!-- END PORTFOLIO OVERLAY -->
  790.  
  791. </a>
  792. </div>
  793. </div>
  794. <!-- END PORTFOLIO ITEM -->
  795.  
  796. <!-- START PORTFOLIO ITEM -->
  797. <div class="portfolio-item one-third column branding custom web isotope-item">
  798. <div class="portfolio">
  799. <a href="#!projects/project-16.html" class="portfolio-image">
  800. <img src="images/portfolio/portfolio16.jpg" alt="Portfolio 16"/><!-- END PORTFOLIO IMAGE -->
  801.  
  802. <div class="hover-items">
  803. <span>
  804. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  805. <em class="lead">The Automation Group Website</em><!-- OVERLAY TITLE -->
  806. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  807. </span>
  808. </div><!-- END PORTFOLIO OVERLAY -->
  809.  
  810. </a>
  811. </div>
  812. </div>
  813. <!-- END PORTFOLIO ITEM -->
  814.  
  815. <!-- START PORTFOLIO ITEM -->
  816. <div class="portfolio-item one-third column branding design isotope-item">
  817. <div class="portfolio">
  818. <a href="#!projects/project-17.html" class="portfolio-image">
  819. <img src="images/portfolio/portfolio17.jpg" alt="Portfolio 17"/><!-- END PORTFOLIO IMAGE -->
  820.  
  821. <div class="hover-items">
  822. <span>
  823. <i class="fa fa-rocket"></i><!-- OVERLAY ICON -->
  824. <em class="lead">The Automation Group Logo</em><!-- OVERLAY TITLE -->
  825. <em class="portfolio-tags">Branding, Logo Design, Sticker Design</em><!-- END PORTFOLIO TAGS -->
  826. </span>
  827. </div><!-- END PORTFOLIO OVERLAY -->
  828.  
  829. </a>
  830. </div>
  831. </div>
  832. <!-- END PORTFOLIO ITEM -->
  833.  
  834. <!-- START PORTFOLIO ITEM -->
  835. <div class="portfolio-item one-third column branding custom web isotope-item">
  836. <div class="portfolio">
  837. <a href="#!projects/project-18.html" class="portfolio-image">
  838. <img src="images/portfolio/portfolio18.jpg" alt="Portfolio 18"/><!-- END PORTFOLIO IMAGE -->
  839.  
  840. <div class="hover-items">
  841. <span>
  842. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  843. <em class="lead">Lisa Escobar Designs Website</em><!-- OVERLAY TITLE -->
  844. <em class="portfolio-tags">Branding, Social Media, Web Design</em><!-- END PORTFOLIO TAGS -->
  845. </span>
  846. </div><!-- END PORTFOLIO OVERLAY -->
  847.  
  848. </a>
  849. </div>
  850. </div>
  851. <!-- END PORTFOLIO ITEM -->
  852.  
  853. <!-- START PORTFOLIO ITEM -->
  854. <div class="portfolio-item one-third column branding design isotope-item">
  855. <div class="portfolio">
  856. <a href="#!projects/project-19.html" class="portfolio-image">
  857. <img src="images/portfolio/portfolio19.jpg" alt="Portfolio 19"/><!-- END PORTFOLIO IMAGE -->
  858.  
  859. <div class="hover-items">
  860. <span>
  861. <i class="fa fa-rocket"></i><!-- OVERLAY ICON -->
  862. <em class="lead">Lisa Escobar Designs Logo</em><!-- OVERLAY TITLE -->
  863. <em class="portfolio-tags">Branding, Logo Design, Business Cards</em><!-- END PORTFOLIO TAGS -->
  864. </span>
  865. </div><!-- END PORTFOLIO OVERLAY -->
  866.  
  867. </a>
  868. </div>
  869. </div>
  870. <!-- END PORTFOLIO ITEM -->
  871.  
  872. <!-- START PORTFOLIO ITEM -->
  873. <div class="portfolio-item one-third column branding custom web isotope-item">
  874. <div class="portfolio">
  875. <a href="#!projects/project-1.html" class="portfolio-image">
  876. <img src="images/portfolio/portfolio1.jpg" alt="Portfolio 1"/><!-- END PORTFOLIO IMAGE -->
  877.  
  878. <div class="hover-items">
  879. <span>
  880. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  881. <em class="lead">All Por Ju Website</em><!-- OVERLAY TITLE -->
  882. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  883. </span>
  884. </div><!-- END PORTFOLIO OVERLAY -->
  885.  
  886. </a>
  887. </div>
  888. </div>
  889. <!-- END PORTFOLIO ITEM -->
  890.  
  891.  
  892. <!-- START PORTFOLIO ITEM -->
  893. <div class="portfolio-item one-third column branding design isotope-item">
  894. <div class="portfolio">
  895. <a href="#!projects/project-2.html" class="portfolio-image">
  896. <img src="images/portfolio/portfolio2.jpg" alt="Portfolio 2"/><!-- END PORTFOLIO IMAGE -->
  897.  
  898. <div class="hover-items">
  899. <span>
  900. <i class="fa fa-rocket"></i><!-- OVERLAY ICON -->
  901. <em class="lead">Squared Identity Logo</em><!-- OVERLAY TITLE -->
  902. <em class="portfolio-tags">Branding, Logo</em><!-- END PORTFOLIO TAGS -->
  903. </span>
  904. </div><!-- END PORTFOLIO OVERLAY -->
  905.  
  906. </a>
  907. </div>
  908. </div>
  909. <!-- END PORTFOLIO ITEM -->
  910.  
  911. <!-- START PORTFOLIO ITEM -->
  912. <div class="portfolio-item one-third column branding videography web isotope-item">
  913. <div class="portfolio">
  914. <a href="#!projects/project-3.html" class="portfolio-image">
  915. <img src="images/portfolio/portfolio3.jpg" alt="Portfolio 3"/><!-- END PORTFOLIO IMAGE -->
  916.  
  917. <div class="hover-items">
  918. <span>
  919. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  920. <em class="lead">StreamKat Website</em><!-- OVERLAY TITLE -->
  921. <em class="portfolio-tags">Branding, Videography, Web Design</em><!-- END PORTFOLIO TAGS -->
  922. </span>
  923. </div><!-- END PORTFOLIO OVERLAY -->
  924.  
  925. </a>
  926. </div>
  927. </div>
  928. <!-- END PORTFOLIO ITEM -->
  929.  
  930. <!-- START PORTFOLIO ITEM -->
  931. <div class="portfolio-item one-third column branding design isotope-item">
  932. <div class="portfolio">
  933. <a href="#!projects/project-4.html" class="portfolio-image">
  934. <img src="images/portfolio/portfolio4.jpg" alt="Portfolio 4"/><!-- END PORTFOLIO IMAGE -->
  935.  
  936. <div class="hover-items">
  937. <span>
  938. <i class="fa fa-rocket"></i><!-- OVERLAY ICON -->
  939. <em class="lead">StreamKat Logo</em><!-- OVERLAY TITLE -->
  940. <em class="portfolio-tags">Branding, Logo</em><!-- END PORTFOLIO TAGS -->
  941. </span>
  942. </div><!-- END PORTFOLIO OVERLAY -->
  943.  
  944. </a>
  945. </div>
  946. </div>
  947. <!-- END PORTFOLIO ITEM -->
  948.  
  949.  
  950. <!-- START PORTFOLIO ITEM -->
  951. <div class="portfolio-item one-third column branding custom web isotope-item">
  952. <div class="portfolio">
  953. <a href="#!projects/project-5.html" class="portfolio-image">
  954. <img src="images/portfolio/portfolio5.jpg" alt="Portfolio 5"/><!-- END PORTFOLIO IMAGE -->
  955.  
  956. <div class="hover-items">
  957. <span>
  958. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  959. <em class="lead">Vegasssy Website</em><!-- OVERLAY TITLE -->
  960. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  961. </span>
  962. </div><!-- END PORTFOLIO OVERLAY -->
  963.  
  964. </a>
  965. </div>
  966. </div>
  967. <!-- END PORTFOLIO ITEM -->
  968.  
  969.  
  970. <!-- START PORTFOLIO ITEM -->
  971. <div class="portfolio-item one-third column videography custom isotope-item">
  972. <div class="portfolio">
  973. <a href="#!projects/project-6.html" class="portfolio-image">
  974. <img src="images/portfolio/portfolio6.jpg" alt="Portfolio 6"/><!-- END PORTFOLIO IMAGE -->
  975.  
  976. <div class="hover-items">
  977. <span>
  978. <i class="fa fa-film"></i><!-- OVERLAY ICON -->
  979. <em class="lead">StreamKat Teaser Video</em><!-- OVERLAY TITLE -->
  980. <em class="portfolio-tags">Custom Application, Videography</em><!-- END PORTFOLIO TAGS -->
  981. </span>
  982. </div><!-- END PORTFOLIO OVERLAY -->
  983.  
  984. </a>
  985. </div>
  986. </div>
  987. <!-- END PORTFOLIO ITEM -->
  988.  
  989. <!-- START PORTFOLIO ITEM -->
  990. <div class="portfolio-item one-third column branding web isotope-item">
  991. <div class="portfolio">
  992. <a href="#!projects/project-7.html" class="portfolio-image">
  993. <img src="images/portfolio/portfolio7.jpg" alt="Portfolio 7"/><!-- END PORTFOLIO IMAGE -->
  994.  
  995. <div class="hover-items">
  996. <span>
  997. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  998. <em class="lead">Native Kinds Band</em><!-- OVERLAY TITLE -->
  999. <em class="portfolio-tags">Branding, Web Design</em><!-- END PORTFOLIO TAGS -->
  1000. </span>
  1001. </div><!-- END PORTFOLIO OVERLAY -->
  1002.  
  1003. </a>
  1004. </div>
  1005. </div>
  1006. <!-- END PORTFOLIO ITEM -->
  1007.  
  1008. <!-- START PORTFOLIO ITEM -->
  1009. <div class="portfolio-item one-third column animation branding design isotope-item">
  1010. <div class="portfolio">
  1011. <a href="#!projects/project-8.html" class="portfolio-image">
  1012. <img src="images/portfolio/portfolio8.jpg" alt="Portfolio 8"/><!-- END PORTFOLIO IMAGE -->
  1013.  
  1014. <div class="hover-items">
  1015. <span>
  1016. <i class="fa fa-rocket"></i><!-- OVERLAY ICON -->
  1017. <em class="lead">DroneWorx Logo</em><!-- OVERLAY TITLE -->
  1018. <em class="portfolio-tags">Animation, Branding, Logo</em><!-- END PORTFOLIO TAGS -->
  1019. </span>
  1020. </div><!-- END PORTFOLIO OVERLAY -->
  1021.  
  1022. </a>
  1023. </div>
  1024. </div>
  1025. <!-- END PORTFOLIO ITEM -->
  1026.  
  1027.  
  1028. <!-- START PORTFOLIO ITEM -->
  1029. <div class="portfolio-item one-third column branding custom web isotope-item">
  1030. <div class="portfolio">
  1031. <a href="#!projects/project-11.html" class="portfolio-image">
  1032. <img src="images/portfolio/portfolio11.jpg" alt="Portfolio 11"/><!-- END PORTFOLIO IMAGE -->
  1033.  
  1034. <div class="hover-items">
  1035. <span>
  1036. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  1037. <em class="lead">BananaDog Media Website</em><!-- OVERLAY TITLE -->
  1038. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  1039. </span>
  1040. </div><!-- END PORTFOLIO OVERLAY -->
  1041.  
  1042. </a>
  1043. </div>
  1044. </div>
  1045. <!-- END PORTFOLIO ITEM -->
  1046.  
  1047. <!-- START PORTFOLIO ITEM -->
  1048. <div class="portfolio-item one-third column branding custom design web isotope-item">
  1049. <div class="portfolio">
  1050. <a href="#!projects/project-10.html" class="portfolio-image">
  1051. <img src="images/portfolio/portfolio10.jpg" alt="Portfolio 10"/><!-- END PORTFOLIO IMAGE -->
  1052.  
  1053. <div class="hover-items">
  1054. <span>
  1055. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  1056. <em class="lead">Cinestream Website</em><!-- OVERLAY TITLE -->
  1057. <em class="portfolio-tags">Branding, Custom Application, Logo, Web Design</em><!-- END PORTFOLIO TAGS -->
  1058. </span>
  1059. </div><!-- END PORTFOLIO OVERLAY -->
  1060.  
  1061. </a>
  1062. </div>
  1063. </div>
  1064. <!-- END PORTFOLIO ITEM -->
  1065.  
  1066. <!-- START PORTFOLIO ITEM -->
  1067. <div class="portfolio-item one-third column branding custom web isotope-item">
  1068. <div class="portfolio">
  1069. <a href="#!projects/project-9.html" class="portfolio-image">
  1070. <img src="images/portfolio/portfolio9.jpg" alt="Portfolio 9"/><!-- END PORTFOLIO IMAGE -->
  1071.  
  1072. <div class="hover-items">
  1073. <span>
  1074. <i class="fa fa-picture-o"></i><!-- OVERLAY ICON -->
  1075. <em class="lead">All Por Ju Original</em><!-- OVERLAY TITLE -->
  1076. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  1077. </span>
  1078. </div><!-- END PORTFOLIO OVERLAY -->
  1079.  
  1080. </a>
  1081. </div>
  1082. </div>
  1083. <!-- END PORTFOLIO ITEM -->
  1084.  
  1085. <!-- START PORTFOLIO ITEM -->
  1086. <div class="portfolio-item one-third column branding design isotope-item">
  1087. <div class="portfolio">
  1088. <a href="#!projects/project-12.html" class="portfolio-image">
  1089. <img src="images/portfolio/portfolio12.jpg" alt="Portfolio 12"/><!-- END PORTFOLIO IMAGE -->
  1090.  
  1091. <div class="hover-items">
  1092. <span>
  1093. <i class="fa fa-rocket"></i><!-- OVERLAY ICON -->
  1094. <em class="lead">Echelon Motorcars Logo</em><!-- OVERLAY TITLE -->
  1095. <em class="portfolio-tags">Branding, Logo</em><!-- END PORTFOLIO TAGS -->
  1096. </span>
  1097. </div><!-- END PORTFOLIO OVERLAY -->
  1098.  
  1099. </a>
  1100. </div>
  1101. </div>
  1102. <!-- END PORTFOLIO ITEM -->
  1103.  
  1104. <!-- START PORTFOLIO ITEM -->
  1105. <div class="portfolio-item one-third column branding custom web isotope-item">
  1106. <div class="portfolio">
  1107. <a href="#!projects/project-14.html" class="portfolio-image">
  1108. <img src="images/portfolio/portfolio14.jpg" alt="Portfolio 14"/><!-- END PORTFOLIO IMAGE -->
  1109.  
  1110. <div class="hover-items">
  1111. <span>
  1112. <i class="fa fa-tint"></i><!-- OVERLAY ICON -->
  1113. <em class="lead">DroneWorx Website</em><!-- OVERLAY TITLE -->
  1114. <em class="portfolio-tags">Branding, Custom Application, Web Design</em><!-- END PORTFOLIO TAGS -->
  1115. </span>
  1116. </div><!-- END PORTFOLIO OVERLAY -->
  1117.  
  1118. </a>
  1119. </div>
  1120. </div>
  1121. <!-- END PORTFOLIO ITEM -->
  1122.  
  1123. <!-- START PORTFOLIO ITEM -->
  1124. <div class="portfolio-item one-third column custom videography isotope-item">
  1125. <div class="portfolio">
  1126. <a href="#!projects/project-13.html" class="portfolio-image">
  1127. <img src="images/portfolio/portfolio13.jpg" alt="Portfolio 13"/><!-- END PORTFOLIO IMAGE -->
  1128.  
  1129. <div class="hover-items">
  1130. <span>
  1131. <i class="fa fa-film"></i><!-- OVERLAY ICON -->
  1132. <em class="lead">Surrender Live Streaming</em><!-- OVERLAY TITLE -->
  1133. <em class="portfolio-tags">Custom Application, Videography</em><!-- END PORTFOLIO TAGS -->
  1134. </span>
  1135. </div><!-- END PORTFOLIO OVERLAY -->
  1136.  
  1137. </a>
  1138. </div>
  1139. </div>
  1140. <!-- END PORTFOLIO ITEM -->
  1141.  
  1142. <!-- START PORTFOLIO ITEM -->
  1143. <div class="portfolio-item one-third column branding design isotope-item">
  1144. <div class="portfolio">
  1145. <a href="#!projects/project-15.html" class="portfolio-image">
  1146. <img src="images/portfolio/portfolio15.jpg" alt="Portfolio 15"/><!-- END PORTFOLIO IMAGE -->
  1147.  
  1148. <div class="hover-items">
  1149. <span>
  1150. <i class="fa fa-rocket"></i><!-- OVERLAY ICON -->
  1151. <em class="lead">BananaDog Media Logo</em><!-- OVERLAY TITLE -->
  1152. <em class="portfolio-tags">Branding, Logo</em><!-- END PORTFOLIO TAGS -->
  1153. </span>
  1154. </div><!-- END PORTFOLIO OVERLAY -->
  1155.  
  1156. </a>
  1157. </div>
  1158. </div>
  1159. <!-- END PORTFOLIO ITEM -->
  1160.  
  1161.  
  1162. </div>
  1163. <!-- END PORTFOLIO WRAPPER -->
  1164.  
  1165. <!-- <div id="port-pagination" style="display: block;">
  1166. <a href="#" id="loadmore">Load More</a>
  1167. </div>-->
  1168.  
  1169. <div class="fullwidth grey" style="margin:0px !important; padding:50px 0px !important;">
  1170.  
  1171. <div class="sixteen columns">
  1172.  
  1173. <h3>Need more proof of our awesomenesss?</h3> <a href="#contact" class="button scroll-to">Get in touch</a>
  1174. </div><!-- END SIXTEEN COLUMNS -->
  1175. </div><!-- END CONTAINER -->
  1176.  
  1177. </div>
  1178. <!-- END PORTFOLIO SECTION -->
  1179.  
  1180. <!-- START PARALLAX SECTION -->
  1181. <div id="parallax3" class="parallax">
  1182. <div class="bg3 parallax-bg"></div><!-- END PARALLAX BACKGROUND -->
  1183. <div class="overlay"></div><!-- END PATTERN OVERLAY -->
  1184. <div class="container clearfix">
  1185. <div class="parallax-content">
  1186. <p class="testimonial-icon"><i class="icon-quote-left"></i></p><h3 class="title"><span>Our Testimonials</span></h3>
  1187. <div class="testimonial-slider">
  1188. <div class="flexslider">
  1189. <ul class="slides styled-list">
  1190.  
  1191. <li class="testimonial-slide"><p class="client-testimonial">BanandaDog Media's ability to understand back-end and front-end integration helped us solve our platform needs in a fraction of the time. Dimitry's hands-on approach and an eye for detail, gave our brand a beautiful and unique presence on the web. We work with BananaDog Media on every aspect of design, production, and post production for all of our media!<i class="fa fa-star"></i></p><div class="client-info">Brian, StreamKat - Live Streaming Platform</div></li>
  1192.  
  1193. <li class="testimonial-slide"><p class="client-testimonial">Dimitry and his team did an amazing job of capturing our creative side through the website. Their attention to detail, ability to go above and beyond expectations, and quick turn-around has allowed our band to focus on our music instead of our online presence.</p><div class="client-info">Phill, Native Kinds - Band</div></li>
  1194.  
  1195. <li class="testimonial-slide"><p class="client-testimonial">Being in a creative field myself, I find that I always strive to provide my clients with that special "wow" factor. Not only did the BananaDog Media team exceed my expectations by conveying my company's creative approach through the website they built, but also at how quickly and professionally they handled the transactions.BananaDog Media has added not just value, but that ingenious "wow" factor to my business! </p><div class="client-info">Lisa, All Por Ju - Interior Design/Decor</div></li>
  1196.  
  1197. </ul>
  1198. </div>
  1199. </div>
  1200.  
  1201. </div><!-- END PARALLAX CONTENT -->
  1202. </div><!-- END CONTAINER -->
  1203. </div>
  1204. <!-- END PARALLAX SECTION -->
  1205.  
  1206.  
  1207. <!-- START TEAM SECTION -->
  1208. <div id="team" class="page">
  1209. <div class="team">
  1210.  
  1211. <div class="title">
  1212. <h1>MEET THE DREAM TEAM</h1>
  1213. </div>
  1214.  
  1215. <div class="fullwidth grey">
  1216. <div class="container">
  1217. <div class="row">
  1218.  
  1219. <div class="sixteen columns">
  1220.  
  1221.  
  1222. <h3 class="founders">"Our motto is quite simple... Every Pixel Counts! "</h3>
  1223.  
  1224. <!-- START TEAM MEMBER -->
  1225. <div class="team-member">
  1226. <!-- START TEAM THUMBNAIL -->
  1227. <div class="team-thumb img-wrp">
  1228.  
  1229. <!-- START MEMBER IMAGE -->
  1230. <img src="images/team/team1.png" alt="team">
  1231. <!-- END MEMBER IMAGE -->
  1232. <!-- START TEAM OVERLAY -->
  1233. <div class="team-overlay">
  1234. <div class="img-overlay"></div>
  1235. <!-- START OVERLAY CONTENT -->
  1236. <div class="overlay-content">
  1237.  
  1238. <!-- START MEMBER ROLE -->
  1239. <h3 class="founders"><a data-toggle="modal" href="#team-1" class="modal-popup-link">Dimitry</a></h4>
  1240. <!-- END MEMBER ROLE -->
  1241.  
  1242. <!-- START PROFILE LINK -->
  1243. <p><a data-toggle="modal" href="#team-1" class="modal-popup-link view-profile">View Profile</a></p>
  1244. <!-- END PROFILE LINK -->
  1245. </div><!-- END OVERLAY CONTENT -->
  1246.  
  1247. </div><!-- END TEAM OVERLAY -->
  1248. </div><!-- END TEAM THUMBNAIL -->
  1249.  
  1250. <!-- START TEAM DESCRIPTION -->
  1251. <div class="team-desc">
  1252. <h4>Dimitry</h4>
  1253. </div>
  1254. <!-- END TEAM DESCRIPTION -->
  1255.  
  1256.  
  1257.  
  1258.  
  1259. <!-- START TEAM MEMBER BIO MODAL POPUP -->
  1260. <div id="team-1" class="modal hide fade.in animated fadeIn">
  1261.  
  1262. <!-- START TEAM BIO -->
  1263. <div class="member-bio">
  1264. <div class="container">
  1265.  
  1266. <!-- START MODAL POPUP CLOSE BUTTON -->
  1267. <a href="#" class="close" data-dismiss="modal">×</a>
  1268. <!-- END MODAL POPUP CLOSE BUTTON -->
  1269.  
  1270.  
  1271. <!-- START MEMBER NAME AND ROLE -->
  1272. <div class="member-role">
  1273. <h1>Dimitry Berg</h1>
  1274. <h4 class="highlight">Creative Guru and Founder</h4>
  1275. </div>
  1276. <!-- END MEMBER NAME AND ROLE -->
  1277.  
  1278.  
  1279. <div class="row">
  1280. <div class="seven columns">
  1281. <!-- START MEMBER IMAGE -->
  1282. <img src="images/team/team1.png" alt="team">
  1283. <!-- END MEMBER IMAGE -->
  1284.  
  1285. <!-- START MEMBER SHARING ICONS -->
  1286. <div class="member-details">
  1287. <div class="social-icons">
  1288. <div class="social-icon social-email"><a href="mailto:dimitry@bananadogmedia.com" target="_blank" data-original-title="Email">Email</a></div>
  1289. <div class="social-icon social-twitter"><a href="https://twitter.com/dimitryvegas" target="_blank" data-original-title="Twitter">Twitter</a></div>
  1290. <div class="social-icon social-facebook"><a href="https://www.facebook.com/dimitry.xstryst" target="_blank" data-original-title="Facebook">Facebook</a></div>
  1291. <div class="social-icon social-googleplus"><a href="https://plus.google.com/u/0/108747413645709026429/about/p/pub" target="_blank" data-original-title="GooglePlus">Google +</a></div>
  1292. <div class="social-icon social-instagram"><a href="http://instagram.com/dimitryvegas" target="_blank" data-original-title="Instagram">Instagram</a></div>
  1293. <div class="social-icon social-linkedin"><a href="http://www.linkedin.com/in/dimitryberg" target="_blank" data-original-title="LinkedIn">LinkedIn</a></div>
  1294. </div>
  1295. </div>
  1296. <!-- END MEMBER SHARING ICONS -->
  1297. </div><!-- END COLUMN -->
  1298.  
  1299. <!-- START MEMBER DESCRIPTION -->
  1300. <div class="eight columns member-description">
  1301. <p class="lead">"His strategic 10+ years experience, vision and award-winning creative talent are the fuel that drives the passion behind what we do."</p>
  1302.  
  1303. <h3>Dimitry's Awesomenesss Skills</h3>
  1304.  
  1305. <div class="skillbar" data-perc="95">
  1306. <div class="skill-title">Web Development 95%</div>
  1307. <div class="skill-percentage"></div>
  1308. </div>
  1309. <div class="skillbar" data-perc="80">
  1310. <div class="skill-title">UI/UX Design 80%</div>
  1311. <div class="skill-percentage"></div>
  1312. </div>
  1313. <div class="skillbar" data-perc="95">
  1314. <div class="skill-title">Branding 95%</div>
  1315. <div class="skill-percentage"></div>
  1316. </div>
  1317. <div class="skillbar" data-perc="85">
  1318. <div class="skill-title">Custom Applications 85%</div>
  1319. <div class="skill-percentage"></div>
  1320. </div>
  1321. <div class="skillbar" data-perc="90">
  1322. <div class="skill-title">Graphic Design 90%</div>
  1323. <div class="skill-percentage"></div>
  1324. </div>
  1325.  
  1326. <p>I have a Computer Engineering degree from Iowa State University specializing in Computer Science and front-end design. With over 10+ years of web and graphic design experience, my philosophy is simple: "Every Pixel Counts!" This ensures attention to detail and a beautiful and rich media experience.</p>
  1327. <p>Let me strategically plan and execute your vision. If it's something that we cannot handle then I will personally find the solution to your needs.</p>
  1328.  
  1329. <p>In my spare time I love to tinker with technology, especially with live video streaming and unmanned aerial vehicles (Drones.) I also enjoy outdoor sports, golf, soccer, tennis, hiking and traveling! </p>
  1330.  
  1331.  
  1332. </div><!-- END MEMBER DESCRIPTION -->
  1333.  
  1334. </div><!-- END ROW -->
  1335. </div><!-- END CONTAINER -->
  1336. </div><!-- END TEAM BIO -->
  1337. </div><!-- END TEAM MEMBER BIO MODAL POPUP -->
  1338. </div><!-- END TEAM MEMBER -->
  1339.  
  1340.  
  1341. <!-- START TEAM MEMBER -->
  1342. <div class="team-member">
  1343. <!-- START TEAM THUMBNAIL -->
  1344. <div class="team-thumb img-wrp">
  1345.  
  1346. <!-- START MEMBER IMAGE -->
  1347. <img src="images/team/team2.png" alt="team">
  1348. <!-- END MEMBER IMAGE -->
  1349. <!-- START TEAM OVERLAY -->
  1350. <div class="team-overlay">
  1351. <div class="img-overlay"></div>
  1352. <!-- START OVERLAY CONTENT -->
  1353. <div class="overlay-content">
  1354.  
  1355. <!-- START MEMBER ROLE -->
  1356. <h3 class="founders"><a data-toggle="modal" href="#team-2" class="modal-popup-link">Sonnie <i class="fa fa-paw"></i></a></h3>
  1357. <!-- END MEMBER ROLE -->
  1358.  
  1359. <!-- START PROFILE LINK -->
  1360. <p><a data-toggle="modal" href="#team-2" class="modal-popup-link view-profile">View Profile</a></p>
  1361. <!-- END PROFILE LINK -->
  1362. </div><!-- END OVERLAY CONTENT -->
  1363.  
  1364. </div><!-- END TEAM OVERLAY -->
  1365. </div><!-- END TEAM THUMBNAIL -->
  1366.  
  1367. <!-- START TEAM DESCRIPTION -->
  1368. <div class="team-desc">
  1369. <h4>Sonnie</h4>
  1370. </div>
  1371. <!-- END TEAM DESCRIPTION -->
  1372.  
  1373.  
  1374.  
  1375.  
  1376. <!-- START TEAM MEMBER BIO MODAL POPUP -->
  1377. <div id="team-2" class="modal hide fade.in animated fadeIn">
  1378.  
  1379. <!-- START TEAM BIO -->
  1380. <div class="member-bio">
  1381. <div class="container">
  1382.  
  1383. <!-- START MODAL POPUP CLOSE BUTTON -->
  1384. <a href="#" class="close" data-dismiss="modal">×</a>
  1385. <!-- END MODAL POPUP CLOSE BUTTON -->
  1386.  
  1387.  
  1388. <!-- START MEMBER NAME AND ROLE -->
  1389. <div class="member-role">
  1390. <h1>Sonnie Bunnie</h1>
  1391. <h4 class="highlight">Banana Director</h4>
  1392. </div>
  1393. <!-- END MEMBER NAME AND ROLE -->
  1394.  
  1395.  
  1396. <div class="row">
  1397. <div class="seven columns">
  1398. <!-- START MEMBER IMAGE -->
  1399. <img src="images/team/team2.png" alt="team">
  1400. <!-- END MEMBER IMAGE -->
  1401.  
  1402. <!-- <!-- START MEMBER SHARING ICONS
  1403. <div class="member-details">
  1404. <div class="social-icons">
  1405. <div class="social-icon social-email"><a href="mailto:hallo@example.com" target="_blank" data-original-title="Email">Email</a></div>
  1406. <div class="social-icon social-behance"><a href="#" target="_blank" data-original-title="Behance">Behance</a></div>
  1407. <div class="social-icon social-facebook"><a href="#" target="_blank" data-original-title="Facebook">Facebook</a></div>
  1408. <div class="social-icon social-flickr"><a href="#" target="_blank" data-original-title="Flickr">Flickr</a></div>
  1409. <div class="social-icon social-forrst"><a href="#" target="_blank" data-original-title="Forrst">Forrst</a></div>
  1410. </div>
  1411. </div>-->
  1412. <!-- END MEMBER SHARING ICONS -->
  1413. </div><!-- END COLUMN -->
  1414.  
  1415. <!-- START MEMBER DESCRIPTION -->
  1416. <div class="eight columns member-description">
  1417. <p class="lead">"Woof, woof, bark, woof."</p>
  1418.  
  1419. <h3>Sonnie's Awesomenesss Skills</h3>
  1420.  
  1421. <div class="skillbar" data-perc="85">
  1422. <div class="skill-title">Eating Treats 85%</div>
  1423. <div class="skill-percentage"></div>
  1424. </div>
  1425. <div class="skillbar" data-perc="80">
  1426. <div class="skill-title">Sleeping 80%</div>
  1427. <div class="skill-percentage"></div>
  1428. </div>
  1429. <div class="skillbar" data-perc="60">
  1430. <div class="skill-title">Barking at Delivery Guy 60%</div>
  1431. <div class="skill-percentage"></div>
  1432. </div>
  1433. <div class="skillbar" data-perc="90">
  1434. <div class="skill-title">Overseeing Operations 90%</div>
  1435. <div class="skill-percentage"></div>
  1436. </div>
  1437.  
  1438. <p>I love overseeing everyone at BananaDog Media. Although mostly to see if I can scavenge a treat, I do enjoy being around my team!</p>
  1439.  
  1440. <p>I'm an indoor pup and love getting rubs and treats on the couch!</p>
  1441.  
  1442.  
  1443. </div><!-- END MEMBER DESCRIPTION -->
  1444.  
  1445. </div><!-- END ROW -->
  1446. </div><!-- END CONTAINER -->
  1447. </div><!-- END TEAM BIO -->
  1448. </div><!-- END TEAM MEMBER BIO MODAL POPUP -->
  1449. </div><!-- END TEAM MEMBER -->
  1450.  
  1451. </br></br>
  1452.  
  1453. <!-- START TEAM MEMBER -->
  1454. <div class="team-member">
  1455. <!-- START TEAM THUMBNAIL -->
  1456. <div class="team-thumb img-wrp">
  1457.  
  1458. <!-- START MEMBER IMAGE -->
  1459. <img src="images/team/team3.png" alt="team">
  1460. <!-- END MEMBER IMAGE -->
  1461. <!-- START TEAM OVERLAY -->
  1462. <div class="team-overlay">
  1463. <div class="img-overlay"></div>
  1464. <!-- START OVERLAY CONTENT -->
  1465. <div class="overlay-content">
  1466.  
  1467. <!-- START MEMBER ROLE -->
  1468. <h3 class="founders"><a data-toggle="modal" href="#team-3" class="modal-popup-link">Jake</a></h3>
  1469. <!-- END MEMBER ROLE -->
  1470.  
  1471. <!-- START PROFILE LINK -->
  1472. <p><a data-toggle="modal" href="#team-3" class="modal-popup-link view-profile">View Profile</a></p>
  1473. <!-- END PROFILE LINK -->
  1474. </div><!-- END OVERLAY CONTENT -->
  1475.  
  1476. </div><!-- END TEAM OVERLAY -->
  1477. </div><!-- END TEAM THUMBNAIL -->
  1478.  
  1479. <!-- START TEAM DESCRIPTION -->
  1480. <div class="team-desc">
  1481. <h4>Jake</h4>
  1482. </div>
  1483. <!-- END TEAM DESCRIPTION -->
  1484.  
  1485.  
  1486.  
  1487.  
  1488. <!-- START TEAM MEMBER BIO MODAL POPUP -->
  1489. <div id="team-3" class="modal hide fade.in animated fadeIn">
  1490.  
  1491. <!-- START TEAM BIO -->
  1492. <div class="member-bio">
  1493. <div class="container">
  1494.  
  1495. <!-- START MODAL POPUP CLOSE BUTTON -->
  1496. <a href="#" class="close" data-dismiss="modal">×</a>
  1497. <!-- END MODAL POPUP CLOSE BUTTON -->
  1498.  
  1499.  
  1500. <!-- START MEMBER NAME AND ROLE -->
  1501. <div class="member-role">
  1502. <h1>Jake Ols</h1>
  1503. <h4 class="highlight">Full-Stack Developer</h4>
  1504. </div>
  1505. <!-- END MEMBER NAME AND ROLE -->
  1506.  
  1507.  
  1508. <div class="row">
  1509. <div class="seven columns">
  1510. <!-- START MEMBER IMAGE -->
  1511. <img src="images/team/team3.png" alt="team">
  1512. <!-- END MEMBER IMAGE -->
  1513.  
  1514. <!-- <!-- START MEMBER SHARING ICONS
  1515. <div class="member-details">
  1516. <div class="social-icons">
  1517. <div class="social-icon social-email"><a href="mailto:hallo@example.com" target="_blank" data-original-title="Email">Email</a></div>
  1518. <div class="social-icon social-behance"><a href="#" target="_blank" data-original-title="Behance">Behance</a></div>
  1519. <div class="social-icon social-facebook"><a href="#" target="_blank" data-original-title="Facebook">Facebook</a></div>
  1520. <div class="social-icon social-flickr"><a href="#" target="_blank" data-original-title="Flickr">Flickr</a></div>
  1521. <div class="social-icon social-forrst"><a href="#" target="_blank" data-original-title="Forrst">Forrst</a></div>
  1522. </div>
  1523. </div> -->
  1524. <!-- END MEMBER SHARING ICONS -->
  1525. </div><!-- END COLUMN -->
  1526.  
  1527. <!-- START MEMBER DESCRIPTION -->
  1528. <div class="eight columns member-description">
  1529. <p class="lead">"His knowledge and passion for code allows us to be the leaders in the industry."</p>
  1530.  
  1531. <h3>Jake's Awesomenesss Skills</h3>
  1532.  
  1533. <div class="skillbar" data-perc="90">
  1534. <div class="skill-title">Web Development 90%</div>
  1535. <div class="skill-percentage"></div>
  1536. </div>
  1537. <div class="skillbar" data-perc="80">
  1538. <div class="skill-title">Front-end Design 80%</div>
  1539. <div class="skill-percentage"></div>
  1540. </div>
  1541. <div class="skillbar" data-perc="85">
  1542. <div class="skill-title">UI/UX Design 85%</div>
  1543. <div class="skill-percentage"></div>
  1544. </div>
  1545. <div class="skillbar" data-perc="80">
  1546. <div class="skill-title">iOS Development 80%</div>
  1547. <div class="skill-percentage"></div>
  1548. </div>
  1549.  
  1550. <p>Growing up, I had a natural curiosity that drove me to explore the way technology works. Since beginning to program at the age of seven, I have developed that natural curiosity into a diverse skill set, independently developing multiple iOS and Web applications. I am a full-stack developer with a passion for solving complex problems through fluid user interface design, and careful attention to detail. </p>
  1551.  
  1552.  
  1553. </div><!-- END MEMBER DESCRIPTION -->
  1554.  
  1555. </div><!-- END ROW -->
  1556. </div><!-- END CONTAINER -->
  1557. </div><!-- END TEAM BIO -->
  1558. </div><!-- END TEAM MEMBER BIO MODAL POPUP -->
  1559. </div><!-- END TEAM MEMBER -->
  1560.  
  1561. <!-- START TEAM MEMBER -->
  1562. <div class="team-member">
  1563. <!-- START TEAM THUMBNAIL -->
  1564. <div class="team-thumb img-wrp">
  1565.  
  1566. <!-- START MEMBER IMAGE -->
  1567. <img src="images/team/team4.png" alt="team">
  1568. <!-- END MEMBER IMAGE -->
  1569. <!-- START TEAM OVERLAY -->
  1570. <div class="team-overlay">
  1571. <div class="img-overlay"></div>
  1572. <!-- START OVERLAY CONTENT -->
  1573. <div class="overlay-content">
  1574.  
  1575. <!-- START MEMBER ROLE -->
  1576. <h3 class="founders"><a data-toggle="modal" href="#team-4" class="modal-popup-link">Joseph</a></h3>
  1577. <!-- END MEMBER ROLE -->
  1578.  
  1579. <!-- START PROFILE LINK -->
  1580. <p><a data-toggle="modal" href="#team-4" class="modal-popup-link view-profile">View Profile</a></p>
  1581. <!-- END PROFILE LINK -->
  1582. </div><!-- END OVERLAY CONTENT -->
  1583.  
  1584. </div><!-- END TEAM OVERLAY -->
  1585. </div><!-- END TEAM THUMBNAIL -->
  1586.  
  1587. <!-- START TEAM DESCRIPTION -->
  1588. <div class="team-desc">
  1589. <h4>Joseph</h4>
  1590. </div>
  1591. <!-- END TEAM DESCRIPTION -->
  1592.  
  1593.  
  1594.  
  1595.  
  1596. <!-- START TEAM MEMBER BIO MODAL POPUP -->
  1597. <div id="team-4" class="modal hide fade.in animated fadeIn">
  1598.  
  1599. <!-- START TEAM BIO -->
  1600. <div class="member-bio">
  1601. <div class="container">
  1602.  
  1603. <!-- START MODAL POPUP CLOSE BUTTON -->
  1604. <a href="#" class="close" data-dismiss="modal">×</a>
  1605. <!-- END MODAL POPUP CLOSE BUTTON -->
  1606.  
  1607.  
  1608. <!-- START MEMBER NAME AND ROLE -->
  1609. <div class="member-role">
  1610. <h1>Joseph Yalenkatian</h1>
  1611. <h4 class="highlight">Brand Warrior</h4>
  1612. </div>
  1613. <!-- END MEMBER NAME AND ROLE -->
  1614.  
  1615.  
  1616. <div class="row">
  1617. <div class="seven columns">
  1618. <!-- START MEMBER IMAGE -->
  1619. <img src="images/team/team4.png" alt="team">
  1620. <!-- END MEMBER IMAGE -->
  1621.  
  1622. <!-- <!-- START MEMBER SHARING ICONS
  1623. <div class="member-details">
  1624. <div class="social-icons">
  1625. <div class="social-icon social-email"><a href="mailto:hallo@example.com" target="_blank" data-original-title="Email">Email</a></div>
  1626. <div class="social-icon social-behance"><a href="#" target="_blank" data-original-title="Behance">Behance</a></div>
  1627. <div class="social-icon social-facebook"><a href="#" target="_blank" data-original-title="Facebook">Facebook</a></div>
  1628. <div class="social-icon social-flickr"><a href="#" target="_blank" data-original-title="Flickr">Flickr</a></div>
  1629. <div class="social-icon social-forrst"><a href="#" target="_blank" data-original-title="Forrst">Forrst</a></div>
  1630. </div>
  1631. </div> -->
  1632. <!-- END MEMBER SHARING ICONS -->
  1633. </div><!-- END COLUMN -->
  1634.  
  1635. <!-- START MEMBER DESCRIPTION -->
  1636. <div class="eight columns member-description">
  1637. <p class="lead">"His multilingual skills allow us to bring beautiful design into all parts of the world."</p>
  1638.  
  1639. <h3>Joseph's Awesomenesss Skills</h3>
  1640.  
  1641. <div class="skillbar" data-perc="90">
  1642. <div class="skill-title">Web Development 90%</div>
  1643. <div class="skill-percentage"></div>
  1644. </div>
  1645. <div class="skillbar" data-perc="80">
  1646. <div class="skill-title">Web Design 80%</div>
  1647. <div class="skill-percentage"></div>
  1648. </div>
  1649. <div class="skillbar" data-perc="85">
  1650. <div class="skill-title">Graphic Design 85%</div>
  1651. <div class="skill-percentage"></div>
  1652. </div>
  1653.  
  1654. <p>I am currently an Honors senior pursuing a degree in Computer Science with a software engineering concentration at the University of Nevada, Las Vegas. With previous experience in web and graphic design for family and friends, I am eager to expand my knowledge as an intern under the expertise of the BananaDog Media team. Resolution, quality, and attention to detail are everything to me and the work that I do! This provides me with the opportunity to create content that not only meet, but exceed, your expectations.</p>
  1655. <p>When I’m not programming and designing, I love to spend my spare time learning foreign languages. I speak English, Armenian, and French, with the hopes to get better in Spanish and Italian! I also love to travel and cook, both of which can go really well together – especially when with friends.</p>
  1656.  
  1657.  
  1658. </div><!-- END MEMBER DESCRIPTION -->
  1659.  
  1660. </div><!-- END ROW -->
  1661. </div><!-- END CONTAINER -->
  1662. </div><!-- END TEAM BIO -->
  1663. </div><!-- END TEAM MEMBER BIO MODAL POPUP -->
  1664. </div><!-- END TEAM MEMBER -->
  1665.  
  1666.  
  1667. <!-- START TEAM MEMBER -->
  1668. <div class="team-member">
  1669. <!-- START TEAM THUMBNAIL -->
  1670. <div class="team-thumb img-wrp">
  1671.  
  1672. <!-- START MEMBER IMAGE -->
  1673. <img src="images/team/team5.png" alt="team">
  1674. <!-- END MEMBER IMAGE -->
  1675. <!-- START TEAM OVERLAY -->
  1676. <div class="team-overlay">
  1677. <div class="img-overlay"></div>
  1678. <!-- START OVERLAY CONTENT -->
  1679. <div class="overlay-content">
  1680.  
  1681. <!-- START MEMBER ROLE -->
  1682. <h3 class="founders"><a data-toggle="modal" href="#team-5" class="modal-popup-link">Dane</a></h3>
  1683. <!-- END MEMBER ROLE -->
  1684.  
  1685. <!-- START PROFILE LINK -->
  1686. <p><a data-toggle="modal" href="#team-5" class="modal-popup-link view-profile">View Profile</a></p>
  1687. <!-- END PROFILE LINK -->
  1688. </div><!-- END OVERLAY CONTENT -->
  1689.  
  1690. </div><!-- END TEAM OVERLAY -->
  1691. </div><!-- END TEAM THUMBNAIL -->
  1692.  
  1693. <!-- START TEAM DESCRIPTION -->
  1694. <div class="team-desc">
  1695. <h4>Dane</h4>
  1696. </div>
  1697. <!-- END TEAM DESCRIPTION -->
  1698.  
  1699.  
  1700.  
  1701.  
  1702. <!-- START TEAM MEMBER BIO MODAL POPUP -->
  1703. <div id="team-5" class="modal hide fade.in animated fadeIn">
  1704.  
  1705. <!-- START TEAM BIO -->
  1706. <div class="member-bio">
  1707. <div class="container">
  1708.  
  1709. <!-- START MODAL POPUP CLOSE BUTTON -->
  1710. <a href="#" class="close" data-dismiss="modal">×</a>
  1711. <!-- END MODAL POPUP CLOSE BUTTON -->
  1712.  
  1713.  
  1714. <!-- START MEMBER NAME AND ROLE -->
  1715. <div class="member-role">
  1716. <h1>Dane Platko</h1>
  1717. <h4 class="highlight">Brand Warrior</h4>
  1718. </div>
  1719. <!-- END MEMBER NAME AND ROLE -->
  1720.  
  1721.  
  1722. <div class="row">
  1723. <div class="seven columns">
  1724. <!-- START MEMBER IMAGE -->
  1725. <img src="images/team/team5.png" alt="team">
  1726. <!-- END MEMBER IMAGE -->
  1727.  
  1728. <!-- <!-- START MEMBER SHARING ICONS
  1729. <div class="member-details">
  1730. <div class="social-icons">
  1731. <div class="social-icon social-email"><a href="mailto:hallo@example.com" target="_blank" data-original-title="Email">Email</a></div>
  1732. <div class="social-icon social-behance"><a href="#" target="_blank" data-original-title="Behance">Behance</a></div>
  1733. <div class="social-icon social-facebook"><a href="#" target="_blank" data-original-title="Facebook">Facebook</a></div>
  1734. <div class="social-icon social-flickr"><a href="#" target="_blank" data-original-title="Flickr">Flickr</a></div>
  1735. <div class="social-icon social-forrst"><a href="#" target="_blank" data-original-title="Forrst">Forrst</a></div>
  1736. </div>
  1737. </div> -->
  1738. <!-- END MEMBER SHARING ICONS -->
  1739. </div><!-- END COLUMN -->
  1740.  
  1741. <!-- START MEMBER DESCRIPTION -->
  1742. <div class="eight columns member-description">
  1743. <p class="lead">"Determined and eager to learn, he will do whatever it takes to give his clients the result they’re looking for, and turn it into something even better."</p>
  1744.  
  1745. <h3>Dane's Awesomenesss Skills</h3>
  1746.  
  1747. <div class="skillbar" data-perc="90">
  1748. <div class="skill-title">Graphics Editing 90%</div>
  1749. <div class="skill-percentage"></div>
  1750. </div>
  1751. <div class="skillbar" data-perc="80">
  1752. <div class="skill-title">Web Design 80%</div>
  1753. <div class="skill-percentage"></div>
  1754. </div>
  1755. <div class="skillbar" data-perc="85">
  1756. <div class="skill-title">Object Oriented Programming 85%</div>
  1757. <div class="skill-percentage"></div>
  1758. </div>
  1759.  
  1760. <p>I graduated from the highest rated high school in Clark County, College of Southern Nevada High School. I had the honor of being one of only 100 students in Clark County who was admitted to this dual credit program in which qualified high school juniors and seniors are allowed the opportunity to earn college credits while attending high school at the College of Southern Nevada.</p>
  1761. <p>Nearing my college graduation, I am greatly invested in increasing my background in computer science, and building my portfolio. I have always been motivated by perfectionist attitude towards producing results not only as efficient as possible, but also as clean but stylish as possible as well. Please allow me assist you in any way that I can, for both your benefit and my own.</p>
  1762.  
  1763. </div><!-- END MEMBER DESCRIPTION -->
  1764.  
  1765. </div><!-- END ROW -->
  1766. </div><!-- END CONTAINER -->
  1767. </div><!-- END TEAM BIO -->
  1768. </div><!-- END TEAM MEMBER BIO MODAL POPUP -->
  1769. </div><!-- END TEAM MEMBER -->
  1770.  
  1771. <!--<h3 class="founders">"Our motto is quite simple... Every Pixel Counts! <br> We deliver you an affordable eye-catching experience <br>because beautiful should not cost more!"<br>
  1772. <span><a data-toggle="modal" href="#team-1" class="modal-popup-link">Dimitry</a> &amp; <a data-toggle="modal" href="#team-2" class="modal-popup-link"><i class="fa fa-paw"></i></a> <span class="click"><&#8212; click</span></span>
  1773. </h3>-->
  1774.  
  1775. </div><!-- END SIXTEEN COULMNS -->
  1776. </div> <!-- END ROW -->
  1777. </div><!-- END CONTAINER -->
  1778. </div>
  1779.  
  1780.  
  1781. <div class="container clearfix">
  1782.  
  1783. <div class="sixteen columns">
  1784.  
  1785. <h3>Here are a few clients we've worked with so far</h3>
  1786.  
  1787. <div class="client-logos">
  1788. <a href="http://www.hayleyhunter.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client19.png" alt="Clients"></a>
  1789. <a href="#" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client18.png" alt="Clients"></a>
  1790. <a href="http://www.marveaux.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client17.png" alt="Clients"></a>
  1791. <a href="http://www.dimitryberg.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client23.png" alt="Clients"></a>
  1792. <a href="http://www.kannew.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client20.png" alt="Clients"></a>
  1793. <a href="http://www.surgeryspace.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client21.png" alt="Clients"></a>
  1794. <a href="http://www.bellisariolaw.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client22.png" alt="Clients"></a>
  1795. <a href="#" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client24.png" alt="Clients"></a>
  1796. </br></br>
  1797. <a href="http://www.winternational.net/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client12.png" alt="Clients"></a>
  1798. <a href="http://www.privushc.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client9.png" alt="Clients"></a>
  1799. <a href="http://www.alliancemedllc.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client10.png" alt="Clients"></a>
  1800. <a href="http://www.tagcontrols.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client11.png" alt="Clients"></a>
  1801. <a href="http://www.squaredidentity.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client16.png" alt="Clients"></a>
  1802. <a href="http://www.precisionmhe.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client13.png" alt="Clients"></a>
  1803. <a href="http://www.lisaescobar.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client14.png" alt="Clients"></a>
  1804. <a href="http://www.lytepost.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client15.png" alt="Clients"></a>
  1805. </br></br>
  1806. <a href="http://www.lessthan3.com/lessthan3/home" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client1.png" alt="Clients"></a>
  1807. <a href="http://www.nativekinds.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client7.png" alt="Clients"></a>
  1808. <a href="http://www.droneworx.co/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client8.png" alt="Clients"></a>
  1809. <a href="http://lutcrystalworks.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client5.png" alt="Clients"></a>
  1810. <a href="http://www.streamkat.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client2.png" alt="Clients"></a>
  1811. <a href="http://www.allporju.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client3.png" alt="Clients"></a>
  1812. <a href="http://www.wynnsocial.com/" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client4.png" alt="Clients"></a>
  1813. <a href="http://www.usa.canon.com/cusa/home" title="Featured Clients" class="clients" target="_blank"><img src="images/clients/client6.png" alt="Clients"></a>
  1814. </div><!-- END CLIENTS LIST -->
  1815.  
  1816. <p>From mobile platforms with the most innovative marketing strategies, to the "every pixel counts" design philosophy, our goal is always concrete and tangible: Please the customer!</p>
  1817. </div><!-- END SIXTEEN COLUMNS -->
  1818. </div>
  1819.  
  1820.  
  1821. </div>
  1822. <!-- END TEAM SECTION -->
  1823. </div>
  1824.  
  1825. <!-- START PARALLAX SECTION -->
  1826. <div id="parallax4" class="parallax">
  1827. <div class="bg4 parallax-bg"></div><!-- END PARALLAX BACKGROUND -->
  1828. <div class="overlay"></div><!-- END PATTERN OVERLAY -->
  1829. <div class="container clearfix">
  1830. <div class="parallax-content">
  1831. <!-- START CONTACT DETAILS -->
  1832. <div class="contact-details">
  1833. <h2>designs@bananadogmedia.com</h2>
  1834. <h1>702-724-3800</h1>
  1835. <h2>Las Vegas, Nevada</h2>
  1836. </div>
  1837. <!-- END CONTACT DETAILS -->
  1838. </div><!-- END PARALLAX CONTENT -->
  1839. </div><!-- END CONTAINER -->
  1840. </div>
  1841. <!-- END PARALLAX SECTION -->
  1842.  
  1843. <!-- START CONTACT SECTION -->
  1844. <div id="contact" class="page">
  1845.  
  1846. <div class="container">
  1847. <div class="row">
  1848. <div class="sixteen columns">
  1849. <!-- START TITLE -->
  1850. <div class="title">
  1851. <h1>Let's Talk</h1>
  1852. <div class="subtitle">
  1853. <p>We'd really love to <span class="highlight">hear from you</span> so why not drop us an email and <span class="highlight">we'll get back</span> to you as soon as we can.</p>
  1854. </div><!-- END SUBTITLE -->
  1855. </div><!-- END TITLE -->
  1856. </div><!-- END SIXTEEN COLUMNS -->
  1857. </div><!-- END ROW -->
  1858. </div><!-- END CONTAINER -->
  1859. <div class="container clearfix">
  1860. <div class="sixteen columns">
  1861.  
  1862. <!-- START CONTACT BOX -->
  1863. <div class="contact-box">
  1864. <!-- START CONTACT FORM -->
  1865. <div id="contact-form">
  1866. <form action="#" method="post">
  1867.  
  1868. <div id="contact-input">
  1869. <!--[if IE]>
  1870. <label for="name">Name</label>
  1871. <![endif]-->
  1872. <input type="text" name="contact[name]" id="name" placeholder="Name (required)" >
  1873. <!--[if IE]>
  1874. <label for="email">Email</label>
  1875. <![endif]-->
  1876. <input type="text" name="contact[email]" id="email" placeholder="Email (required)">
  1877. <!--[if IE]>
  1878. <label for="subject">Subject</label>
  1879. <![endif]-->
  1880. <input type="text" name="contact[subject]" id="subject" placeholder="Subject" >
  1881. </div>
  1882. <div id="contact-textarea">
  1883. <!--[if IE]>
  1884. <label for="message">Your Message Here</label>
  1885. <![endif]-->
  1886. <textarea name="contact[message]" id="message" cols="39" rows="4" placeholder="Your Message"></textarea>
  1887. </div>
  1888. <div id="contact-submit">
  1889. <div>
  1890. <input name="submit" type="submit" id="submit" tabindex="5" value="Post Comment" class="comment-submit small button">
  1891. </div>
  1892. </div>
  1893. </form>
  1894. <div class="clear"></div>
  1895. </div>
  1896. <div class="result"></div>
  1897. <!-- END CONTACT FORM -->
  1898.  
  1899.  
  1900. </div>
  1901.  
  1902. <!-- END CONTACT BOX -->
  1903. </div> <!-- END SIXTEEN COLUMNS -->
  1904. </div><!-- END CONTAINER -->
  1905.  
  1906. <!-- START COPYRIGHT SECTION -->
  1907. <div class="copyright">
  1908. <div class="container clearfix">
  1909. <div class="sixteen columns">
  1910. <div class="copyright-logo"><a href="#"><img src="images/logo.png" title="logo" alt="logo"/></a></div>
  1911. <div class="social-icons">
  1912. <div class="social-icon social-email"><a href="mailto:designs@bananadogmedia.com" target="_blank" data-original-title="Email">Email</a></div>
  1913. <div class="social-icon social-twitter"><a href="https://twitter.com/dimitryvegas" target="_blank" data-original-title="Twitter">Twitter</a></div>
  1914. <div class="social-icon social-facebook"><a href="https://www.facebook.com/dimitry.xstryst" target="_blank" data-original-title="Facebook">Facebook</a></div>
  1915. <div class="social-icon social-googleplus"><a href="https://plus.google.com/u/0/108747413645709026429/about/p/pub" target="_blank" data-original-title="GooglePlus">Google +</a></div>
  1916. <div class="social-icon social-instagram"><a href="https://instagram.com/dimitryvegas" target="_blank" data-original-title="Instagram">Instagram</a></div>
  1917. <div class="social-icon social-linkedin"><a href="https://www.linkedin.com/in/dimitryberg" target="_blank" data-original-title="LinkedIn">LinkedIn</a></div>
  1918. </div>
  1919. <p>&copy; 2012-<script>document.write(new Date().getFullYear())</script> BananaDog Media. All Rights Reserved. Website Awesomenesss by <a href="index.html">BananaDog Media</a></p>
  1920.  
  1921. </div> <!-- END SIXTEEN COLUMNS -->
  1922. </div><!-- END CONTAINER -->
  1923. </div>
  1924. <!-- END COPYRIGHT SECTION -->
  1925.  
  1926. </div>
  1927. <!-- END CONTACT SECTION -->
  1928.  
  1929.  
  1930. </div><!-- END PAGE WRAP --><div id="back-to-top"><a href="#">Back to Top</a></div>
  1931.  
  1932.  
  1933.  
  1934.  
  1935. <!-- BANANADOG THEME SCRIPTS -->
  1936. <script type="text/javascript" src="../ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  1937. <script type="text/javascript" src="js/jquery.tweet.js"></script>
  1938. <script type="text/javascript" src="js/jquery.form.js"></script>
  1939. <script type="text/javascript" src="js/jquery.queryloader2.js"></script>
  1940. <script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>
  1941. <script type="text/javascript" src="js/jquery.fitvids.js"></script>
  1942. <script type="text/javascript" src="js/jquery.appear.js"></script>
  1943. <script type="text/javascript" src="js/jquery.slabtext.min.js"></script>
  1944. <script type="text/javascript" src="js/jquery.fittext.js"></script>
  1945. <script type="text/javascript" src="js/jquery.easing.min.js"></script>
  1946. <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
  1947. <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
  1948. <script type="text/javascript" src="js/jquery.sticky.js"></script>
  1949. <script type="text/javascript" src="js/jquery.hoverdir.js"></script>
  1950. <script type="text/javascript" src="js/selectnav.min.js"></script>
  1951. <script type="text/javascript" src="js/SmoothScroll.js"></script>
  1952. <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
  1953. <script type="text/javascript" src="js/isotope.js"></script>
  1954. <script type="text/javascript" src="js/bootstrap-modal.js"></script>
  1955. <script type="text/javascript" src="js/shortcodes.js"></script>
  1956. <script type="text/javascript" src="js/scripts.js"></script>
  1957. <script>
  1958. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1959. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1960. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1961. })(window,document,'script','../www.google-analytics.com/analytics.js','ga');
  1962.  
  1963. ga('create', 'UA-53424041-4', 'auto');
  1964. ga('send', 'pageview');
  1965.  
  1966. </script>
  1967.  
  1968. </body>
  1969.  
  1970.  
  1971. <!-- Mirrored from bananadogmedia.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Jul 2017 19:36:57 GMT -->
  1972. </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!