diff --git a/index.html b/index.html index 9a3afe1..561a169 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,181 @@ + - Document + Clone website + - + +
+
+
+ black heart + Welcome to NPM +
+ +
+ +
+ + + + + +
+
+
+
+

Build amazing
+ things

+

We're npm,Inc., the company behing 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
deveopment up a notch

+

Get Started today for free, or stop up to npm pro to enjoy a premium
+ javascript deveopment experience,with features like private packages

+
+   + +
+
+
+
+      photo + +

Bring the best of open
+ source to you, your team,
+ and your company

+

Relied upon by more than 11 million developers worldwide, npm is
+ commited 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

+
+
+
+
+
+ photo +
npm Free
+

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

+ +
+
+ photo + photo +
npm pro & Teams
+

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

+ +
+
+ photo +
npm Enterprise
+

For very large teams and business
+ critical projects, npm Enterprise
+ deliver features that organizations
+ with hundredss of developers need
+ like SSO and enhanced security

+ +
+
+ photo +
npm pkgSafe
+

Our security teams unique insights
+ into JavaScript vulnerabilities and
+ threats are delivered as free and
+ premium features as well as
+ serviced for resellers and others

+ +
+
+
+
+
+

We love open source

+ +

At npm,Inc., we're proud t dedicate learns of full time employees to
+ operating the np 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

+ +
+
+ + \ No newline at end of file diff --git a/style.css b/style.css index e69de29..7a52f27 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,182 @@ +@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; + +} + +nav { + width: 600px; +} + +nav ul { + list-style: none; + display: flex; + justify-content: space-between; + align-items: center; +} + +nav a { + text-decoration: none; + color: black; +} + +.black { + width: 20px; + margin-right: 1rem; +} + +#ser { + background: black; + color: white; + border: none; + padding: 15px 20px; + font-family: 'poppins'; + font-size: 10px +} + +#hello { + padding: 10px 20px; + font-family: 'poppins'; +} + +#compabt { + background-image: url(./assets/b1.png); + color: rgb(241, 234, 234); +} + +#compabt h1 { + font-size: 50px; +} + +#compabt p { + font-size: 12px; +} + +#compabt { + display: flex; + flex-direction: row; + justify-content: center; + margin-top: 20px; +} + +#module { + background-image: url(./assets/background2.png); + color: white; + height: 230px; +} + +#module { + display: flex; + flex-direction: row; + justify-content: center; + margin: 10px 0; + padding-bottom: 80px; + +} + +#bubble { + display: flex; + flex-direction: row; + justify-content: center; + margin: 80px; +} + +#images div { + display: flex; + flex-direction: row; + justify-content: space-around; +} + + +#images p { + font-size: 10px; + font-weight: 700; +} + +.hello { + border-radius: 20%; + padding: 10px; + font-weight: bold; + font-size: 10px; + font-family: 'Poppins'; + width: 70%; + justify-content: space-evenly; +} + +#opening { + background-image: url(./assets/background.png); + color: white; + display: flex; + flex-direction: row; + justify-content: center; + padding: 30px; + margin: 50px 0; + +} + +#greeting { + display: flex; + flex-direction: row; + justify-content: center; +} + +#opening p { + font-size: 14px; +} + +#module p { + font-size: 14px; +} + +#sign { + background-color: red; + color: white; + padding: 10px 20px; + font-family: 'Poppins'; + border: none; +} + +#learn { + background-color: palevioletred; + color: white; + padding: 10px 20px; + font-family: 'Poppins'; + border: none; +} + +#bubble h2 { + font-weight: 1500; +} + +#bubble p { + font-size: 12px; +} + +#footer { + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + font-weight: light; +} + +#help { + display: flex; + justify-content: space-around; + width: 100%; + font-weight: light; +} + +#help div { + display: flex; + flex-direction: column; + align-items: center; +} \ No newline at end of file