diff --git a/index.html b/index.html index a2d9c01ab..15e6ded99 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,71 @@ -NPM Clone Nifty Penguin Magic npm Enterprise Products Solutions Resources Docs Support Search Join Log In Build amazing -things Essential JavaScript development tools that help you go to market faster and build powerful applications using -modern open source code. See plans Join for free Bring the best of open source to your company npm is the tool used by -over 11,000,000 JavaScript developers around the world. Your developers already use it. Your company depends on it. -Create an Org and get more out of the tools your team already knows and loves. Zero configuration Create an org, add -your team, and start collaborating. Nothing to configure, set up, or manage. Team management Control who has access to -what modules within your team namespace using straightforward team management capabilities. Familiar features npm Orgs -has 100% parity with all the public npm registry features your developers already use. npm audit Enjoy the security -auditing features built into the npm client, a zero-friction way to make open source software safer. Create an Org + + + + + + NPM Homepage Clone + + + +
+ +
+ + +
+ +
+ +
+

Build amazing things

+

Essential JavaScript development tools that help you go to market faster and build powerful applications using modern open source code.

+
+ See plans + Join for free +
+ best-open + +
+ +
+

Bring the best of open source to your company

+

npm is the tool used by over 11,000,000 JavaScript developers around the world. Create an Org and get more out of the tools your team already knows and loves.

+
+
+ zero-configuration +

Zero configuration

+

Create an org, add your team, and start collaborating. Nothing to configure, set up, or manage.

+
+
+ team-management +

Team management

+

Control who has access to what modules within your team namespace using straightforward team management capabilities.

+
+
+ feature-parity +

Familiar features

+

npm Orgs has 100% parity with all the public npm registry features your developers already use.

+
+
+ npm-audit +

npm audit

+

Enjoy the security auditing features built into the npm client, a zero-friction way to make open source software safer.

+
+
+
+ + + diff --git a/style.css b/style.css new file mode 100644 index 000000000..a86952c7c --- /dev/null +++ b/style.css @@ -0,0 +1,139 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + line-height: 1.6; + color: #333; +} + +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px; + background-color: #f4f4f4; + border-bottom: 1px solid #ddd; +} + +header img { + height: 40px; +} + +header nav a { + margin: 0 10px; + text-decoration: none; + color: #333; + font-weight: bold; +} + +header nav a:hover { + color: #ff4500; +} + +/* Hero Section */ +.hero { + text-align: center; + padding: 50px 20px; + background-color: #fefefe; +} + +.hero h1 { + font-size: 2.5em; + margin-bottom: 20px; + color: #222; +} + +.hero p { + font-size: 1.2em; + margin-bottom: 30px; + color: #555; +} + +.hero .buttons a { + text-decoration: none; + padding: 10px 20px; + margin: 10px; + display: inline-block; + border-radius: 5px; +} + +.hero .buttons .primary { + background-color: #ff4500; + color: white; +} + +.hero .buttons .secondary { + background-color: #ddd; + color: #333; +} + +.hero img { + max-width: 100px; +} + +/* Features Section */ +.features { + text-align: center; + padding: 50px 20px; + background-color: #f9f9f9; +} + +.features h2 { + font-size: 2em; + margin-bottom: 20px; + color: #222; +} + +.features p { + font-size: 1.1em; + margin-bottom: 40px; + color: #555; +} + +.feature-list { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 30px; +} + +.feature-item { + width: 200px; + text-align: center; +} + +.feature-item img { + width: 50px; + height: 50px; + margin-bottom: 10px; +} + +.feature-item h3 { + font-size: 1.2em; + margin-bottom: 10px; + color: #333; +} + +.feature-item p { + font-size: 0.9em; + color: #666; +} + +/* Footer */ +footer { + text-align: center; + padding: 20px; + background-color: #222; + color: white; + font-size: 0.9em; +} + +svg { + width: 50px; + height: auto; +} + +img { + width: 50px; + height: auto; +} \ No newline at end of file