<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>npmjs</title>
<!--<link type="text/css" rel="stylesheet" href="../css/normalize.css"/>-->
<link type="text/css" rel="stylesheet" href="../css/style.css"/>
</head>
<body>
<div class="nav container col-xs-0 col-sm-0">
<div class="col-sm-6 col-md-3 col-lg-4">
<a href="">Nettle Pie Market</a>
</div>
<div class="nav-menu-container col-sm-6 col-md-9 col-lg-8">
<ul id="drop_menu">
<li><a href="" class="npm-enterprise">npm Enterprise</a></li>
<li><a href="" class="npm-features">features</a></li>
<li><a href="" class="npm-pricing">pricing</a></li>
<li><a href="" class="npm-documentation">documentation</a></li>
<li><a href="" class="npm-support">support</a></li>
</ul>
</div>
</div>
<div class="container homepage-hero">
<div class="logo-container">
<a href="index.html"><img src="../images/logo.svg"/></a>
</div>
<div class="search-box-container col-sm-0 col-xs-0">
<input class="search-input" placeholder="find packages"/>
</div>
<div class="search-box-container btn-search-container col-sm-0 col-xs-0">
<button class="btn-search"></button>
</div>
<div class="user-info">
<ul>
<li>
<a href="" class="sign-in">sign up</a>
<span>or</span>
<a href="" class="login-in">login in</a>
</li>
<li>
<img src="../images/logo_cartoo.svg"/>
</li>
</ul>
<div class="dropdown-menu-container col-lg-0 col-md-0" id="js_dropmenu">
<img src="../images/dropdown-menu.svg"/>
</div>
</div>
<div class="sm-search-box-container col-lg-0 col-md-0 col-sm-12 col-xs-12">
<input class="search-input" placeholder="find packages"/>
<a href=""><img src="../images/search.svg"/></a>
</div>
<div class="row">
<h2 class="col-xs-12 col-sm-12 col-md-12 col-lg-6">Building Amazing Thing</h2>
<p class="col-xs-12 col-sm-12 col-md-12 col-lg-6">npm is the package manager for JavaScript. Find, share, and reuse packages of code from hundreds of thousands of developers — and assemble them in powerful new ways.</p>
<button class="btn-started col-xs-12 col-sm-12 col-md-12 col-lg-6">Get Started</button>
</div>
</div>
<div class="h-container panel-bg-blue">
<div class="row">
<h2 class="col-xs-10 col-sm-10 col-md-10 col-lg-12">Empower your team with private packages</h2>
<ul class="col-xs-10 col-sm-11 col-md-10 col-lg-8">
<li>Securely manage private code with the same workflow as open source projects</li>
<li>Publish and control access to your own scope</li>
<li>Foster code discovery and re-use within teams</li>
</ul>
<button class="btn-try">Try it now</button>
</div>
</div>
<div class="h-container panel-bg-darkblue">
<div class="row">
<h2 class="col-xs-10 col-sm-10 col-md-10 col-lg-12">Take your enterprise to new heights</h2>
<p class="col-xs-10 col-sm-11 col-md-10 col-lg-12">Harness the power of npm inside large teams. Host your own private npm registry and securely integrate with your workflow and tools.</p>
<button class="btn-enterprise">Start an enterprise trial </button>
</div>
</div>
<div class="container pane-what-is-npm">
<div class="row">
<h2 class="col-xs-10 col-sm-12 col-md-12 col-lg-6">What is npm?</h2>
<p class="col-xs-10 col-sm-12 col-md-12 col-lg-6">Use npm to install, share, and distribute code; manage dependencies in your projects; and share & receive feedback with others.</p>
<button class="btn-install col-xs-12 col-sm-12 col-md-12 col-lg-6">Get Started</button>
</div>
</div>
<div class="h-container pane-what-can-you-make">
<h2>What can you make with 300,000 building blocks?</h2>
<p>The npm registry hosts over a quarter million packages of reusable code — the largest code registry in the world.</p>
<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
<img src="../images/binoculars-dot.svg"/>
<p>Find</p>
<p>Popular libraries like JQuery, Bootstrap, React, and Angular, and components from frameworks including Polymer.</p>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
<img src="../images/mountain-dot.svg"/>
<p>Discover</p>
<p>Packages for mobile, IoT, front end, back end, robotics… everything you need to start building amazing things.</p>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
<img src="../images/rucksack-dot.svg"/>
<p>Build</p>
<p>Assemble packages like building blocks to quickly develop awesome new projects.</p>
</div>
</div>
<div class="container modular-revolution">
<div class="row">
<h2 class="col-xs-12 col-sm-12 col-md-4 col-lg-6">Join the modular development revolution</h2>
<p class="col-xs-12 col-sm-12 col-md-4 col-lg-6">Every month, more than 4 million developers use npm to find, share, and reuse code — and assemble it in powerful new ways.</p>
</div>
</div>
<div class="h-container pane-homepage-pricing">
<h2>Get started with npm</h2>
<p>npm has tools for projects and teams of every size.</p>
<div class="price-row">
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<div class="top-radius-container radius-container-red"></div>
<div class="pricing-container">
<h3>$<span class="price font20">7</span></h3>
<p>per month</p>
<h5>Solo</h5>
<h6>Your own restricted scope for private code</h6>
<ul>
<li>Extend npm functionality to private code in your own namespace</li>
<li>Delegate access to other npm users</li>
<li>Publish and install unlimited packages</li>
</ul>
<button class="btn-enterprise btn-price">Sigh Up</button>
</div>
</div>
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<div class="top-radius-container radius-container-blue"></div>
<div class="pricing-container pricing-container-blue">
<h3>$<span class="price">7</span></h3>
<p>per user / month</p>
<h5>Orgs</h5>
<h6>Empower your team</h6>
<ul>
<li>Control publishing and package access for groups</li>
<li>Manage varying permissions for different teams and roles</li>
<li>Pay for all your users in a single bill</li>
</ul>
<button class="btn-enterprise btn-price btn-price-blue">Sigh Up</button>
</div>
</div>
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<div class="top-radius-container radius-container-yellow"></div>
<div class="pricing-container pricing-container-yellow">
<h3>$<span class="price">16</span></h3>
<p>per user / month</p>
<h5>Enterprise</h5
评论0