mirror of
https://github.com/hanzo-apps/hanzo.io.git
synced 2026-10-30 19:15:19 +00:00
375 lines
14 KiB
HTML
375 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||
<title>
|
||
Masamune: Make your company legendary
|
||
</title>
|
||
<meta name="author" content="Hanzo, Inc">
|
||
<meta name="description" content="Modern business platform.">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||
|
||
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="masamune-icon/apple-touch-icon-57x57.png" />
|
||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="masamune-icon/apple-touch-icon-114x114.png" />
|
||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="masamune-icon/apple-touch-icon-72x72.png" />
|
||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="masamune-icon/apple-touch-icon-144x144.png" />
|
||
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="masamune-icon/apple-touch-icon-60x60.png" />
|
||
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="masamune-icon/apple-touch-icon-120x120.png" />
|
||
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="masamune-icon/apple-touch-icon-76x76.png" />
|
||
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="masamune-icon/apple-touch-icon-152x152.png" />
|
||
<link rel="icon" type="image/png" href="masamune-icon/favicon-196x196.png" sizes="196x196" />
|
||
<link rel="icon" type="image/png" href="masamune-icon/favicon-96x96.png" sizes="96x96" />
|
||
<link rel="icon" type="image/png" href="masamune-icon/favicon-32x32.png" sizes="32x32" />
|
||
<link rel="icon" type="image/png" href="masamune-icon/favicon-16x16.png" sizes="16x16" />
|
||
<link rel="icon" type="image/png" href="masamune-icon/favicon-128.png" sizes="128x128" />
|
||
<meta name="application-name" content=" "/>
|
||
<meta name="msapplication-TileColor" content="#FFFFFF" />
|
||
<meta name="msapplication-TileImage" content="masamune-icon/mstile-144x144.png" />
|
||
<meta name="msapplication-square70x70logo" content="masamune-icon/mstile-70x70.png" />
|
||
<meta name="msapplication-square150x150logo" content="masamune-icon/mstile-150x150.png" />
|
||
<meta name="msapplication-wide310x150logo" content="masamune-icon/mstile-310x150.png" />
|
||
<meta name="msapplication-square310x310logo" content="masamune-icon/mstile-310x310.png" />
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<!-- Normalizer/Reset -->
|
||
<link rel="stylesheet" href="css/normalize.css" />
|
||
<!-- Font Awesome -->
|
||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous" />
|
||
<!-- Animate CSS -->
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" />
|
||
|
||
<!-- Our Styles and JS -->
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.1/es6-shim.min.js"></script>
|
||
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
|
||
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/layzr.js/2.0.2/layzr.min.js"></script> -->
|
||
<link rel="stylesheet" href="css/framework.css" />
|
||
<script src="js/framework.js"></script>
|
||
|
||
<!-- Block Level Styles and JS -->
|
||
<link rel="stylesheet" href="css/loader.css" />
|
||
<link rel="stylesheet" href="css/header.css" />
|
||
<link rel="stylesheet" href="css/hero.css" />
|
||
<!-- <link rel="stylesheet" href="css/hero-static.css" /> -->
|
||
<link rel="stylesheet" href="css/hero-static.css" />
|
||
<link rel="stylesheet" href="css/footer.css" />
|
||
<link rel="stylesheet" href="css/list.css" />
|
||
<link rel="stylesheet" href="css/gallery.css" />
|
||
<script src="js/gallery.js"></script>
|
||
<link rel="stylesheet" href="css/grid.css" />
|
||
<script src="js/grid.js"></script>
|
||
<script src="https://npmcdn.com/[email protected]/dist/packery.pkgd.min.js"></script>
|
||
<script src="js/reanimate.js"></script>
|
||
<script src="js/layerify.js"></script>
|
||
<script src="js/scroll-to.js"></script>
|
||
|
||
<!-- Placeholder Overrides (fonts, colors, placeholder images) -->
|
||
<link rel="stylesheet" href="css/fonts.css" />
|
||
<link href='https://fonts.googleapis.com/css?family=Lato:400,300,100,100italic,300italic,400italic,700,700italic' rel='stylesheet' type='text/css' />
|
||
<link rel="stylesheet" href="css/masamune.css" />
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<nav>
|
||
<ul>
|
||
<li>
|
||
<a href="#people">People</a>
|
||
</li>
|
||
<li>
|
||
<a href="#partners">Partners</a>
|
||
</li>
|
||
<li>
|
||
<a href="#process">Process</a>
|
||
</li>
|
||
<li>
|
||
<a href="#projects">Projects</a>
|
||
</li>
|
||
</ul>
|
||
<a href=".">
|
||
<img class="logo animated rollIn" src="./img/masamune-logo.png" alt="MASAMUNE">
|
||
</a>
|
||
<ul class="page-links">
|
||
<li><a href="/">HANZO</a></li>
|
||
<li><a class="selected" href="/masamune">MASAMUNE</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<section class="hero static">
|
||
<div class="content">
|
||
<h1>MASAMUNE</h1>
|
||
<h3>Make your company legendary.</h3>
|
||
<a href="#cta" class="button call-to-action">
|
||
REQUEST A QUOTE
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="people" class="list right">
|
||
<a name="people"></a>
|
||
<div class="content">
|
||
<div class="image animated slideInLeft">
|
||
<h3>Our team includes software engineers, financial experts, operations gurus, and seasoned growth hackers.</h3>
|
||
</div>
|
||
<div class="info">
|
||
<div class="main">
|
||
<h2>Brains + Software</h2>
|
||
<p>
|
||
We provide the brains and the software to power your company’s success.
|
||
</p>
|
||
</div>
|
||
<div class="popout animated slideInUp">
|
||
<p>
|
||
We have the talent and tools to handle design, marketing, and software development with experts in advertising technology and ecommerce. Our engineering talent has built many successful products, and now they are available to help you with yours.
|
||
</p>
|
||
<p>
|
||
Learn more about the technology behind the results:
|
||
</p>
|
||
<a href="/" class="button">
|
||
What is HANZO?
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="partners" class="list bottom">
|
||
<a name="partners"></a>
|
||
<div class="content title">
|
||
<h2>Powerful Partnerships</h2>
|
||
<p>Leverage our relationships. Our partners can help with everything from product design and manufacturing to messaging and public relations.</p>
|
||
</div>
|
||
<div class="content info animated slideInUp">
|
||
<ul>
|
||
<li class="surfaceink">
|
||
<a href="http://www.surfaceink.com">
|
||
</a>
|
||
</li>
|
||
<li class="gooddata">
|
||
<a href="http://www.gooddata.com">
|
||
</a>
|
||
</li>
|
||
<li class="lmgpr">
|
||
<a href="http://http://www.lmgpr.com/">
|
||
</a>
|
||
</li>
|
||
<li class="helpfulhuman">
|
||
<a href="http://www.helpfulhuman.com/">
|
||
</a>
|
||
</li>
|
||
<li class="stripe">
|
||
<a href="www.stripe.com">
|
||
</a>
|
||
</li>
|
||
<li class="google">
|
||
<a href="www.google.com">
|
||
</a>
|
||
</li>
|
||
<li class="facebook">
|
||
<a href="www.facebook.com">
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="process" class="gallery">
|
||
<a name="process"></a>
|
||
<section>
|
||
<div class="content step0">
|
||
<h2>A Proven Recipe</h2>
|
||
<h4>Forging Your Company's Unique Vision</h4>
|
||
<p>
|
||
Masamune clients get white-glove service and access to our experts.
|
||
Avoid the common pitfalls of managing your brand identity with our unique, tested, and optimized traction-building process.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="content step1">
|
||
<h3>1) Sharpen Your Skills</h3>
|
||
<p>
|
||
Get a crash course in managing a rapidly growing business. We'll connect you with the right people and resources to help you develop your vision and find your market.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="content step2">
|
||
<h3>2) Build Your Audience</h3>
|
||
<p>
|
||
Write your story. We help you tell it so people clamor for more.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="content step3">
|
||
<h3>3) Validate Your Idea</h3>
|
||
<p>
|
||
Don’t just think you’re going to be successful - know. We’ll help you show your idea to your audience and go forward with real data.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="content step4">
|
||
<h3>4) Launch A Campaign</h3>
|
||
<p>
|
||
Go time! We’ll help you turn your audience and information into a data-driven campaign that uses science to succeed.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="content step5">
|
||
<h3>5) Optimize for Engagement</h3>
|
||
<p>
|
||
Go hard, but go smart. We’ll show you how to use the data coming in from your campaign to constantly get better at engaging your unique audience.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="content step6">
|
||
<h3>6+) Grow Your Brand</h3>
|
||
<p>
|
||
...And your story never ends. We’ll keep you growing your reach and voice, for your next big step.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
|
||
<section id="projects" class="grid">
|
||
<a name="projects"></a>
|
||
<div class="item hover-more ludela">
|
||
<div class="content centered">
|
||
<h2>LuDela</h2>
|
||
<p>
|
||
<a href="https://ludela.com">ludela.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item hover-more kanoa">
|
||
<div class="content centered">
|
||
<h2>KANOA</h2>
|
||
<p>
|
||
<a href="https://www.getkanoa.com">getkanoa.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item hover-more skully">
|
||
<div class="content centered">
|
||
<h2>SKULLY AR-1</h2>
|
||
<p>
|
||
<a href="https://www.skully.com">skully.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item hover-more ora-x">
|
||
<div class="content centered">
|
||
<h2>ORA-X</h2>
|
||
<p>
|
||
<a href="https://ora-x.com">ora-x.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item hover-more myle">
|
||
<div class="content centered">
|
||
<h2>myle</h2>
|
||
<p>
|
||
<a href="https://getmyle.com">getmyle.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item hover-more leaf">
|
||
<div class="content centered">
|
||
<h2>LEAF</h2>
|
||
<p>
|
||
<a href="https://webshop.bellabeat.com/">bellabeat.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item hover-more fly-12">
|
||
<div class="content centered">
|
||
<h2>Fly12</h2>
|
||
<p>
|
||
<a href="https://cycliq.com/products/fly12">cycliq.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="call-to-action">
|
||
<div class="content narrow">
|
||
<h3>Ready to forge your destiny?</h3>
|
||
<p>Let’s dive into the discovery phase and create a unique solution for your business.</p>
|
||
<form method="post">
|
||
<script src="//api.crowdstart.com/mailinglist/qDuoADKf2Zyb0/js"></script>
|
||
<input name="email" type="text" placeholder="Enter Your Email Address..."></input>
|
||
<button type="submit" class="button">REQUEST QUOTE</button>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="pre-testimonials">
|
||
<div class="content title narrow">
|
||
<h3>See What Our Fans Are Saying</h3>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="testimonials" class="gallery" data-autoplay="5000">
|
||
<section>
|
||
<div class="content centered">
|
||
<blockquote>
|
||
Guys, I don't know what the f#$% you're doing but KEEP IT UP!
|
||
<span class="attribution">-CIVAL - KANOA</span>
|
||
</blockquote>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="content centered">
|
||
<blockquote>
|
||
I recommend @verus_media they are very strong, almost gladiator-like in the ad tech arena ;-).
|
||
<span class="attribution">-MARCUS - SKULLY</span>
|
||
</blockquote>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
|
||
<footer>
|
||
<nav>
|
||
<ul>
|
||
<li>
|
||
<a href="https://www.facebook.com/hanzo.io/"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="mailto:[email protected]"><i class="fa fa-envelope" aria-hidden="true"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="https://twitter.com/hanzo_io"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<a href=".">
|
||
<img class ="logo animated flip" src="./img/logo.png" alt="HANZO"></img>
|
||
</a>
|
||
<small class="copyright">© HANZO, INC 2016</small>
|
||
</footer>
|
||
|
||
|
||
<!-- Loader -->
|
||
<div class="loader">
|
||
<div class="sk-folding-cube">
|
||
<div class="sk-cube1 sk-cube"></div>
|
||
<div class="sk-cube2 sk-cube"></div>
|
||
<div class="sk-cube4 sk-cube"></div>
|
||
<div class="sk-cube3 sk-cube"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Crowdstart analytics tag -->
|
||
<script>
|
||
!function(t,e,a){var r,n,c,i,o,s,l,u;if(null==t.analytics){for(r=[],r.methods=["ab","alias","group","identify","off","on","once","page","pageview","ready","track","trackClick","trackForm","trackLink","trackSubmit"],l=r.methods,c=function(t){r[t]=function(){var e;return e=Array.prototype.slice.call(arguments),e.unshift(t),r.push(e),r}},i=0,o=l.length;o>i;i++)s=l[i],c(s);return u=e.createElement("script"),u.async=!0,u.type="text/javascript",u.src=a,n=e.getElementsByTagName("script")[0],n.parentNode.insertBefore(u,n),t.analytics=r}}(window,document,"//cdn.crowdstart.com/a/hanzo.js");
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|