Difference between revisions of "Team:TokyoTech"

(Replaced content with "{{TokyoTech/header}}")
Line 1: Line 1:
 
{{TokyoTech/header}}
 
{{TokyoTech/header}}
−
<html lang="en">
 
−
 
−
<body>
 
−
 
−
<div id="video-container">
 
−
 
−
<!--  MESSAGES ABOVE HEADER IMAGE -->
 
−
<div class="message">
 
−
<div class="row">
 
−
<div class="small-12 columns">
 
−
<div class="message-intro">
 
−
<span class="message-line"></span>
 
−
<p>Flexible Cloud Hosting</p>
 
−
<span class="message-line"></span>
 
−
</div>
 
−
<h1><span id="js-rotating">HIGH PERFORMANCE VIRTUAL MACHINES, CLOUD FOR WEBSITES AND APPLICATIONS, INSTANT ACCOUNT ACTIVATION, EXCELLENT CPU AND IO PERFORMANCE, THE REAL PUBLIC CLOUD EXPERIENCE</span></h1>
 
−
<a href="#pricingboxes" class="small radius button">VIEW PLANS</a>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!--  END OF MESSAGES ABOVE HEADER IMAGE -->
 
−
 
−
<video id='video-player' preload='metadata' autoplay loop>
 
−
    <source src="video/148717512.mp4" type="video/mp4">
 
−
    <source src="video/148717512.webm" type="video/webm">
 
−
    <source src="video/148717512.ogv" type="video/ogg">
 
−
</video>
 
−
 
−
<div class="clouds"><img src="images/clouds.png" alt="cloud me"/></div>
 
−
 
−
</div>
 
−
<!-- END OF VIDEO -->
 
−
 
−
</header>
 
−
<!--  END OF HEADER -->
 
−
 
−
<!--  FEATURES -->
 
−
<section class="features">
 
−
<div class="row">
 
−
<div class="small-12 columns">
 
−
<h2>OUR FEATURES ARE UNBEATABLE</h2>
 
−
<p>VHS blog brunch, direct trade cornhole skateboard fashion axe incididunt gastropub pork belly 90's ullamco dreamcatcher. You probably haven't heard of them cred synth Schlitz, direct trade food truck normcore Neutra. Organic Schlitz sustainable DIY.</p>
 
−
 
−
<ul class="small-block-grid-1 large-block-grid-3 medium-block-grid-3">
 
−
 
−
<li  data-wow-delay="0.2s" class="wow fadeInLeft">
 
−
<i class="fa fa-database"></i>
 
−
<h3>Cloud Databases</h3>
 
−
<p>Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard</p>
 
−
</li>
 
−
 
−
<li data-wow-delay="0.4s" class="wow fadeInLeft">
 
−
<i class="fa fa-git-square"></i>
 
−
<h3>Pre-installed git</h3>
 
−
<p>Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard</p>
 
−
</li>
 
−
 
−
<li data-wow-delay="0.6s" class="wow fadeInLeft">
 
−
<i class="fa fa-code"></i>
 
−
<h3>Developer-friendly tools</h3>
 
−
<p>Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard</p>
 
−
</li>
 
−
 
−
<li data-wow-delay="0.2s" class="wow fadeInRight">
 
−
<i class="fa fa-bolt"></i>
 
−
<h3>Gigabit uplinks</h3>
 
−
<p>Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard</p>
 
−
</li>
 
−
 
−
<li data-wow-delay="0.4s" class="wow fadeInRight">
 
−
<i class="fa fa-hdd-o"></i>
 
−
<h3>SSD-Only</h3>
 
−
<p>Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard</p>
 
−
</li>
 
−
 
−
<li data-wow-delay="0.6s" class="wow fadeInRight">
 
−
<i class="fa fa-rocket"></i>
 
−
<h3>Running at scale</h3>
 
−
<p>Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard</p>
 
−
</li>
 
−
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
</section>
 
−
<!--  END OF FEATURES -->
 
−
 
−
<!--  CALL TO ACTION  -->
 
−
<section class="calltoaction">
 
−
<div class="row">
 
−
<div class="small-12 columns">
 
−
<div data-wow-delay="0.3s" class="longshadow wow fadeInDown">NEW CUSTOMER?</div>
 
−
<div data-wow-delay="0.5s" class="calltoactioninfo wow fadeInUp">
 
−
<h2><span id="discount">0</span><span>%</span> OFF YOUR ORDER</h2>
 
−
<h3>USE PROMO CODE <strong>"CLOUDMENEW"</strong></h3>
 
−
<a href="#" class="small radius button">SIGN UP NOW!</a>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</section>
 
−
<!--  END OF CALL TO ACTION -->
 
−
 
−
<!--  PRICING BOXES  -->
 
−
<div class="pricingboxes">
 
−
<a id="pricingboxes"></a>
 
−
<div class="row">
 
−
<div class="small-12 columns">
 
−
<h2>FIND A PLAN THAT'S RIGHT FOR YOU</h2>
 
−
<p>Stumptown fanny pack ullamco Neutra, Banksy keytar deep v four loko cray proident chillwave. Tote bag Brooklyn Bushwick pour-over. Helvetica shabby chic vegan stumptown. Occaecat yr seitan forage. Typewriter lo-fi sartorial, church-key hella est pickled sustainable master cleanse.</p>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="spacing-30"></div>
 
−
 
−
<div class="row">
 
−
<div data-wow-delay="0.2s"  class="small-12 large-4 medium-4 columns wow zoomIn">
 
−
<div class="title">SHARED HOSTING</div>
 
−
<ul class="pricing-table">
 
−
<li class="description">100% <strong>Linux</strong> friendly</li>
 
−
<li class="bullet-item">1GB storage</li>
 
−
<li class="bullet-item">3GB bandwidth</li>
 
−
<li class="bullet-item">Free Email Addresses</li>
 
−
<li class="bullet-item">24/7 security monitoring</li>
 
−
<li class="bullet-item">24/7 technical support</li>
 
−
<li class="price"><span>$19</span>MONTHLY</li>
 
−
<li class="cta-button"><p><span><a href="">SIGN UP NOW</a></span></p></li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div data-wow-delay="0.4s"  class="small-12 large-4 medium-4 columns wow zoomIn">
 
−
<div class="title">CLOUD VPS</div>
 
−
<ul class="pricing-table">
 
−
<li class="description">Deploy In <strong>30 Seconds</strong></li>
 
−
<li class="bullet-item">1GB storage</li>
 
−
<li class="bullet-item">3GB bandwidth</li>
 
−
<li class="bullet-item">Free Email Addresses</li>
 
−
<li class="bullet-item">24/7 security monitoring</li>
 
−
<li class="bullet-item">24/7 technical support</li>
 
−
<li class="price"><span>$79</span>MONTHLY</li>
 
−
<li class="cta-button"><p><span><a href="">SIGN UP NOW</a></span></p></li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div data-wow-delay="0.6s"  class="small-12 large-4 medium-4 columns wow zoomIn">
 
−
<div class="title">DEDICATED SERVERS</div>
 
−
<ul class="pricing-table">
 
−
<li class="description">Comprehensive <strong>SLAs</strong></li>
 
−
<li class="bullet-item">1GB storage</li>
 
−
<li class="bullet-item">3GB bandwidth</li>
 
−
<li class="bullet-item">Free Email Addresses</li>
 
−
<li class="bullet-item">24/7 security monitoring</li>
 
−
<li class="bullet-item">24/7 technical support</li>
 
−
<li class="price"><span>$199</span>MONTHLY</li>
 
−
<li class="cta-button"><p><span><a href="">SIGN UP NOW</a></span></p></li>
 
−
</ul>
 
−
</div>
 
−
 
−
</div>
 
−
</div>
 
−
<!--  END OF PRCING BOXES  -->
 
−
 
−
<!--  TESTIMONIALS  -->
 
−
<section class="testimonials">
 
−
<div class="row">
 
−
<div class="small-12 columns">
 
−
<div class="circle"><i class="fa fa-heart"></i></div>
 
−
<h2>LOVED BY <span id="lovedby">0</span> DEVELOPERS</h2>
 
−
<hr class="small"/>
 
−
 
−
<div id="testimonials-carousel" class="owl-carousel">
 
−
 
−
    <div class="item">
 
−
    <div class="whoclient"><span>Petr Wright, Developer at <a href="">Aina Corp.</a></span></div>
 
−
    <div class="testimonial-content">
 
−
    <div class="testimonialimg"><img src="images/hn-200x200.jpg" alt="" /></div>
 
−
  <p>Semiotics ennui shabby chic irony Tumblr. Letterpress Cosby sweater put a bird on it ethnic fap Portland. Ethnic Pitchfork brunch, kogi crucifix cornhole fanny pack. Squid PBR artisan, Austin gastropub vegan lo-fi sustainable ethnic. Before they sold out 8-bit aesthetic ethnic mixtape.</p>
 
−
  </div>
 
−
    </div>
 
−
 
−
    <div class="item">
 
−
    <div class="whoclient"><span>Neil Wynter, Developer at <a href="">Reise S.A.</a></span></div>
 
−
    <div class="testimonial-content">
 
−
    <div class="testimonialimg"><img src="images/jo-200x200.jpg" alt="" /></div>
 
−
  <p>Voluptate kogi VHS, occupy hella banh mi Thundercats Godard jean shorts plaid in cred food truck. Plaid fingerstache craft beer, disrupt labore Tonx exercitation single-origin coffee assumenda raw denim delectus kogi. Thundercats proident photo booth Truffaut, banjo duis 8-bit church-key sunt mollit selvage elit Cosby.</p>
 
−
  </div>
 
−
    </div>
 
−
 
−
    <div class="item">
 
−
    <div class="whoclient"><span>Darron Williams, Developer at <a href="">Joseph Ltd.</a></span></div>
 
−
    <div class="testimonial-content">
 
−
    <div class="testimonialimg"><img src="images/sm-200x200.jpg" alt="" /></div>
 
−
  <p>Deep v bespoke ethical, fanny pack ea Odd Future sapiente chia et synth id slow-carb sriracha nesciunt tote bag. Meggings ex pug, enim Odd Future ea salvia deep v sartorial mlkshk literally yr sapiente. Shoreditch deserunt master cleanse, try-hard McSweeney's whatever art party put a bird on it pork.</p>
 
−
  </div>
 
−
    </div>
 
−
 
−
 
−
    </div>
 
−
 
−
</div>
 
−
</div>
 
−
</section>
 
−
<!--  END OF TESTIMONIALS -->
 
−
 
−
<!--  MONITORING  -->
 
−
<section class="monitoring">
 
−
<div class="row">
 
−
<div class="small-12 columns">
 
−
<h2>REAL-TIME APPLICATION PERFORMANCE MONITORING</h2>
 
−
<p class="text-center">Tousled freegan messenger bag, mixtape cred farm-to-table meggings deep v 90's ethnic authentic occupy flexitarian fingerstache</p>
 
−
<div data-wow-delay="0.3s" class="text-center wow fadeInUp"><img src="images/monitoring.png" alt=""/></div>
 
−
</div>
 
−
</div>
 
−
</section>
 
−
<!--  END OF MONITORING  -->
 
−
 
−
<!--  FOOTER  -->
 
−
<footer>
 
−
<div class="row">
 
−
<div class="small-12 columns">
 
−
<div class="contacts">
 
−
<div class="row">
 
−
<div class="small-12 large-3 medium-3 columns">
 
−
<i class="fa fa-map-marker"></i>
 
−
PORTLAND, OR, USA
 
−
</div>
 
−
<div class="small-12 large-3 medium-3 columns">
 
−
<i class="fa fa-mobile"></i>
 
−
+1 299-670-9615
 
−
</div>
 
−
<div class="small-12 large-3 medium-3 columns">
 
−
<a href=""><i class="fa fa-comments"></i></a>
 
−
LIVE CHAT
 
−
</div>
 
−
<div class="small-12 large-3 medium-3 columns">
 
−
<a href=""><i class="fa fa-envelope-o"></i></a>
 
−
E-MAIL US
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="row">
 
−
<div class="small-12 columns">
 
−
<div class="footerlinks">
 
−
<div class="small-12 large-3 medium-3 columns border-right">
 
−
<h2>Hosting Services</h2>
 
−
<ul>
 
−
<li><a href="shared.html">Shared Hosting</a></li>
 
−
<li><a href="vps.html">Managed VPS</a></li>
 
−
<li><a href="servers.html">Dedicated Services</a></li>
 
−
<li><a href="">Become a Reseller</a></li>
 
−
<li><a href="">Special Offers</a></li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div class="small-12 large-3 medium-3 columns border-right">
 
−
<h2>Company</h2>
 
−
<ul>
 
−
<li><a href="">About us</a></li>
 
−
<li><a href="">Blog</a></li>
 
−
<li><a href="">Terms of Service</a></li>
 
−
<li><a href="">Acceptable Use Policy</a></li>
 
−
<li><a href="">Affiliates</a></li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div class="small-12 large-3 medium-3 columns border-right">
 
−
<h2>Add-on Services</h2>
 
−
<ul>
 
−
<li><a href="">SSL Certificates</a></li>
 
−
<li><a href="">Dedicated IPs</a></li>
 
−
<li><a href="">Control Panel Licenses</a></li>
 
−
<li><a href="">WHMCS License</a></li>
 
−
<li><a href="">Migrations / Transfers</a></li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div class="small-12 large-3 medium-3 columns">
 
−
<h2>CloudMe Newsletter</h2>
 
−
<p>Sign up for special offers:</p>
 
−
 
−
<!-- Begin MailChimp Signup Form -->
 
−
<div id="mc_embed_signup">
 
−
<form action="//audemedia.us7.list-manage.com/subscribe/post?u=b5638e105dac814ad84960d90&amp;id=9345afa0aa" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
 
−
 
−
  <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
 
−
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
 
−
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_b5638e105dac814ad84960d90_9345afa0aa" tabindex="-1" value=""></div>
 
−
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
 
−
</form>
 
−
</div>
 
−
</div>
 
−
<!--End mc_embed_signup-->
 
−
</div>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<!--SOCIAL LINKS -->
 
−
<div class="social">
 
−
<div class="row">
 
−
<div class="small-12 columns">
 
−
<ul class="small-block-grid-1 large-block-grid-5 medium-block-grid-5">
 
−
<li class="facebook"><a href="">FACEBOOK</a></li>
 
−
<li class="twitter"><a href="">TWITTER</a></li>
 
−
<li class="googleplus"><a href="">GOOGLE+</a></li>
 
−
<li class="linkedin"><a href="">LINKEDIN</a></li>
 
−
<li class="pinterest"><a href="">PINTEREST</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!-- END OF SOCIAL LINKS -->
 
−
<p class="copyright">© Copyright CloudMe, all rights reserved. </p>
 
−
</footer>
 
−
<!--  END OF FOOTER  -->
 
−
 
−
<a href="#top" id="back-to-top"><i class="fa fa-angle-up"></i></a>
 
−
</body>
 
−
</html>
 

Revision as of 21:50, 21 September 2017