From cd1db3aaccf5f15788bee5aa647b87d7806ea580 Mon Sep 17 00:00:00 2001 From: divyashree-N Date: Fri, 18 Sep 2020 16:31:34 +0530 Subject: [PATCH] done --- index.html | 161 +++++++++++++++++++++++++++++++++++++++++++++++++++-- style.css | 138 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 295 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 9a3afe1..070c7c1 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,165 @@ + - - + + Document - + + - +
+
+
+ black heart + next() Packaged Middleware +
+ +
+ +
+ +
+ + + + +
+
+
+
+ +
+

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

+
+ +

+
+ +
+ bubble +

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

+
+
+ +
+
+
+ npm Free +

npm Free

+

Become a contributing member of
the open source Javascript
community.Create public
+ packages,publish + updates,audit
your dependencies,and more.

+
+
+ +
+ npm Pro & Teams + npm Pro & Teams +

npm Pro & Teams

+

For next-level JavaScript
developers who want more
capabilities.Pro and Teams add + the
ability to + build private packages for
you,your team,or for customers.

+
+
+ +
+ npm Enterprise +

npm Enterprise

+

For very large teams and business-
critical projects,npm Eneterprise
delivers features that + organizations
with hundreds of developers need,
like SSO and enhanced security.

+
+
+
+ npm PkgSafe +

npm PkgSafe

+

Our security team's unique insights
into JavaScript vulnerabilities and
threats are delivered + as + free and
premium features,as well as
services for resellers and others.

+
+
+
+
+ +
+

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 +
+
+ +
+ +
+
Help
+
    +
  • Documentation
    • +
  • Community
    • +
  • Resources
    • +
  • Advisories
    • +
  • Status
    • +
  • Contact
    • +
+
+ +
+
About
+
    +
  • Company
    • +
  • Blog
    • +
  • Careers
    • +
  • Webinars
    • +
  • Press
    • +
  • Newsletter
    • +
+
+ +
+
Terms & Policies
+
    +
  • Policies
    • +
  • Terms of Use
    • +
  • Code of Conduct
    • +
+
+
+ \ No newline at end of file diff --git a/style.css b/style.css index e69de29..55b4e8f 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,138 @@ +@import url('https://fonts.googleapis.com/css?family=Poppins'); + +body { + font-family: 'Poppins'; +} + +header>div { + padding: 0 25px; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid lightgray; +} + +nav { + width: 600px; +} + +nav ul { + list-style: none; + display: flex; + justify-content: space-between; + align-items: center; +} + +nav a { + text-decoration: none; + color: black; +} + +.blackHeart { + width: 20px; + margin-right: 1rem; +} + +.input { + line-height: 2em; + width: 500px; + margin: 20px 0; +} + +.search { + color: white; + background-color: black; + line-height: 2em; + cursor: pointer; +} + +#content { + background: url(assets/background2.png); + color: white; + display: flex; + flex-direction: column; + align-items: center; +} + +h1 { + font-size: 50px; + text-align: center; +} + +h2 { + font-size: 30px; +} + +.link-button { + text-decoration: none; + text-align: center; + background: #f05136; + cursor: pointer; + font-weight: 100; + color: white; + font-size: 1.5em; + padding: 10px; + border-color: black; +} + +.link-button1 { + text-decoration: none; + text-align: center; + background: #f036d1; + cursor: pointer; + font-weight: 100; + color: white; + font-size: 1.5em; + padding: 10px; + border-color: black; +} + +#container { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + margin-top: 20px; +} + +#container2 div { + display: flex; + justify-content: space-around; + margin: 40px 0; +} + +#source { + background: url(assets/background.png); + color: white; + display: flex; + flex-direction: column; + align-items: center; +} + +#grateful { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; +} + +#comp { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; +} + +#help-container { + display: flex; + justify-content: space-around; + width: 100%; +} + +ul { + list-style: none; +} + +h5 { + text-align: center; +} \ No newline at end of file