Skip to content

Instantly share code, notes, and snippets.

@ishouty

ishouty/gist:fee35825beacc4fd3a1b

Last active August 29, 2015 14:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ishouty/fee35825beacc4fd3a1b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ishouty/fee35825beacc4fd3a1b to your computer and use it in GitHub Desktop.
Download ZIP
ishouty example
Raw
gistfile1.txt
<html lang="en" class=" js no-touch csstransforms csstransforms3d csstransitions video"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="ishouty - website development ,ecommerce specialist, product factory, digital marketing">
<meta name="keywords" content="HTML5,CSS3,XML,JavaScript, JSON, Freelancer, web site development, create a website, ecommerce, magento, wordpress, prestashop, shopify, woocommerce, themeforest, part time developer, front end developer, newsletters, mailchimp, AWS services, hosting">
<meta name="author" content="ishouty.com">
<meta name="robots" content="index,follow">
<link rel="icon" href="img/meta/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/meta/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x198" href="img/meta/ishouty_touchicon_144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x157" href="img/meta/ishouty_touchicon_114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x99" href="img/meta/ishouty_touchicon_72.png">
<link rel="apple-touch-icon-precomposed" href="img/meta/ishouty_touchicon_57.png">
<title>ishouty.com - website development, product factory, consultancy and marketing specialist</title>
<link href="css/build.min.css?v=1.1" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Expletus+Sans:400,500" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet" type="text/css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<script type="text/javascript" src="chrome-extension://aadgmnobpdmgmigaicncghmmoeflnamj/ng-inspector.js"></script></head>
<body id="page-top" class="index" cz-shortcut-listen="true">
<nav class="navbar navbar-default navbar-fixed-top navbar-shrink">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<img src="img/logos/logo.png" alt="ishouty ltd" title="ishouty">
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li class="">
<a class="page-scroll" data-toggle="dropdown" href="#">
Services <span class="caret"></span>
</a>
<ul class="sub-nav-menu" role="menu">
<li class="">
<a class="page-scroll" href="#ecommerce">Website Development</a>
</li>
<li class="">
<a class="page-scroll" href="#product-factory">Product Factory</a>
</li>
<li class="">
<a class="page-scroll" href="#digital-marketing">Digital Marketing</a>
<ul class="padding-left">
<li><a class="page-scroll" data-trigger-accordion="true" data-trigger="" href="#newsletters-section">Newsletters</a></li>
<li><a class="page-scroll" data-trigger-accordion="true" href="#social-media-section">Social Media</a></li>
<li class=""><a class="page-scroll" data-trigger-accordion="true" href="#tracking-section">Tracking &amp; Monitoring</a></li>
</ul>
</li>
<li class=""><a class="page-scroll" href="#consultancy">Consultancy</a></li>
<li class="">
<a class="page-scroll" href="#tech-lang-section">Technologies &amp; Languages</a>
<!--<ul class="padding-left">-->
<!--<li><a class="page-scroll" data-trigger-accordion="true" href="#accordion-skills">Skills</a></li>-->
<!--</ul>-->
</li>
</ul>
</li>
<li class="active">
<a class="page-scroll" href="#case-studies">Our Work</a>
</li>
<li class=""><a class="page-scroll" href="#plugins">Plugins</a></li>
<li class="">
<a class="page-scroll" href="#about">About Us</a>
</li>
<li>
<a href="http://www.ishouty.com/blog/careers/">Careers</a>
</li>
<li>
<a class="page-scroll" href="/blog">Blog</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header>
<div class="container intro-container">
<div class="intro-text" data-scroll-reveal="enter bottom" data-scroll-reveal-id="1" style="-webkit-transform: translatey(24px);transform: translatey(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<a class="logo page-scroll" href="#page-top">
<img src="img/logos/ishouty-logo.png" alt="ishouty ltd" title="ishouty">
</a>
<div class="intro-lead-in">Shout out your problems</div>
<div>@ Creative Digital Agency </div>
<a href="#services" class="page-scroll">
<i class="fa fa-arrow-circle-o-down"></i>
</a>
</div>
</div>
</header>
<section id="services" data-spy="scroll" data-offset="30">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Services</h2>
</div>
</div>
<div id="ecommerce" class="content-section-a padding-bottom">
<div class="container">
<div class="row">
<div class="col-lg-5 col-sm-6 padding-bottom">
<div class="clearfix"></div>
<h2 class="section-heading">Website Development</h2>
<p>
Digital agencies should offer more than just outstanding “design &amp; build”.
</p>
<p>
Innovation &amp; creativity is at the core of everything we do, ensuring your website will always be at the forefront of today’s latest trends &amp; technology.
</p>
<p>
The iShouty team specialises in desktop &amp; mobile website development across an array of platforms, we follow a strict project methodology to ensure we delivery successfully and on time.
</p>
<p>
We have a highly experienced and innovative team of Project Managers, Front/Back End Developers &amp; UI/UX designers that can help innovate your ideas to life, shape your brand and drive business forward.
</p>
<p> We have experience with these platforms: </p>
<ul>
<li>Magento</li>
<li>Wordpress</li>
<li>CMS Made Simple</li>
<li>Prestashop</li>
<li>&amp; More ..</li>
</ul>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6" data-scroll-reveal="enter right" data-scroll-reveal-id="2" style="-webkit-transform: translatex(24px);transform: translatex(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="animation-container">
<div class="animation-icon red relative" data-scroll-reveal="enter top move 20px, after 0.2s" data-scroll-reveal-id="3" style="-webkit-transform: translatey(-20px);transform: translatey(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Magento</div>
<div class="animation-icon blue relative" data-scroll-reveal="enter top move 20px, after 0.3s" data-scroll-reveal-id="4" style="-webkit-transform: translatey(-20px);transform: translatey(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.3s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.3s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Wordpress</div>
<div class="animation-icon orange relative" data-scroll-reveal="enter top move 20px, after 0.4s" data-scroll-reveal-id="5" style="-webkit-transform: translatey(-20px);transform: translatey(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.4s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.4s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">CMS</div>
<div class="animation-icon blue relative" data-scroll-reveal="enter top move 20px, after 0.5s" data-scroll-reveal-id="6" style="-webkit-transform: translatey(-20px);transform: translatey(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.5s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Mobile</div>
</div>
<img class="img-responsive" src="img/services/ipad-mini.png" alt="services">
</div>
</div>
</div>
</div>
<div id="product-factory" class="content-section-b padding-bottom">
<div class="container">
<div class="row">
<div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6 padding-bottom">
<div class="clearfix"></div>
<h2 class="section-heading">Product Factory </h2>
<p class="lead">
<span>What does it mean?</span>
</p>
<p class="lead">
Do you want to bring a brilliant idea to life and package it into an application? Then give us a shout ...
</p>
<p>
The iShouty team are experts at building bridges to turn conceptual ideas into real digital applications.
</p>
<p> We have our own product development team and a large network of external developers and clients to help create and manage the best products. </p>
<p> So you can either get a full packaged idea deployed to a web or android/iPhone market, or you can invest in an idea we have already built and help make it bigger and better </p>
<p>Interested or want more information? <a href="#contact"> Click Here ...</a></p>
</div>
<div class="col-lg-5 col-sm-pull-6 col-sm-6" data-scroll-reveal="enter left" data-scroll-reveal-id="7" style="-webkit-transform: translatex(-24px);transform: translatex(-24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="animation-container">
<div class="animation-icon red relative" data-scroll-reveal="enter top move 20px, after 0.4s" data-scroll-reveal-id="8" style="-webkit-transform: translatey(-20px);transform: translatey(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.4s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.4s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Web App</div>
<div class="animation-icon blue relative" data-scroll-reveal="enter top move 20px, after 0.3s" data-scroll-reveal-id="9" style="-webkit-transform: translatey(-20px);transform: translatey(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.3s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.3s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">API</div>
<div class="animation-icon orange relative" data-scroll-reveal="enter top move 20px, after 0.2s" data-scroll-reveal-id="10" style="-webkit-transform: translatey(-20px);transform: translatey(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Apps</div>
</div>
<img class="img-responsive" src="img/services/ipad.png" alt="product factorty">
</div>
</div>
</div>
</div>
<div id="digital-marketing" class="content-section-a no-margin-bottom">
<div class="container">
<div class="row">
<div class="col-lg-5 col-sm-6 padding-bottom">
<div class="clearfix"></div>
<h2 class="section-heading">Digital Marketing</h2>
<p class="lead">At ishouty we believe the entire digital experience matters which is why we increase brand awareness across all digital touch points and devices.</p>
<p>Through detailed research, planning and execution we deliver measurable results and real return on investment for your business.</p>
<p>We ensure all campaigns coincide with your off line promotional activity.</p>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6" data-scroll-reveal="enter bottom" data-scroll-reveal-id="11" style="-webkit-transform: translatey(24px);transform: translatey(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="animation-container">
<div class="animation-icon red relative" data-scroll-reveal="enter right move 20px, after 0.1s" data-scroll-reveal-id="12" style="-webkit-transform: translatex(20px);transform: translatex(20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.1s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.1s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Social</div>
<div class="animation-icon blue relative" data-scroll-reveal="enter right move 20px, after 0.2s" data-scroll-reveal-id="13" style="-webkit-transform: translatex(20px);transform: translatex(20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Google</div>
<div class="animation-icon orange relative" data-scroll-reveal="enter right move 20px, after 0.2s" data-scroll-reveal-id="14" style="-webkit-transform: translatex(20px);transform: translatex(20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Tools</div>
</div>
<img class="img-responsive" src="img/services/ishouty-marketing.png" alt="">
</div>
</div>
</div>
</div>
<div class="panel-group padding-bottom" id="accordion">
<div id="newsletters-section" class="panel-default">
<div class="container">
<div class="panel-title">
<a class="inline bind-arrow" data-toggle="collapse" data-parent="#accordion" href="#Newsletters">
<h3>Newsletters</h3>
</a>
<a class="inline arrow" data-toggle="collapse" data-parent="#accordion" href="#Newsletters">
<i class="fa fa-chevron-up"></i>
</a>
</div>
</div>
<div id="Newsletters" class="panel-collapse collapse">
<div class="panel-body">
<div class="container">
<div class="row">
<div class="col-lg-12 ">
<div class="clearfix"></div>
<p class="lead">
We get your emails ready for worldwide audiences. Send us content, we code it, make it responsive for mobile devices, and we also send it out to your clients and provide performance reports.
</p>
<p>Some of our services include:</p>
<div class="col-lg-5 col-sm-6">
<ul>
<li>
Newsletter Coding &amp; Design
</li>
<li>
Responsive and mobile optimised campaigns
</li>
<li>
Integration with 3rd party systems
</li>
<li>
Device Reporting &amp; recommendations including number of opens, clicks, unsubscribes, spam reports
</li>
<li>
Image CDN hosting for smart and fast image downloads
</li>
</ul>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
<ul>
<li>
<p>We can code editable templates for those email systems:</p>
<ul>
<li>
Mailchimp
</li>
<li>
Marketo
</li>
<li>
Dotmailer
</li>
<li>
ExactTarget
</li>
<li>
SendGrid
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="social-media-section" class=" panel-default">
<div class="container">
<div class="panel-title">
<a class="inline bind-arrow" data-toggle="collapse" data-parent="#accordion" href="#social-media">
<h3 class="inline">Social Media </h3>
</a>
<a class="inline arrow" data-toggle="collapse" data-parent="#accordion" href="#social-media">
<i class="fa fa-chevron-up"></i>
</a>
</div>
</div>
<div id="social-media" class="panel-collapse collapse">
<div class="panel-body">
<div class="container">
<div class="row">
<div class="col-lg-12">
<p>Someone once said social media is word of mouth gone wild- it is true.</p>
<p>Managing a successful high profile brand is a full time job which requires both a proactive and reactive approach. For smaller brands noise in the social media arena is a valuable asset.</p>
<p>Our digital teams specialise in producing social media strategies that create buzz around your brand. We advise on the most relevant social media platforms, launch compelling dialogue and content then monitor the noise that follows.</p>
<p>Our services include: </p>
<ul>
<li>Growing fans</li>
<li>Likes</li>
<li>Subcriptions</li>
<li>Views and connections for Facebook</li>
<li>Twitter</li>
<li>Instagram</li>
<li>Pinterest</li>
<li>YouTube</li>
<li>Linkedin</li>
<li>Google+ and more ..</li>
</ul>
<p>Get in touch for a chat, we'd love to discuss your business aims and how we can help your business compete in the digital market place.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tracking-section" class=" panel-default ">
<div class="container">
<div class="panel-title">
<a class="inline bind-arrow" data-toggle="collapse" data-parent="#accordion" href="#tracking">
<h3 class="section-heading">Tracking &amp; Monitoring</h3>
</a>
<a class="arrow inline" data-toggle="collapse" data-parent="#accordion" href="#tracking">
<i class="fa fa-chevron-up"></i>
</a>
</div>
</div>
<div id="tracking" class="panel-collapse collapse ">
<div class="panel-body">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="clearfix"></div>
<p>
Answer questions about what page is the most popular, how long visitors stay on your website or in your app, are they reading your page or not, where they are clicking, what devices are they using, etc.
</p>
<p>
Then we can help you to identify critical paths, happy paths and define funnels and track them through. What is your click through rate? What is you visit to registration conversion? And many more.
</p>
<p>
We can provide you key metrics which you can concentrate on in order to improve your KPI.
</p>
<p>
We are very experienced with Google Analytics (events, goals, funnels, ecommerce) as well as with Mixpanel and Qubit. Providing interfaces to help you integrate with your website or app. Or simply let us integrate, write wrappers and plug it in.
</p>
<p>
Did you know that you can record your visitors? Tag important recordings and then play them to see visitors behaviour? Let us <a href="#contact">tell you more</a> about it...
</p>
<p>
Tracking and monitoring of your users and visitors is one of the most important things for online business.
</p>
<p>
We can help you to understand your audience better.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="consultancy" class="content-section-b">
<div class="container">
<div class="row">
<div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6 padding-bottom">
<div class="clearfix"></div>
<h2 class="section-heading">Consultancy</h2>
<p class="lead">Behind every successful company there is a sound I.T strategy. </p>
<p>
iShouty has an experienced team of consultants that has helped many of our clients in improving and advising on their I.T processes, infrastructure, performance, cloud migration and much more.
</p>
<p>Our technical and consultants have great experienced in:</p>
<ul>
<li>Cloud Migration</li>
<li>Agile &amp; Scrum</li>
<li>Architecture</li>
<li>Integrations with third party services</li>
<li>Research &amp; Development</li>
<li>Product Development</li>
<li>Training in Google, Cloud &amp; Tools </li>
</ul>
</div>
<div class="col-lg-5 col-sm-pull-6 col-sm-6" data-scroll-reveal="enter bottom" data-scroll-reveal-id="15" style="-webkit-transform: translatey(24px);transform: translatey(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="animation-container">
<div class="animation-icon red relative" data-scroll-reveal="enter left ease-in-out 20px, after 0.3s" data-scroll-reveal-id="16" style="-webkit-transform: translatex(-20px);transform: translatex(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.3s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.3s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Cloud</div>
<div class="animation-icon blue relative" data-scroll-reveal="enter left move 20px, after 0.2s" data-scroll-reveal-id="17" style="-webkit-transform: translatex(-20px);transform: translatex(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0.2s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Migration</div>
<div class="animation-icon orange relative" data-scroll-reveal="enter left move 20px, after 1.3s" data-scroll-reveal-id="18" style="-webkit-transform: translatex(-20px);transform: translatex(-20px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 1.3s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 1.3s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">Tools</div>
</div>
<img class="img-responsive" src="img/services/ishouty-consultants.png" alt="ishouty consultants">
</div>
</div>
</div>
</div>
</section>
<div class="container" id="tech-lang-section">
<div class="row col-lg-12">
<h2>Technology &amp; Languages</h2>
<p>All our source code is delivered at very high standards and is well formatted for the future. We always provide documentation and provide support and training if required, we also use Git or BitBucket for all our projects.</p>
</div>
<div class="row">
<div class="col-lg-5 col-sm-6">
We are proficient in these languages &amp; libraries:
<ul>
<li>
JavaScript
</li>
<li>
HTML5
</li>
<li>
Css3/BootStrap
</li>
<li>
PHP
</li>
<li>
SQL
</li>
<li>
MONGODB
</li>
<li>
Jquery
</li>
<li>
Famo.us
</li>
<li>
Requirejs, Backbone, AngularJS
</li>
<li>
Less, Sass, grunt
</li>
<li>
PhoneGap, Mosync
</li>
</ul>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
<p>Cloud Services</p>
<ul>
<li>OpsWorks</li>
<li>EC2</li>
<li>CloudFront</li>
<li>Route53</li>
<li>S3</li>
<li>RDS</li>
<li>Other services</li>
</ul>
</div>
</div>
</div>
<aside class="clients">
<div class="container" data-scroll-reveal="enter bottom" data-scroll-reveal-id="19" style="-webkit-transform: translatey(24px);transform: translatey(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="row">
<div class="col-sm-3">
<img src="img/logos/google.jpg" class="img-responsive img-centered" alt="Google business platform">
</div>
<div class="col-sm-3">
<img src="img/logos/aws.jpg" class="img-responsive img-centered" alt="aws cloud services">
</div>
<div class="col-sm-3">
<img src="img/logos/mailchimp.jpg" class="img-responsive img-centered" alt="mailchimp, marketing">
</div>
<div class="col-sm-3">
<img src="img/logos/github.jpg" class="img-responsive img-centered" alt="mailchimp, marketing">
</div>
</div>
</div>
</aside>
<div class="cloud">
<container>
<div class="row">
</div>
</container>
</div>
<section id="case-studies" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Our Work</h2>
</div>
</div>
<div class="row" data-scroll-reveal="enter bottom" data-scroll-reveal-id="20" style="-webkit-transform: translatey(0);transform: translatey(0);opacity: 1;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal-scandi" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<div class="caption">
<h4><i class="fa fa-plus fa-1x"></i> Scandi Kitchen</h4>
<p class="text-muted">Ecom, CMS, Woocommerce, Upgrade</p>
</div>
</div>
</div>
<img src="img/portfolio/ishouty-scandi-kitchen.jpg" class="img-responsive" alt="ishouty - three floor fashion preview">
</a>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<div class="caption">
<h4><i class="fa fa-plus fa-1x"></i> Three Floor Fashion</h4>
<p class="text-muted">Ecom, CMS, Marketing, Consultancy</p>
</div>
</div>
</div>
<img src="img/portfolio/ishouty-threefloor.jpg" class="img-responsive" alt="ishouty - three floor fashion preview">
</a>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="https://itunes.apple.com/us/app/id942200959" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<div class="caption">
<h4><i class="fa fa-plus fa-1x"></i> 20 Minute Files</h4>
<p class="text-muted">Product Factory, Web/Mobile Application</p>
</div>
</div>
</div>
<img src="img/portfolio/ishouty-20minutefiles.jpg" class="img-responsive" alt="20 minute files">
</a>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<div class="caption">
<h4><i class="fa fa-plus fa-1x"></i> Vicalvi Contract</h4>
<p class="text-muted">CMS, Design, Marketing, Consultancy</p>
</div>
</div>
</div>
<img src="img/portfolio/ishouty-vicalvi-contract.jpg" class="img-responsive" alt="vicalvi contract">
</a>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<div class="caption">
<h4><i class="fa fa-plus fa-1x"></i> Bonasusgym</h4>
<p class="text-muted">CMS, Design, Marketing, SEO</p>
</div>
</div>
</div>
<img src="img/portfolio/ishouty-bonasusgym-cz.jpg" class="img-responsive" alt="bonasusgym">
</a>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<div class="caption">
<h4><i class="fa fa-plus fa-1x"></i> Bonasusgym</h4>
<p class="text-muted">CMS, Design, Marketing, SEO</p>
</div>
</div>
</div>
<img src="img/portfolio/ishouty-bonasusgym-cz.jpg" class="img-responsive" alt="bonasusgym">
</a>
</div><div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<div class="caption">
<h4><i class="fa fa-plus fa-1x"></i> Bonasusgym</h4>
<p class="text-muted">CMS, Design, Marketing, SEO</p>
</div>
</div>
</div>
<img src="img/portfolio/ishouty-bonasusgym-cz.jpg" class="img-responsive" alt="bonasusgym">
</a>
</div></div>
</div>
</section>
<aside class="clients bg-light-gray">
<div class="container">
<div class="row">
<div class="col-sm-6" data-scroll-reveal="enter left" data-scroll-reveal-id="21" style="-webkit-transform: translatex(-24px);transform: translatex(-24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<a href="http://www.threefloorfashion.com" target="_blank">
<img src="img/logos/threefloor.png" class="img-responsive img-centered" alt="threefloor.com">
</a>
</div>
<div class="col-sm-6" data-scroll-reveal="enter right" data-scroll-reveal-id="22" style="-webkit-transform: translatex(24px);transform: translatex(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<a href="http://www.moonfruit.com" target="_blank">
<img src="img/logos/moonfruit.png" class="img-responsive img-centered" alt="moonfruit.com">
</a>
</div>
</div>
</div>
</aside>
<div class="cloud down">
<container>
<div class="row">
</div>
</container>
</div>
<section id="plugins">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<img src="img/logos/ninja.png" class="img-responsive ninja" alt="woocommerce" data-scroll-reveal="enter left and move 50px over 1.5s" data-scroll-reveal-id="23" style="-webkit-transform: translatex(-50px);transform: translatex(-50px);opacity: 0;-webkit-transition: -webkit-transform 1.5s ease-in-out 0s, opacity 1.5s ease-in-out 0s;transition: transform 1.5s ease-in-out 0s, opacity 1.5s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<h2 class="section-heading">Plugins</h2>
<aside class="clients">
<div class="container">
<div class="row">
<div class="col-sm-3" data-scroll-reveal="enter left" data-scroll-reveal-id="24" style="-webkit-transform: translatex(-24px);transform: translatex(-24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<img src="img/logos/woocommerce.png" class="img-responsive img-centered" alt="woocommerce plugins">
</div>
<div class="col-sm-3" data-scroll-reveal="enter left" data-scroll-reveal-id="25" style="-webkit-transform: translatex(-24px);transform: translatex(-24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<img src="img/logos/wordpress.png" class="img-responsive img-centered" alt="wordpress">
</div>
<div class="col-sm-3" data-scroll-reveal="enter right" data-scroll-reveal-id="26" style="-webkit-transform: translatex(24px);transform: translatex(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<img src="img/logos/magento-extensions.png" class="img-responsive img-centered" alt="magento extensions">
</div>
<div class="col-sm-3" data-scroll-reveal="enter right" data-scroll-reveal-id="27" style="-webkit-transform: translatex(24px);transform: translatex(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<img src="img/logos/html5.png" class="img-responsive img-centered" alt="html templates">
</div>
</div>
</div>
</aside>
<!-- plugins & templates for for sale -->
<div class="col-lg-12 text-center">
<div role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#rapid-stock-manager" aria-controls="rapid-stock-manager" role="tab" data-toggle="tab">Woocommerce Rapid Stock Manager</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="rapid-stock-manager">
<div class="row padding-top">
<div class="col-lg-7">
<a href="http://www.ishouty.com/blog/woocommerce-rapid-stock-manager/" title="Click to Find Out More!">
<img src="plugins/rapid-stock-manager/preview-main.jpg" class="preview-image" alt="woocommerce rapid stock manager, update your stock with woocommerce module. Update your variants and simple products in a few clicks! ">
</a>
</div>
<div class="col-lg-5">
<a href="http://codecanyon.net/item/woocommerce-rapid-stock-manager-/10509723?WT.oss_phrase=&amp;WT.oss_rank=1&amp;WT.z_author=ishouty&amp;WT.ac=search_list">
<button type="submit" class="btn btn-xl orange">From $39, Buy Now!</button>
</a>
<a href="http://www.ishouty.com/blog/woocommerce-rapid-stock-manager/">
<button type="submit" class="btn btn-xl orange">Find Out More &amp; Demo</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading orange">We're are a passionate team of consultants, developers, designers &amp; testers</h2>
<p> A creative digital agency based in the heart of London and Hong Kong.</p>
<p> We strive for perfection and innovation in everything we do and follow strict project methodologies to ensure successful delivery. </p>
<p> We work closely with our clients throughout the delivery process to create the ideal digital solutions to help launch and enhance their businesses and brands.</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="team-member" data-scroll-reveal="enter left" data-scroll-reveal-id="28" style="-webkit-transform: translatex(-24px);transform: translatex(-24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="lukas-sirucek img-board-members">
<div class="img-responsive"></div>
<div class="caption">
<h4>Lukas Sirucek</h4>
<p class="text-muted">Co-Founder</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://twitter.com/ishouty" target="_blank" class="blue">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/ishouty" target="_blank" class="blue">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="http://uk.linkedin.com/in/lukasi" target="_blank" class="blue">
<i class="fa fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="team-member" data-scroll-reveal="enter top" data-scroll-reveal-id="29" style="-webkit-transform: translatey(-24px);transform: translatey(-24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="andy-nguyen img-board-members">
<div class="img-responsive"></div>
<div class="caption">
<h4>Andy Nguyen</h4>
<p class="text-muted">Co-Founder</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://twitter.com/ishouty" class="orange" target="_blank">
<i class="fa fa-twitter"></i>
</a>
</li>
<li><a href="https://www.facebook.com/ishouty" class="orange" target="_blank">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/pub/andy-nguyen/15/b8/25a" class="orange" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="team-member" data-scroll-reveal="enter right" data-scroll-reveal-id="30" style="-webkit-transform: translatex(24px);transform: translatex(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="van-nguyen img-board-members">
<div class="img-responsive"></div>
<div class="caption">
<h4>Van Nguyen</h4>
<p class="text-muted">Partner</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://twitter.com/ishouty" target="_blank" class="red">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/ishouty" target="_blank" class="red">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/profile/view?id=45010730" target="_blank" class="red">
<i class="fa fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="team-member" data-scroll-reveal="enter down" data-scroll-reveal-id="31" style="-webkit-transform: translateundefined(24px);transform: translateundefined(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
<div class="rose-line img-board-members">
<div class="img-responsive"></div>
<div class="caption">
<h4>Roseline <br> Aubourg</h4>
<p class="text-muted">Web Developer</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://twitter.com/ishouty" target="_blank" class="blue">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/pages/Ishouty/1448400612074202" target="_blank" class="blue">
<i class="fa fa-facebook"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
</div>
</div>
</div>
</section>
<div id="careers">
<div class="container"></div>
</div>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Give us a shout!</h2>
<p class="">United Kingdom +44 (0)203 143 3687</p>
<p>Hong Kong: +852 6999 2135</p>
<h3 class="section-subheading text-muted">86-90 Paul Street, Old Street London, EC2A 4NE United Kingdom</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form name="sentMessage" id="contactForm" novalidate="">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name *" id="name" required="" data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Your Email *" id="email" required="" data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required="" data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<textarea class="form-control" placeholder="Your Message *" id="message" required="" data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn btn-xl">Get in Touch!</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright">Copyright © ishouty ltd 2014</span>
</div>
<div class="col-md-4">
<ul class="list-inline social-buttons">
<li>
<a href="https://twitter.com/ishouty" target="_blank" class="blue"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="https://www.facebook.com/ishouty" target="_blank" class="orange"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/company/3762055" class="red" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
</footer>
<div class="portfolio-modal modal fade" id="portfolioModal-scandi" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Scandi Kitchen</h2>
<img class="img-responsive" src="img/portfolio/ishouty-scandi-kitchen-xl.jpg" alt="ishouty - threefloor">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Three Floor</h2>
<img class="img-responsive" src="img/portfolio/ishouty-threefloor-xl.jpg" alt="ishouty - threefloor">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>20MinuteFiles.com</h2>
<img class="img-responsive img-centered" src="img/portfolio/20minutefiles-xl.jpg" alt="ishouty - 20 minute files">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Vicalvi Contract</h2>
<img class="img-responsive img-centered" src="img/portfolio/ishouty-vicalvi-xl.jpg" alt="ishouty - vicalvi contract website">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Bonasusgym</h2>
<img class="img-responsive img-centered" src="img/portfolio/bonasusgym-xl.jpg" alt="ishouty - bonasusgym-cz">
</div>
</div>
</div>
</div>
</div>
</div>
<script async="" src="//www.google-analytics.com/analytics.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/modernizr-custom.min.js"></script>
<script src="js/build.min.js?v=1.0"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-36614140-1', 'auto');
ga('send', 'pageview');
</script>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment