Skip to content

edited code #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
avinashponnada wants to merge 1 commit into
base: master
Choose a base branch
from
Open

edited code #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
Binary file added assets/github.JPG
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/n.JPG
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/npm.JPG
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 0 additions & 12 deletions index.html
View file
Open in desktop

This file was deleted.

215 changes: 215 additions & 0 deletions index1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,215 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>npm</title>
<link rel="stylesheet" href="style1.css" />
</head>

<body>
<header>
<div id="logo">
<a href="https://www.npmjs.com/">
<img src="./assets/npm.JPG" alt="logo" id="npm-logo" />
<span><strong>npm</strong>
is now a part of
<strong>GitHub</strong></span>
<img src="./assets/github.JPG" alt="GitHub" id="Gitmark" />
</a>
</div>

<div id="navigator-header">
<div>
<img id="black-heart" src="./assets/black-heart.png" alt="black heart" />
<span>Nondeterministic Palindrome Machine </span>
</div>
<nav>
<ul>
<li><a href="#">Products</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Community</a></li>
</ul>
</nav>
</div>
<hr />
<div id="search">
<img src="./assets/logo.png" alt="logo" />
<div id="search-box">
<div id="search-icon">
<i class="fa fa-search" aria-hidden="true"></i>
</div>

<input id="s-box" type="text" name="search" placeholder="Search packages" />
<input id="search-button" type="button" value="Search" />
</div>
<div id="ss_buttons">
<input id="sign-up" type="button" name="" value="Sign Up" />
<input id="sign-in" type="button" name="" value="Sign In" />
</div>
</div>
</header>

<section id="About">
<h2>Build amazing</h2>
<h2>things</h2>
<div class="para">
<p>
We're npm, Inc., the company behind Node package manager, the npm
<br />
Registry, and npm CLI. We offer those to the community for free, but
our<br />
day job is building and selling useful tools for developers like you.
</p>
</div>

<h3>Take your JavaScript</h3>
<h3>development up a notch</h3>
<div class="para">
<p>
Get started today for free, or step up to npm Pro to enjoy a premium
<br />
JavaScript development experience, with features like private packages
</p>
</div>

<div>
<input type="button" name="" id="sign-up-button" value="Sign up for free" />
<input type="button" id="learn-button" name="" value="Learn about Pro" />
</div>
</section>
<section id="content">
<img src="./assets/bubble.png" alt="bubble" />
<h3>
Bring the best of open <br />source to you, your team,<br />
and your company
</h3>
<p>
Relied upon by more than 11 million developers worldwide, npm is <br />
committed to making JavaScript development elegant, productive, and
<br />
safe. The free npm Registry has become the center of JavaScript code<br />sharing,
and with more than one million packages, the largest software
<br class="break" />registry in the world. Our other tools and services
take the Registry,and <br />the work you do around it, to the next
level.
</p>
</section>
<section id="package-set">
<div class="icons">
<img id="first-icon" src="./assets/img (1).png" alt="bubble2" />
<span>npm Free</span>
<p>
Become a contributing member of the open source JavaScript community.
Create public packages, publish updates, audit your dependencies, and
more.
</p>
<a href="#">
<input class="learn-button" type="button" name="" value="Learn More" />
</a>
</div>
<div class="icons">
<div>
<img src="./assets/img (2).png" alt="cup" />
<img src="./assets/img (5).png" alt="flag" />
</div>

<span>npm Pro & teams </span>
<p>
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..
</p>
<a href="#">
<input class="learn-button" type="button" name="" value="Learn More" />
</a>
</div>
<div class="icons">
<img src="./assets/img (3).png" alt="bar-graph" />
<span>npm Enterprise</span>
<p>
For very large teams and business-critical projects, npm Enterprise
delivers features that organizations with hundreds of developers need,
like SSO and enhanced security.
</p>
<a href="#">
<input class="learn-button" type="button" name="" value="Learn More" />
</a>
</div>
<div class="icons">
<img src="./assets/img (4).png" alt="JS-symbol" />
<span>npm PkgSafe</span>
<p>
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..
</p>
<a href="#">
<input class="learn-button" type="button" name="" value="Learn More" />
</a>
</div>
</section>
<section id="open-source">
<h2>We ♥ open source</h2>
<p>
At npm, Inc., we're proud to dedicate teams of full-time employees to
<br />operating the npm Registry, enhancing the CLI, improving
JavaScript <br />security, and other projects that support and nurture a
vibrant open <br />source community.
</p>
</section>
<section id="company">
<h2>
Gratefully serving everyone <br />from solo devs to the <br />
Fortune 500
</h2>
<img src="./assets/company.png" alt="companies-logo" />
</section>
<hr />


<footer>
<div id="footer">
<div id="footer-icon">
<img src="./assets/n.JPG" alt="N-logo" />
</div>
<div id="links">
<div>
<span>Support</span>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Case Studies</a></li>
<li><a href="#">Advisories</a></li>
<li><a href="#">Status</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div>
<span>About</span>
<ul>
<li><a href="#">Company</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Webinars</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Newsletter</a></li>
</ul>
</div>
<div>
<span>Terms & Policies</span>
<ul>
<li><a href="#">Policies</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Code of Conduct</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>

</html>
Empty file removed style.css
View file
Open in desktop
Empty file.
Loading