sync.html

<!doctype html>
<html class="no-js h-100" lang="en">
  <head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-127967002-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-127967002-1');
    </script>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>IpfsCloud | Sync Your Devices</title>

    <link rel="shortcut icon" href="https://gateway.ipfs.io/ipfs/QmQdNiAkgBdbDpscdnQAyEaNfKTgiYXwohFcwmmCGVGQNv">

    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content="IPFS Cloud"/>
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image" content="https://gateway.ipfs.io/ipfs/QmRLzph5w13K8MKb2wj9bcJ8gQxQBFho4HG1p5pGpWimn9"/>
    <meta property="og:url" content="https://ipfscloud.store" />
    <meta property="og:site_name" content="IpfsCloud"/>
    <meta property="og:description" content="A Decentralised, Anonymous Cloud Storage Platform on Ipfs. Upload and Store documents, files, folders, Photos, Videos, Movies. A fully decentralized, anonymous, free and unlimited cloud storage platform."/>
    <meta property="og:image:alt" content="IpfsCloud" />
    <meta name="description" content="A Decentralised, Anonymous Cloud Storage Platform on Ipfs. Upload and Store documents, files, folders, Photos, Videos, Movies. A fully decentralized, anonymous, free and unlimited cloud storage platform.">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" id="main-stylesheet" data-version="1.1.0" href="styles/shards-dashboards.1.1.0.min.css">
    <link rel="stylesheet" href="styles/extras.1.1.0.min.css">
    <link rel="stylesheet" href="styles/shards.min.css">
    <link rel="stylesheet" href="styles/style.css">

    <script async defer src="https://buttons.github.io/buttons.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.3/mobile-detect.min.js"></script>
    <script src="scripts/qrcode.js"></script>
    <script src="scripts/app.js"></script>

    <!-- Place this tag in your head or just before your close body tag. -->
    <script async defer src="https://buttons.github.io/buttons.js"></script>
  </head>
  <body class="h-100">
    <div class="color-switcher animated visible">
      <div class="social-wrapper">
          <a class="mb-2 btn btn-sm btn-white w-100 d-table mx-auto extra-action" href="donate.html" target="_blank"><img alt="Get Cash icon" src="https://img.icons8.com/material/2x/get-cash.png" style="height: 12px; width: 12px;">&nbsp;&nbsp;Donate</a>
        <a class="mb-2 btn btn-sm btn-white w-100 d-table mx-auto extra-action" href="https://www.getpostman.com/collections/b71841cf47f7f1df781c"><i class="material-icons">book</i>API Docs</a>
        <a class="mb-2 btn btn-sm btn-white w-100 d-table mx-auto extra-action" href="https://gateway.ipfs.io/ipfs/QmcgCK3eiHAoKgRJoqHsCu8ahkdt2nH1yWnPEAkp36EKkR" target="_blank"><i class="material-icons">navigation</i> RoadMap</a>
        <div class="social-actions">
          <h5 class="my-2">Help us Grow</h5>
          <div class="inner-wrapper">
            <span></span>
            <!-- <iframe style="width: 91px; height: 21px;"src="https://yvoschaap.com/producthunt/counter.html#href=https%3A%2F%2Fwww.producthunt.com%2Fr%2Fp%2F112998&layout=wide" width="56" height="65" scrolling="no" frameborder="0" allowtransparency="true"></iframe> -->
          </div>
        </div>
        <!-- TWITTER BUTTON -->
        <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-text="🔥 Check out IpfsCloud, a decentralized, anonymous storage platform on IPFS" data-url="https://ipfscloud.store" data-via="vasa_develop" data-hashtags="ipfs,ipfscloud,towardsblockchain" data-related="vasa_develop,ipfscloud" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

        <!-- FACEBOOK BUTTON -->
        <iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fipfscloud.store&layout=button_count&size=small&mobile_iframe=true&appId=720721218260653&width=69&height=20" width="69" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
        <br>

        <!-- Place this tag where you want the button to render. -->
        <a class="github-button" href="https://github.com/vasa-develop/ipfscloud" data-show-count="true" aria-label="Star vasa-develop/ipfscloud on GitHub">Star</a>

        <div class="loading-overlay" style="display: none;">
          <div class="spinner"></div>
        </div>
      </div>

    </div>
    <div class="color-switcher-toggle animated pulse infinite">
      <i class="material-icons">share</i>
    </div>
    <div class="container-fluid">
      <div class="row">
        <!-- Main Sidebar -->
        <aside class="main-sidebar col-12 col-md-3 col-lg-2 px-0">
          <div class="main-navbar">
            <nav class="navbar align-items-stretch navbar-light bg-white flex-md-nowrap border-bottom p-0">
              <a class="navbar-brand w-100 mr-0" href="index.html" style="line-height: 25px;">
                <div class="d-table m-auto">
                  <img id="main-logo" class="d-inline-block align-top mr-1" style="max-width: 25px;" src="https://gateway.ipfs.io/ipfs/QmTiMTq3jrAYFoFfKDvpLJBPm2oRsvxvNMDh5mDBP8fTx2" alt="Shards Dashboard">
                  <span class="d-none d-md-inline ml-1">IpfsCloud</span>
                </div>
              </a>
              <a class="toggle-sidebar d-sm-inline d-md-none d-lg-none">
                <i class="material-icons">&#xE5C4;</i>
              </a>
            </nav>
          </div>
          <form action="#" class="main-sidebar__search w-100 border-right d-sm-flex d-md-none d-lg-none">
            <div class="input-group input-group-seamless ml-3">
              <div class="input-group-prepend">
                <div class="input-group-text">
                  <i class="fas fa-search"></i>
                </div>
              </div>
              <input class="navbar-search form-control" type="text" placeholder="Search for something..." aria-label="Search"> </div>
          </form>
           <div class="nav-wrapper">
            <ul class="nav flex-column">
              <li class="nav-item">
                <a class="nav-link" href="index.html">
                  <img src="images/folder.png">
                  <span>My Documents</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="private.html">
                  <img src="images/private.png">
                  <span>My Private Docs</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" href="sync.html">
                  <img src="images/syncing.png">
                  <span>Sync with mobile</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="devices.html">
                  <img src="images/devices.png">
                  <span>My devices</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="host.html">
                  <img src="images/server.png">
                  <span>Free Website Hosting</span>
                </a>
              </li>
            </ul>
          </div>
        </aside>
        <!-- End Main Sidebar -->
        <main class="main-content col-lg-10 col-md-9 col-sm-12 p-0 offset-lg-2 offset-md-3">
          <div class="main-navbar sticky-top bg-white">
            <!-- Main Navbar -->
            <nav class="navbar align-items-stretch navbar-light flex-md-nowrap p-0">
              <form action="#" class="main-navbar__search w-100 d-none d-md-flex d-lg-flex">
                <div class="input-group input-group-seamless ml-3">
                  <div class="input-group-prepend">
                    <div class="input-group-text">
                      <i class="fas fa-search"></i>
                    </div>
                  </div>
                  <input class="navbar-search form-control" type="text" placeholder="Search for something..." aria-label="Search"> </div>
              </form>
              <ul class="navbar-nav border-left flex-row " id="navbar_options">
                <li class="nav-item border-right dropdown notifications">
                  <a class="nav-link nav-link-icon text-center" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <div class="nav-link-icon__wrapper">
                      <i class="material-icons">&#xE7F4;</i>
                      <span class="badge badge-pill badge-success">2</span>
                    </div>
                  </a>
                  <div class="dropdown-menu dropdown-menu-small" aria-labelledby="dropdownMenuLink">
                    <a class="dropdown-item" href="https://lnkd.in/fseGedZ" target="_blank">
                      <div class="notification__icon-wrapper">
                        <div class="notification__icon">
                          <i class="material-icons">update</i>
                        </div>
                      </div>
                      <div class="notification__content">
                        <span class="notification__category">Mobile App for IpfsCloud</span>
                        <p>Be one of the first user of IpfsCloud Mobile App. Click to <span class="text-success text-semibold">Join our Beta Testing Programme</span> and help us to improve this platform</p>
                      </div>
                    </a>
                    <a class="dropdown-item" href="#" target="_blank">
                      <div class="notification__icon-wrapper">
                        <div class="notification__icon">
                          <i class="material-icons">update</i>
                        </div>
                      </div>
                      <div class="notification__content">
                        <span class="notification__category">Host Websites for Free Within Minutes</span>
                        <p>Check out our new <span class="text-success text-semibold">Website Hosting Service for Free</span>.
                          Click to check it out!</p>
                      </div>
                    </a>
                    <a class="dropdown-item notification__all text-center" href="#"> View all Notifications </a>
                  </div>
                </li>
              </ul>
              <nav class="nav">
                <a href="#" class="nav-link nav-link-icon toggle-sidebar d-md-inline d-lg-none text-center border-left" data-toggle="collapse" data-target=".header-navbar" aria-expanded="false" aria-controls="header-navbar">
                  <i class="material-icons">&#xE5D2;</i>
                </a>
              </nav>
            </nav>
          </div>
          <!-- / .main-navbar -->
          <div id="devices" class="main-content-container container-fluid px-4">
            <!-- Page Header -->
            <div class="page-header row no-gutters py-4">
              <div class="col-12 col-sm-4 text-center text-sm-left mb-0">
                <span class="text-uppercase page-subtitle">IpfsCloud</span>
                <hr>
                <h3 class="page-title">Sync with mobile</h3>
              </div>
            </div>

            <center><div id="qrcode" style="width:300px; height:300px; margin-top:15px;"></div></center>
            <!-- End Page Header -->
            <!-- Small Stats Blocks -->


          </div>
          <footer class="main-footer d-flex p-2 px-3 bg-white border-top">
            <ul class="nav">
              <li class="nav-item">
                <a class="nav-link" href="https://ipfscloud.store/home.html">Home</a>
              </li>
              <!-- <li class="nav-item">
                <a class="nav-link" href="">Services</a>
              </li> -->
              <li class="nav-item">
                <a class="nav-link" href="http://clusterlabs.io">About</a>
              </li>
              <!-- <li class="nav-item">
                <a class="nav-link" href="#">Products</a>
              </li> -->
              <li class="nav-item">
                <a class="nav-link" href="https://medium.com/ipfscloud">Blog</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="termsofuse.html" target="_blank">Terms of Use</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="privacy.html" target="_blank">Privacy</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="faq.html" target="_blank">FAQs</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="mailto:vasa@towardsblockchain.com" target="_blank">Contact Us</a>
              </li>
            </ul>
            <span class="copyright ml-auto my-auto mr-2">Copyright © 2018
              <a href="http://clusterlabs.io" target="_blank" rel="nofollow">ClusterLabs</a>
            </span>
          </footer>
        </main>
      </div>
    </div>


     <script type="text/javascript">
     	var md = new MobileDetect(window.navigator.userAgent);

		var qrcode = document.getElementById("qrcode");

		if(md.ua.includes("Android")){
			qrcode.innerHTML = "Android app for IpfsCloud Coming Soon."+"<br>"+
			"<h6><b>Join our Android Beta-testing program <a href='https://lnkd.in/fseGedZ' target='_blank'>here</a>.</b></h6>";
		}
		else if(md.ua.includes("iPhone")){
			qrcode.innerHTML = "iPhone app for IpfsCloud Coming Soon."+"<br>"+
			"<h6><b>Join our iPhone Beta-testing program <a href='https://lnkd.in/fseGedZ' target='_blank'>here</a>.</b></h6>";
		}
		else{
			qrcode.innerHTML = "Android and iPhone app for IpfsCloud Coming Soon."+"<br>"+
			"<h6><b>Join our mobile Beta-testing program <a href='https://lnkd.in/fseGedZ' target='_blank'>here</a>.</b></h6>";
		}
    </script>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="scripts/shards.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
    <script src="https://unpkg.com/shards-ui@latest/dist/js/shards.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Sharrre/2.0.1/jquery.sharrre.min.js"></script>
    <script src="scripts/extras.1.1.0.min.js"></script>
    <script src="scripts/shards-dashboards.1.1.0.min.js"></script>
    <script src="scripts/app/app-blog-overview.1.1.0.js"></script>
  </body>
</html>