prograd-org · irfanhussain98 · Sep 3, 2020
diff --git a/b1.png b/b1.png
diff --git a/background.png b/background.png
diff --git a/background2.png b/background2.png
diff --git a/black-heart.png b/black-heart.png
diff --git a/bubble.png b/bubble.png
diff --git a/company.png b/company.png
diff --git a/github logo.PNG b/github logo.PNG
diff --git a/img (1).png b/img (1).png
diff --git a/img (2).png b/img (2).png
diff --git a/img (3).png b/img (3).png
diff --git a/img (4).png b/img (4).png
diff --git a/img (5).png b/img (5).png
diff --git a/index.html b/index.html
@@ -1,12 +1,149 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>npm</title>
     <link rel="stylesheet" href="style.css">
 </head>
+
+
+
 <body>
-
+
+    <header>
+
+        <ul>
+            <li><img src="logo.png" alt="image"></li>
+            <li><a href="#">npm is now a part of GitHub</a></li>
+            <li><img src="github logo.PNG" alt="image"></li>
+        </ul>
+
+    </header>
+
+
+    <nav>
+        <ul>
+            <li>
+                <img src="black-heart.png" width=5% alt="image">
+                <p>next() Nondeterministic Pallindrome Machine</p>
+            </li>
+
+            <ul>
+                <li><a href="#products" class="nav-link">Products</a></li>
+                <li><a href="#pricing" class="nav-link">Pricing</a></li>
+                <li><a href="#documentation" class="nav-link">Documentation</a></li>
+                <li><a href="#community" class="nav-link">Community</a></li>
+
+            </ul>
+
+        </ul>
+    </nav>
+
+
+    <div id="div1">
+        <ul>
+            <li> <img src="logo.png" alt="logo"></li>
+            <li><input type="text">
+                <button class="search">search</button></li>
+            <button class="search">sign up</button>
+            <a href="#">sign in</a>
+
+        </ul>
+    </div>
+
+    <div id="div2">
+
+        <ul>
+            <h1>Build amazing</hi><br>
+                <hi> things
+            </h1>
+            <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>
+            <h3>Take your JavaScript development up a notch</h3>
+            <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>
+            <ul>
+                <button id="button" class="button1">Signup for Free</button>
+                <button id="button" class="button2">Learn about Pro</button>
+            </ul>
+        </ul>
+    </div>
+
+    <div id="div3">
+
+        <ul>
+            <img src="bubble.png" alt="buble">
+            <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>
+
+        </ul>
+    </div>
+
+    <div id="div4">
+        <ul>
+            <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>
+
+        </ul>
+    </div>
+
+    <div id="div5">
+        <ul>
+            <h2>Gratefully serving everyone from solo devs to the Fortune 500</h2>
+        </ul>
+    </div>
+
+    <div id="div6">
+        <ul>
+            <img src="company.png" alt="company">
+        </ul>
+    </div>
+
+    <div id="div7">
+        <ul>
+            <img src="logo.png" alt="logo">
+            <ul id="lst">
+                <ul>
+                    <h6>SUPPORT</h6><br>
+                    <li><a href="#" class="support-link">Products</a></li><br>
+                    <li><a href="#" class="support-link">Pricing</a></li><br>
+                    <li><a href="#" class="support-link">Documentation</a></li><br>
+                    <li><a href="#" class="support-link">Community</a></li><br>
+                </ul>
+            </ul>
+
+            <ul id="lst">
+                <ul>
+                    <h6>COMPANY</h6><br>
+                    <li><a href="#" class="support-link">About</a></li><br>
+                    <li><a href="#" class="support-link">Blog</a></li><br>
+                    <li><a href="#" class="support-link">Press</a></li><br>
+                </ul>
+
+            </ul>
+
+            <ul id="lst">
+                <ul>
+                    <h6>TERMS & POLICIES</h6><br>
+                    <li><a href="#" class="support-link">Policies</a></li><br>
+                    <li><a href="#" class="support-link">Terms of use</a></li><br>
+                    <li><a href="#" class="support-link">Code of conduct</a></li><br>
+                    <li><a href="#" class="support-link">Privacy</a></li><br>
+                </ul>
+            </ul>
+
+        </ul>
+
+
+    </div>
 </body>
+
 </html>
diff --git a/logo.png b/logo.png