From 1fa90abe2bdc425a60fd526828f77f13a47948ef Mon Sep 17 00:00:00 2001 From: Nikhil Akash Date: Thu, 10 Sep 2020 21:56:30 +0530 Subject: [PATCH] npm commited --- index.html | 166 +++++++++++++++++++++++++++++++++++++++- style.css | 217 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 382 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 9a3afe1..eac8dbf 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,176 @@ + Document + + - + + logo +

npm is now a part of Github

+ + + +
+
+
+ heart +

next() packaged middleware

+
+ +
+
+
+ logo + + + + + +
+ + + +
+

Build amazing

+

things

+ +

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..




+ +

Take your javascript

+

development up a notch

+

Get started today for free, or step up to npm Pro to enjoy a premium

+

JavaScript development experience, with features like private packages.

+
+ Sign up for free + learn about Pro +
+ +
+ +
+ +

Bring the best of open

+

source to you, your team,

+

and your company

+

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 millionpackages, 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..

+
+ + +
+
+
+ img +
npm free
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur voluptas cum est vitae, unde quaerat non minus commodi!
+ +
+
+ img + img +
npm pro and teams
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur voluptas cum est vitae, unde quaerat non minus commodi!
+ +
+
+ img + +
npm Enterprise
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur voluptas cum est vitae, unde quaerat non minus commodi!
+ +
+
+ img +
npm pkgSafe
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur voluptas cum est vitae, unde quaerat non minus commodi!
+ +
+
+
+ +
+

+ We ❤ open source +

+

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.

+
+ + +
+

Gratefully serving everyone

+

from solo devs to the

+

fortune 500

+
+
+

+
+ img +
+
+ + + + \ No newline at end of file diff --git a/style.css b/style.css index e69de29..f2005ef 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,217 @@ +@import url('https://fonts.googleapis.com/css?family=Poppins'); +body { + font-family: 'Poppins'; + font-size: 10px; + background-color: white; +} + +* { + margin: 0; + padding: 0; +} + +header div div { + display: flex; +} + +nav ul { + display: flex; + list-style-type: none; +} + +nav a { + text-decoration: none; + color: black; + padding: 12px; + font-weight: bold; +} + header1{ + + background-color: black; + color: white; + display: flex; + justify-content:center; + align-items: center; + border:none; + padding: 10px; +} + + +.headun{ + text-decoration:underline; + padding:15px; + font-size:15px; +} + +header>div { + padding: 0 25px; + display: flex; + justify-content: space-between; + align-items: center; + border: 1px solid lightgray; + padding: 10px; +} + +.logo { + width: 75%; + height: 35px; + border: none; + background-color: lightgrey; +} + +i{ + color:lightgrey; +} + +#btn1 { + height:35px; + width: 5%; + border: 1 px solid black; + color: white; + background-color: black; + padding: 10px; + cursor: pointer; +} + +#btn2 { + height:35px; + border: 0.5px solid black; + color: black; + background-color: white; + padding: 5px; + cursor: pointer; +} + +#btn3 { + height:35px; + border: 0px solid black; + color: black; + background-color: white; + padding: 5px; + cursor: pointer; +} + +#logoimg { + display: flex; + justify-content: space-between; + margin: 10px; +} + +#build { + display: flex; + flex-direction: column; + background-image: url("./assets/background2.png"); + justify-content: center; + padding: 35px; + color: white; + align-items: center; + margin: 15px; +} + +.build1 { + font-size: 70px; +} + +.build2 { + font-size: 40px; +} + +.BD { + font-size: 15px; +} + +.break { + margin-left: 10%; + position: absolute; +} + +#section2 { + display: flex; + flex-direction: column; + justify-content: center; + background-image: url("./assets/background2.png"); + padding: 45px; + color: black; + align-items: center; + margin: 15px; +} + +#section3 { + display: flex; + flex-direction: column; + justify-content: center; + padding: 45px; + color: black; + align-items: center; + margin: 15px; +} + +#section4 { + display: flex; + flex-direction: column; + justify-content: center; + padding: 25px; + color: black; + align-items: center; + margin: 15px; +} + +#section4 div div { + display: flex; + justify-content: space-around; + align-items: center; + background-color: white; + color: black; + height: 200px; + width: 200px; + text-align: center; + flex-direction: column; + border-radius: 10px; +} + +#section4 div { + display: flex; +} + +#section4 button { + border-radius: 15px; + padding: 5px; +} + +#section5 { + display: flex; + flex-direction: column; + justify-content: center; + background-image: url("./assets/background.png"); + padding: 45px; + color: white; + align-items: center; + margin: 15px; +} + +#section6 { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 20px; + margin: 20px; +} + +#footer div div { + display: flex; + justify-content: space-around; + align-items: center; + flex-direction: column; + padding: 25px; + list-style-type:none; +} + +#footer div { + display: flex; + justify-content: space-around; + align-items: center; + line-height: 3; + list-style-type: none; +} +