diff --git a/index.html b/index.html
index 9a3afe1..eac8dbf 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,176 @@
+
Document
+
+
-
+
+ 
+ npm is now a part of Github
+
+
+
+
+
+
+
+
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 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.
+
+
+
+
+
+ 
+ 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..
+
+
+
+
+
+
+
.png )
+
npm free
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur voluptas cum est vitae, unde quaerat non minus commodi!
+
+
+
+
.png )
+
.png )
+
npm pro and teams
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur voluptas cum est vitae, unde quaerat non minus commodi!
+
+
+
+
.png )
+
+
npm Enterprise
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur voluptas cum est vitae, unde quaerat non minus commodi!
+
+
+
+
.png )
+
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
+
+
+
+
+ 
+
+
+
+
+
+
\ 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;
+}
+