-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (167 loc) · 9.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>npm | build amazing things</title>
</head>
<body>
<header>
<div class="firstHeader">
<div class="firstHeaderInline">
<span class="blackHeart">
❤
</span>
<span class="firstHeaderText">
Nail Polish Makeover
</span>
<nav class="mainMenu">
<ul>
<li><a class="products" id="products" href="/products">Products</a></li>
<li><a class="pricing" id="pricing" href="/pricing">Pricing</a></li>
<li><a class="documentation" id="documentation" href="/documentation">Documentation</a></li>
<li><a class="community" id="community" href="/community">Community</a></li>
</ul>
</nav>
</div>
</div>
<div class="secondHeader">
<div class="secondHeaderInline">
<h1>npm</h1>
<div class="mainLogo">
<a href="./imgages/npm-logo.png">
<img alt="NPM" src="images/npm-logo.png" width="69.96" height="22.42">
</a>
</div>
<div class="search">
<form id="search" method="GET" action="/search"
class="search">
<div class="searchBar">
<div class="searchElements">
<span class="searchIcon">
<svg width="18px" height="18px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" aria-hidden="true"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Artboard-1" stroke="#777777" stroke-width="1.3"><g id="Group"><path d="M13.4044,7.0274 C13.4044,10.5494 10.5494,13.4044 7.0274,13.4044 C3.5054,13.4044 0.6504,10.5494 0.6504,7.0274 C0.6504,3.5054 3.5054,0.6504 7.0274,0.6504 C10.5494,0.6504 13.4044,3.5054 13.4044,7.0274 Z" id="Stroke-3"></path><path d="M11.4913,11.4913 L17.8683,17.8683" id="Stroke-7"></path></g></g></g></svg>
</span>
<input type="search" name="q" hotkeys="[object
Object]" placeholder="Search packages"
autocomplete="off" aria-label="Search packages"
inputref="[object Object]" class="searchPackages"
value="" element="input">
</div>
</div>
<button type="submit" class="button">Search</button>
</form>
</div>
<div class="members">
<div class="membersInline">
<a href="/signup" class="signUp">Sign Up</a>
<a href="/signin" class="signIn">Sign In</a>
</div>
</div>
</div>
</div>
</header>
<main>
<div class="mainBody">
<article class="mainBodyInline">
<section class="firstSection">
<div class="firstSectionInline">
<h1>Build amazing things</h1>
<div class="firstSectionInnerInline">
<div class="firstBodyParagraph">
<p>We're npm, Inc., the company behind Node package manager, the npm Registry, and npm CLI. We offer those to the community for free, but our day job is building and selling useful tools for developers like you.
</p>
</div>
<h2>Take your JavaScript development up a
notch</h2>
<div class="secondBodyParagraph">
<p>Get started today for free, or step up to npm Pro to enjoy a premium JavaScript development experience, with features like private packages.
</p>
</div>
<div class="buttons">
<div class="buttonOne">
<a href="/signup" class="Sign up for free">
Sign up for free
</a>
</div>
<div class="buttonTwo">
<a href="/products/pro" class="Learn
About Pro">
Learn about Pro
</a>
</div>
</div>
</div>
</div>
</section>
<section class="secondSection">
<div class="secondSectionInline">
<img src="https://static.npmjs.com/attachments/ck3uweazy72ye8874y9kkxnx1-gak.png" srcset="https://static.npmjs.com/attachments/ck3uweazy72ye8874y9kkxnx1-gak.png,
https://static.npmjs.com/attachments/ck3uwed1cmso79y74pjugy10f-gak-2x.png 2x,
https://static.npmjs.com/attachments/ck3uweeyt72yk887420va22p9-gak-3x.png
3x" class="db center mb4">
<h2>Bring the best of open source to you, your team,
and your company</h2>
<p>Relied upon by more than 11 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of JavaScript code sharing, and with more than one million packages, the largest software registry in the world. Our other tools and services take the Registry, and the work you do around it, to the next level.
</p>
</div>
</section>
<section class="thirdSection">
<div class="thirdSectionInline">
<h2>We ❤ open source</h2>
<p>At npm, Inc., we're proud to dedicate teams of
full-time employees to operating the npm Registry,
enhancing the CLI, improving JavaScript security,
and other projects that support and nurture a
vibrant open source community.</p>
</div>
</section>
<section class="fourthSection">
<div class="fourthSectionInline">
<h2>Gratefully serving everyone from solo devs to
the Fortune 500</h2>
<div class="fourthSectionPhoto">
<img src="https://static.npmjs.com/attachments/ck49cu3ceh1sust74dkzkfn69-grey-logowall.png" class="w-100">
</div>
</div>
</section>
</article>
</div>
</main>
<footer>
<div class="footer">
<div class="footerLogo">
<div>
<svg viewBox="0 0 27.23 27.23"><rect fill="#333333" width="27.23" height="27.23" rx="2"></rect><polygon fill="#fff" points="5.8 21.75 13.66 21.75 13.67 9.98 17.59 9.98 17.58 21.76 21.51 21.76 21.52 6.06 5.82 6.04 5.8 21.75"></polygon></svg>
</div>
</div>
<div class="support">
<h3>Support</h3>
<ul>
<li><a class="link" href="/help">Help</a></li>
<li><a class="link" href="/community">Community</a></li>
<li><a class="link" href="/advisories">Advosories</a></li>
<li><a class="link" href="/status">Status</a></li>
<li><a class="link" href="/contact">Contact npm</a></li>
</ul>
</div>
<div class="company">
<h3>Company</h3>
<ul>
<li><a class="link" href="/about">About</a></li>
<li><a class="link" href="/blog">Blog</a></li>
<li><a class="link" href="/press">Press</a></li>
</ul>
</div>
<div class="termsAndPolicies">
<h3>Terms & Policies</h3>
<ul>
<li><a class="link" href="/policies">Policies</a></li>
<li><a class="link" href="/termsofuse">Terms of Use</a></li>
<li><a class="link" href="/codeofconduct">Code of Conduct</a></li>
<li><a class="link" href="/privacy">Privacy</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>