Difference between revisions of "Team:TokyoTech"

Line 12: Line 12:
 
<body>
 
<body>
  
−
<section class="main-body">
+
<div id="video-container">
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-md-9">
+
−
<p class="drescription">We plan to establish an artificial co-culture system of human cells with bacteria (E. coli) by integration of quorum sensing (cell-to-cell communication between bacteria), His-Asp phosphorelay and cytokinin (a signaling molecule in plant) in this co-existing system</p>
+
−
</div>
+
−
</div>
+
−
<div class="tiles">
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<div class="a">
+
−
<a href="#test-popup-1" class="open-popup-link">
+
−
<img src="" class="img-responsive" alt="Responsive image">
+
−
<div class="img-hover glass">
+
−
<div class="c-table">
+
−
<div class="ct-cell">
+
−
<h3 class="img-title">PROJECTt</h3>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
+
−
<div class="white-popup mfp-hide">
+
−
<div class="row">
+
−
<div class="container-fluid">
+
−
<div class="pop-up-color">
+
−
<div class="col-md-8 p-l-0 p-r-0">
+
−
<img src="https://static.igem.org/mediawiki/2017/c/cd/T--TokyoTech--sample_image.jpg" class="img-responsive" alt="Responsive image">
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div>
+
−
<h2 class="popup-head">PROJECT</h2>
+
−
</div>
+
−
<div>
+
−
<p class="popup-parapraph">we try to establish a new living system that human cells control the population of bacteria by engineering the both cells by creating two signaling pathways of 1) Bacteria-Mammals and 2) Bacteria-Plants. We expect that this system will lead to a new experimental approach and a new medical therapy.</p>
+
−
</div>
+
−
<div class="pop-up-icon">
+
−
<div class="row">
+
−
<ul class="text-center popup-social-contact">
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Description"><span class="label">Description</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Results" class="icon pop-up fa-twitter"><span class="label">Results</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Proof" class="icon pop-up fa-google-plus"><span class="label">Proof</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Parts" class="icon pop-up fa-pinterest"><span class="label">Parts</span></a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
</div>
+
<!-- MESSAGES ABOVE HEADER IMAGE -->
−
+
<div class="message">
−
</div>
+
<div class="row">
−
</div>
+
<div class="small-12 columns">
−
+
<div class="message-intro">
−
</div>
+
<span class="message-line"></span>
−
<div class="col-md-6">
+
<p>Flexible Cloud Hosting</p>
−
<div class="a">
+
<span class="message-line"></span>
−
<a href="#test-popup-2" class="open-popup-link">
+
</div>
−
<img src="images/2.jpg" class="img-responsive" alt="Responsive image">
+
<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>
−
<div class="img-hover shoes-glass">
+
<a href="#pricingboxes" class="small radius button">VIEW PLANS</a>
−
<div class="c-table">
+
</div>
−
<div class="ct-cell">
+
</div>
−
<h3 class="img-title">MODELING</h3>
+
</div>
−
</div>
+
<!-- END OF MESSAGES ABOVE HEADER IMAGE -->
−
</div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
<div id="test-popup-2" class="white-popup mfp-hide">
+
−
  <div class="container-fluid">
+
−
<div class="row">
+
−
<div class="pop-up-color">
+
−
<div class="col-md-8 p-l-0 p-r-0">
+
−
<img src="images/2.jpg" class="img-responsive" alt="Responsive image">
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div>
+
−
<h2 class="popup-head">MODELING</h2>
+
−
</div>
+
−
<div>
+
−
<p class="popup-parapraph">We simulation the population change.</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div><br>
+
−
<div class="row">
+
−
<div class="col-md-4">
+
−
<div class="a">
+
−
<a href="#test-popup-3" class="open-popup-link">
+
−
<img src="images/3.jpg" class="img-responsive" alt="Responsive image">
+
−
<div class="img-hover hand-parts">
+
−
<div class="c-table">
+
−
<div class="ct-cell">
+
−
<h3 class="img-title">HUMAN PRACTICES</h3>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
<div id="test-popup-3" class="white-popup mfp-hide">
+
−
  <div class="container-fluid">
+
−
<div class="row">
+
−
<div class="pop-up-color">
+
−
<div class="col-md-8 p-l-0 p-r-0">
+
−
<img src="images/3.jpg" class="img-responsive" alt="Responsive image">
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div>
+
−
<h2 class="popup-head">HUMAN PRACTICES</h2>
+
−
</div>
+
−
<div>
+
−
<p class="popup-parapraph">School visits, meet-up and etc.</p>
+
−
</div>
+
−
<div class="pop-up-icon">
+
−
<div class="row">
+
−
<ul class="text-center popup-social-contact">
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Human_Practices"><span class="label">Human_Practices</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Integrated_Human_Practices" class="icon pop-up fa-twitter"><span class="label">Integrated Human Practices</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Public_Engagement" class="icon pop-up fa-google-plus"><span class="label">Public Engagement</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Collaborations" class="icon pop-up fa-pinterest"><span class="label">Collaborations</span></a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="a">
+
−
<a href="#test-popup-4" class="open-popup-link">
+
−
<img src="images/4.jpg" class="img-responsive" alt="Responsive image">
+
−
<div class="img-hover table-with-phone">
+
−
<div class="c-table">
+
−
<div class="ct-cell">
+
−
<h3 class="img-title">NOTEBOOK</h3>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
<div id="test-popup-4" class="white-popup mfp-hide">
+
−
  <div class="container-fluid">
+
−
<div class="row">
+
−
<div class="pop-up-color">
+
−
<div class="col-md-8 p-l-0 p-r-0">
+
−
<img src="images/4.jpg" class="img-responsive" alt="Responsive image">
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div>
+
−
<h2 class="popup-head">NOTEBOOK</h2>
+
−
</div>
+
−
<div>
+
−
<p class="popup-parapraph">Showing protocol and the other detail about the project.</p>
+
−
</div>
+
−
<div class="pop-up-icon">
+
−
<div class="row">
+
−
<ul class="text-center popup-social-contact">
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Notebook" class="icon pop-up fa-facebook"><span class="label">Lab Book</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Experiments" class="icon pop-up fa-twitter"><span class="label">Protocols</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Medals" class="icon pop-up fa-google-plus"><span class="label">Medal Criteria</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/BrainStorm" class="icon pop-up fa-pinterest"><span class="label">Brainstorm</span></a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="a">
+
−
<a href="#test-popup-5" class="open-popup-link">
+
−
<img src="images/5.jpg" class="img-responsive" alt="Responsive image">
+
−
<div class="img-hover orange-shoe">
+
−
<div class="c-table">
+
−
<div class="ct-cell">
+
−
<h3 class="img-title">TEAM</h3>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
<div id="test-popup-5" class="white-popup mfp-hide">
+
−
  <div class="container-fluid">
+
−
<div class="row">
+
−
<div class="pop-up-color">
+
−
<div class="col-md-8 p-l-0 p-r-0">
+
−
<img src="images/5.jpg" class="img-responsive" alt="Responsive image">
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div>
+
−
<h2 class="popup-head">TEAM</h2>
+
−
</div>
+
−
<div>
+
−
<p class="popup-parapraph">#tokyotechpride</p>
+
−
</div>
+
−
<div class="pop-up-icon">
+
−
<div class="row">
+
−
<ul class="text-center popup-social-contact">
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Team" class="icon pop-up fa-facebook"><span class="label">Team</span></a>
+
−
</li>
+
−
<li class="popup-social-icons">
+
−
<a href="https://2017.igem.org/Team:TokyoTech/Attribution" class="icon pop-up fa-twitter"><span class="label">Attribution</span></a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div><br>
+
−
</div>
+
−
</div>
+
−
</section>
+
  
−
<section class="social-contact-icon">
+
<video id='video-player' preload='metadata' autoplay loop>
−
<div class="container">
+
    <source src="video/148717512.mp4" type="video/mp4">
−
<div class="row">
+
    <source src="video/148717512.webm" type="video/webm">
−
<div class="col-md-12 col-xs-12">
+
    <source src="video/148717512.ogv" type="video/ogg">
−
<ul class="text-center social-contact">
+
</video>
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-facebook"><span class="label">Facebook</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-twitter"><span class="label">Twitter</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-google-plus"><span class="label">GooglePlus</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-pinterest"><span class="label">pinterest</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-stumbleupon"><span class="label">Stumbleupon</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-tumblr"><span class="label">tumblr</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-instagram"><span class="label">Instagram</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-reddit-alien"><span class="label">reddit-alien</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-dribbble"><span class="label">Dribbble</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-behance"><span class="label">Behance</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-linkedin"><span class="label">Linkedin</span></a>
+
−
</li>
+
−
<li class="social-icons">
+
−
<a href="#" class="icon style2 fa-vk"><span class="label">vk</span></a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
  
−
<section class="footer">
+
<div class="clouds"><img src="images/clouds.png" alt="cloud me"/></div>
−
<footer>
+
−
<div id="footer" class="container">
+
−
<div class="row">
+
−
<div class="col-sm-8 col-xs-9">
+
−
<p class="right-color">&copy; Copyright 2017. All rights reserved by <a href="https://96haji.me/" target="_blank">Hajime Fujita</a></p>
+
−
</div>
+
−
<div class="col-sm-4 col-xs-3" align="right">
+
−
<a href="#" id="back-to-top" class="top text-right" >TOP <i class="fa fa-angle-up" aria-hidden="true"></i> </a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</footer>
+
−
</section>
+
  
−
<!-- Scripts -->
+
</div>
 +
<!-- END OF VIDEO -->
  
−
<script src="assets/js/jquery-3.1.0.min.js"></script>
+
</header>
−
<script src="assets/js/bootstrap.min.js"></script>
+
<!--  END OF HEADER -->
−
<script src="assets/js/jquery.magnific-popup.min.js"></script>
+
  
−
<script src="assets/js/script.js"></script>
+
<!--  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>
  
−
<!--  ===== Scroll to Top ====  -->
+
<ul class="small-block-grid-1 large-block-grid-3 medium-block-grid-3">
−
    <script>
+
 
−
if ($('#back-to-top').length) {
+
<li data-wow-delay="0.2s" class="wow fadeInLeft">
−
    $('#back-to-top').on('click', function (e) {
+
<i class="fa fa-database"></i>
−
        e.preventDefault();
+
<h3>Cloud Databases</h3>
−
        $('html,body').animate({
+
<p>Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard</p>
−
            scrollTop: 0
+
</li>
−
        }, 700);
+
 
−
    });
+
<li data-wow-delay="0.4s" class="wow fadeInLeft">
−
}
+
<i class="fa fa-git-square"></i>
−
</script>
+
<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>
 
</body>
 
</html>
 
</html>

Revision as of 19:50, 21 September 2017

Coli Sapiens

Flexible Cloud Hosting

HIGH PERFORMANCE VIRTUAL MACHINES, CLOUD FOR WEBSITES AND APPLICATIONS, INSTANT ACCOUNT ACTIVATION, EXCELLENT CPU AND IO PERFORMANCE, THE REAL PUBLIC CLOUD EXPERIENCE

VIEW PLANS
cloud me

OUR FEATURES ARE UNBEATABLE

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.

  • Cloud Databases

    Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard

  • Pre-installed git

    Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard

  • Developer-friendly tools

    Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard

  • Gigabit uplinks

    Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard

  • SSD-Only

    Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard

  • Running at scale

    Food truck artisan cillum voluptate umami Austin quis, viral asymmetrical freegan occaecat swag skateboard

NEW CUSTOMER?

0% OFF YOUR ORDER

USE PROMO CODE "CLOUDMENEW"

SIGN UP NOW!

FIND A PLAN THAT'S RIGHT FOR YOU

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.

SHARED HOSTING
  • 100% Linux friendly
  • 1GB storage
  • 3GB bandwidth
  • Free Email Addresses
  • 24/7 security monitoring
  • 24/7 technical support
  • $19MONTHLY

  • SIGN UP NOW

CLOUD VPS
  • Deploy In 30 Seconds
  • 1GB storage
  • 3GB bandwidth
  • Free Email Addresses
  • 24/7 security monitoring
  • 24/7 technical support
  • $79MONTHLY

  • SIGN UP NOW

DEDICATED SERVERS
  • Comprehensive SLAs
  • 1GB storage
  • 3GB bandwidth
  • Free Email Addresses
  • 24/7 security monitoring
  • 24/7 technical support
  • $199MONTHLY

  • SIGN UP NOW

LOVED BY 0 DEVELOPERS

REAL-TIME APPLICATION PERFORMANCE MONITORING

Tousled freegan messenger bag, mixtape cred farm-to-table meggings deep v 90's ethnic authentic occupy flexitarian fingerstache