forked from ironhack-labs/lab-html-exercise
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (78 loc) · 14.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html>
<head>
<title>npmwebsite</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div>
<div>
<img class="blackHeart" src="https://raw.githubusercontent.com/ironhack-labs/lab-html-exercise/master/images/black-heart.png" alt="black heart" />
<span> Nifty Penguin Magic </span>
</div>
<nav>
<ul>
<li><a href="#"> npm Enterprise </a></li>
<li><a href="#"> Products </a></li>
<li><a href="#"> Solutions </a></li>
<li><a href="#"> Resources </a></li>
<li><a href="#"> Docs </a></li>
<li><a href="#"> Support </a></li>
</ul>
</nav>
</div>
<div>
<!-- add logo, search bar and buttons (or links and style them as buttons later) -->
<img class = "npmlogo" src = "https://raw.githubusercontent.com/ironhack-labs/lab-html-exercise/master/images/npm-logo.png" alt = "npmlogo" />
<img class = "magnifying" src = "https://raw.githubusercontent.com/ironhack-labs/lab-html-exercise/master/images/magnifying-glass.png" alt ="magnifyingglass" />
<form action="#" method="get" class="form">
<label for="search"> </label>
<!---- <input type="image" id="search" img class = "magnifying" src = "https://raw.githubusercontent.com/ironhack-labs/lab-html-exercise/master/images/magnifying-glass.png" alt ="magnifyingglass" /> -->
<input type="text" id="search" placeholder="search platforms" >
</form>
<input type="button" class = "button" value = "Search">
<a class = "join" href="#"> Join </a>
<a class = "login" href="#"> Login </a>
</div>
</header>
<section class="build-amazing" id = "section1">
<h1> Build amazing things </h1>
<article>
<p>Essential Javascript development tools that help you go to market faster and build powerful applications using modern open source code</p>
</article>
<div>
<a class="see-plans" href="#">See Plans</a>
<a class="join-for-free" href="#"> Join For Free</a>
</div>
</section>
<section class = "opensource" id = "section2">
<img class = "triangle-hexagon" src = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwLjc5IDkwLjY4Ij48ZGVm%0D%0Acz48c3R5bGU+LmNscy0xe2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTJ7b3BhY2l0eTowLjg7bWl4%0D%0ALWJsZW5kLW1vZGU6bHVtaW5vc2l0eTt9LmNscy0zLC5jbHMtNCwuY2xzLTUsLmNscy02e3N0cm9r%0D%0AZTojYzE4NzUyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MC4yN3B4O30uY2xz%0D%0ALTMsLmNscy02e29wYWNpdHk6MC4zO30uY2xzLTN7ZmlsbDp1cmwoI09yYW5nZV8yKTt9LmNscy00%0D%0ALC5jbHMtNXtvcGFjaXR5OjAuMjt9LmNscy00e2ZpbGw6dXJsKCNPcmFuZ2VfMi0yKTt9LmNscy01%0D%0Ae2ZpbGw6dXJsKCNPcmFuZ2VfMi0zKTt9LmNscy02e2ZpbGw6dXJsKCNPcmFuZ2VfMi00KTt9PC9z%0D%0AdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9Ik9yYW5nZV8yIiB4MT0iLTE5NzMuOTMiIHkxPSItNTEz%0D%0ALjA0IiB4Mj0iLTE5MzIuMjciIHkyPSItNTEzLjA0IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNs%0D%0AYXRlKDE5NjYuMzMgLTUxNC4wMikgcm90YXRlKC0zMC44MSkiIGdyYWRpZW50VW5pdHM9InVzZXJT%0D%0AcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlM2JjYTkiLz48c3RvcCBv%0D%0AZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iI2Q4YTA4OSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1j%0D%0Ab2xvcj0iI2NmOGM3MiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJPcmFu%0D%0AZ2VfMi0yIiB4MT0iLTE5NzMuNTkiIHkxPSItNTI4LjY2IiB4Mj0iLTE4OTAuMzUiIHkyPSItNTI4%0D%0ALjY2IiB4bGluazpocmVmPSIjT3JhbmdlXzIiLz48bGluZWFyR3JhZGllbnQgaWQ9Ik9yYW5nZV8y%0D%0ALTMiIHgxPSItMTk3My41OSIgeTE9Ii00NzMuMTYiIHgyPSItMTg5MC4zNSIgeTI9Ii00NzMuMTYi%0D%0AIHhsaW5rOmhyZWY9IiNPcmFuZ2VfMiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iT3JhbmdlXzItNCIg%0D%0AeDE9Ii0xOTMxLjg4IiB5MT0iLTQ4OC42NSIgeDI9Ii0xODkwLjIyIiB5Mj0iLTQ4OC42NSIgeGxp%0D%0Abms6aHJlZj0iI09yYW5nZV8yIi8+PC9kZWZzPjx0aXRsZT5iZXN0LW9wZW48L3RpdGxlPjxnIGNs%0D%0AYXNzPSJjbHMtMSI+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9Ikxh%0D%0AeWVyXzItMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBjbGFzcz0iY2xzLTIiPjxwb2x5Z29uIGNs%0D%0AYXNzPSJjbHMtMyIgcG9pbnRzPSI1Mi4wNSA0OC41NSAyOC41OSA5MC41NCAwLjE0IDQyLjg0IDIz%0D%0ALjYgMC44NSA1Mi4wNSA0OC41NSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNCIgcG9pbnRzPSI0OC41%0D%0AOCA0Mi4wOSAwLjQ4IDQyLjc3IDIzLjg5IDAuODIgNzEuOTggMC4xNCA0OC41OCA0Mi4wOSIvPjxw%0D%0Ab2x5Z29uIGNsYXNzPSJjbHMtNSIgcG9pbnRzPSI3Ny4wMSA4OS43NiAyOC45MSA5MC40NCA1Mi4z%0D%0AMSA0OC40OCAxMDAuNDEgNDcuODEgNzcuMDEgODkuNzYiLz48cG9seWdvbiBjbGFzcz0iY2xzLTYi%0D%0AIHBvaW50cz0iMTAwLjY1IDQ3Ljk2IDc3LjE5IDg5Ljk1IDQ4Ljc0IDQyLjI1IDcyLjIgMC4yNiAx%0D%0AMDAuNjUgNDcuOTYiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+" alt = "triangle-hexagon" />
<h2> Bring the best open source to your company </h2>
<p> npm is the tool used by over 100,000,000 JavaScript developers around the world. Your developers already use it. Your company depends on it. Create an Org and get more out of the tools your team already knows and love </p>
</section>
<section class ="features" id = "section3">
<div>
<img class="zero-configuration" src = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS45%0D%0AOSAyMS4yMSI+PHRpdGxlPnplcm8tY29uZmlndXJhdGlvbjwvdGl0bGU+PGcgaWQ9IkxheWVyXzIi%0D%0AIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzItMiIgZGF0YS1uYW1lPSJMYXllciAy%0D%0AIj48cGF0aCBkPSJNMjMsMTkuMzZsLTMuNzktNC41OUwyMi41OCwxNGEuNTUuNTUsMCwwLDAsLjQz%0D%0ALS41LjU0LjU0LDAsMCwwLS4zMy0uNTZMMTMuNDcsOC44NGEuNTYuNTYsMCwwLDAtLjU5LjA4LjU5%0D%0ALjU5LDAsMCwwLS4xOS41NkwxNSwxOS4zYS41OS41OSwwLDAsMCwuNS40NEEuNTcuNTcsMCwwLDAs%0D%0AMTYsMTkuNGwxLjQxLTMuMTksMy43OSw0LjU5QTEuMTMsMS4xMywwLDAsMCwyMywxOS4zNloiLz48%0D%0AcGF0aCBkPSJNMi4xNCwxMS4zMkEyLjE0LDIuMTQsMCwwLDEsMCw5LjE4di03QTIuMTQsMi4xNCww%0D%0ALDAsMSwyLjE0LDBIMjMuODVBMi4xNCwyLjE0LDAsMCwxLDI2LDIuMTR2N2EyLjE0LDIuMTQsMCww%0D%0ALDEtMS42NiwyLjA5bC0yLjExLS43MWgxLjYzYTEuMzgsMS4zOCwwLDAsMCwxLjM4LTEuMzh2LTdB%0D%0AMS4zOCwxLjM4LDAsMCwwLDIzLjg1Ljc2SDIuMTRBMS4zOCwxLjM4LDAsMCwwLC43NiwyLjE0djdh%0D%0AMS4zOCwxLjM4LDAsMCwwLDEuMzgsMS4zOGg4LjU1bC4yNi43NloiLz48L2c+PC9nPjwvc3ZnPg==" alt = "zero-config" />
<h4> Zero Configuration </h3>
<p> Create and Org, add your team and start collaborating. Nothing to configure, setup or manage. </p>
</div>
<div>
<img class="team-management" src ="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOS40%0D%0AIDI3LjM4Ij48dGl0bGU+dGVhbS1tYW5hZ2VtZW50PC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0%0D%0AYS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMi0yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxw%0D%0AYXRoIGQ9Ik0xNC43NSw1LjIxYy0zLjQ1LDAtMy4zNi01LjQuMTEtNS4yQzE4LjE0LjE5LDE4LDUu%0D%0AMjEsMTQuNzUsNS4yMVptLS4wNi0uODloLjI1bC4yMiwwLC4yLS4wNkExLjY4LDEuNjgsMCwwLDAs%0D%0AMTUuNzMsNGgwYTIuNzMsMi43MywwLDAsMCwuMzUtLjMzLDEuODcsMS44NywwLDAsMCwuMzMtLjc1%0D%0ALDEuODgsMS44OCwwLDAsMCwwLS41OGgwYTIuNDIsMi40MiwwLDAsMC0uMS0uMzYsMi44MiwyLjgy%0D%0ALDAsMCwwLS4yMS0uMzhMMTYsMS41YTIuODUsMi44NSwwLDAsMC0uMjUtLjI1QTIsMiwwLDAsMCwx%0D%0ANS40LDEsMS43LDEuNywwLDAsMCwxNC44MS45aC0uMjdsLS4wNi4yMiwwLS4yMmExLjc4LDEuNzgs%0D%0AMCwwLDAtLjU0LjE3LDIuMjYsMi4yNiwwLDAsMC0uMjYuMTYsMS4zOCwxLjM4LDAsMCwwLS4zLjI5%0D%0AbC4xMS4yLS4xMy0uMThhMS44MywxLjgzLDAsMCwwLS4yMy4zOCwyLDIsMCwwLDAtLjEyLjQyLDIs%0D%0AMiwwLDAsMCwwLC40OSwyLDIsMCwwLDAsLjExLjQyLDIuNjQsMi42NCwwLDAsMCwuMi4zN2wuMDgu%0D%0AMDlhMi4yMSwyLjIxLDAsMCwwLC4yNi4yNCwxLjgsMS44LDAsMCwwLC4zNS4yMWwuMDUsMGgwQTEu%0D%0AMzgsMS4zOCwwLDAsMCwxNC42OSw0LjMyWiIvPjxwYXRoIGQ9Ik0xMS43MywxMC4wNWMtMS42OSww%0D%0ALTEuNDktMi4zMi0xLjMyLTMuNDlhMy4wNywzLjA3LDAsMCwxLDEuMTgtMmMuNjktLjQ4LDEuMjgu%0D%0AMzEuNTcuN2EyLjYsMi42LDAsMCwwLS4zOC4zNmwuMTIuMXYuMWwtLjE0LS4xNmEyLjI4LDIuMjgs%0D%0AMCwwLDAtLjQ0LDFsMCwuMmMwLC42NSwwLDEuMywwLDEuOTRsMCwuMTNoMGwwLDBoMGwuMDkuMTEu%0D%0AMDgsMCwwLS4xMS4xLS4wOCwwLC4yMS4xMywwaDYuMDhsLjEzLDAsLjA4LDBoMGwuMDUsMEwxOC4w%0D%0AOCw5bDAsMGgwbDAtLjA3LDAtLjEyYTIwLDIwLDAsMCwwLDAtMmgwQTQuNzQsNC43NCwwLDAsMCwx%0D%0AOCw2LjE1YTMuMTcsMy4xNywwLDAsMC0uMjctLjQ3bC0uMTQuMS4wOS0uMTdjLS4xOC0uMjItLjY4%0D%0ALS40OS0uNzQtLjc3LS4xMi0uNTUuNDEtLjYuNzctLjQyYTMuMTUsMy4xNSwwLDAsMSwxLjM1LDIu%0D%0AODFjMCwxLjI0LjE2LDIuNzEtMS40NSwyLjgyQzE1LjY3LDEwLjE5LDEzLjY4LDEwLjA1LDExLjcz%0D%0ALDEwLjA1WiIvPjxwYXRoIGQ9Ik00LjQ1LDIyLjQ4Yy0zLjQ2LDAtMy4zNi01LjQxLjExLTUuMjFD%0D%0ANy44NCwxNy40NSw3LjcsMjIuNDgsNC40NSwyMi40OFptMC0uOWguMjRhMi4xNywyLjE3LDAsMCww%0D%0ALC40Mi0uMTEsMiwyLDAsMCwwLC43Mi0uNTQsMS43LDEuNywwLDAsMCwuMzMtMS4zM2gwYTIuNDIs%0D%0AMi40MiwwLDAsMC0uMS0uMzYsMi44MiwyLjgyLDAsMCwwLS4yMS0uMzhsLS4wOC0uMDlhMi44NSwy%0D%0ALjg1LDAsMCwwLS4yNS0uMjUsMiwyLDAsMCwwLS4zNy0uMjEsMiwyLDAsMCwwLS40Mi0uMTJsLS4x%0D%0ANywwSDQuMjNsLS4wNS4yMiwwLS4yMmExLjcsMS43LDAsMCwwLS41NC4xNywyLjI2LDIuMjYsMCww%0D%0ALDAtLjI2LjE2LDIuMTMsMi4xMywwLDAsMC0uMzEuMjlsLjEyLjItLjEzLS4xOGEyLjE0LDIuMTQs%0D%0AMCwwLDAtLjIzLjM4LDIsMiwwLDAsMC0uMTIuNDIsMi42OCwyLjY4LDAsMCwwLDAsLjQ5LDIuOSwy%0D%0ALjksMCwwLDAsLjEyLjQyLDIuMDgsMi4wOCwwLDAsMCwuMi4zNmwwLDB2MGgwbDAsLjA1LjI1LjI1%0D%0AYTIuMzgsMi4zOCwwLDAsMCwuNDEuMjNoMGEyLjU0LDIuNTQsMCwwLDAsLjM3LjFINC40WiIvPjxw%0D%0AYXRoIGQ9Ik0xLjQzLDI3LjMxQy0uMjYsMjcuMzEtLjA2LDI1LC4xMSwyMy44MmEzLDMsMCwwLDEs%0D%0AMS4xOC0yYy42OS0uNDgsMS4yOC4zMi41Ny43YTIuMjIsMi4yMiwwLDAsMC0uMzguMzdsLjEyLjA5%0D%0AVjIzbC0uMTQtLjE2YTIuNTUsMi41NSwwLDAsMC0uMy41LDQuMjgsNC4yOCwwLDAsMC0uMTUuNTFs%0D%0AMCwuMjFWMjZsMCwuMTRIMWwuMTIuMTUsMCwwdjBsLjExLDBINy40NWwuMTQsMCwuMTEtLjA1LjA4%0D%0ALS4wNywwLS4wNWgwbDAtLjA3LDAtLjEyYTIwLDIwLDAsMCwwLDAtMi4wNWgwYTIuNzMsMi43Myww%0D%0ALDAsMC0uMTUtLjU2LDIuNDIsMi40MiwwLDAsMC0uMjYtLjQ3TDcuMywyM2wuMTEtLjE0Yy0uMTgt%0D%0ALjIyLS43LS41MS0uNzYtLjgtLjE0LS42Ny41NS0uNTcuODktLjMzYTMuMTQsMy4xNCwwLDAsMSwx%0D%0ALjIyLDIuNTJjLjA2LDEuMjYuMjMsMi45LTEuNDIsM0M1LjM5LDI3LjQ2LDMuMzgsMjcuMzEsMS40%0D%0AMywyNy4zMVoiLz48cGF0aCBkPSJNMjUuMDUsMjIuNDhjLTMuNDUsMC0zLjM2LTUuNDEuMTEtNS4y%0D%0AMUMyOC40NCwxNy40NSwyOC4zLDIyLjQ4LDI1LjA1LDIyLjQ4Wm0tLjA1LS45aC4yNGEyLjE3LDIu%0D%0AMTcsMCwwLDAsLjQyLS4xMWwuMi0uMS4xOC0uMTFoMGEzLjUxLDMuNTEsMCwwLDAsLjM0LS4zMywx%0D%0ALjg4LDEuODgsMCwwLDAsLjIxLS4zNmgwYTIuNzgsMi43OCwwLDAsMCwuMTItLjM4bC0uMTcsMGgu%0D%0AMThsLS4xLDAsLjEsMGExLjYsMS42LDAsMCwwLDAtLjQ5aDBhMi4xMiwyLjEyLDAsMCwwLS4xLS4z%0D%0ANiwyLjgyLDIuODIsMCwwLDAtLjIxLS4zOGwtLjA4LS4xLS4yNS0uMjRhMiwyLDAsMCwwLS4zNy0u%0D%0AMjEsMiwyLDAsMCwwLS40Mi0uMTJsLS4xNywwaC0uMjdsLS4wNi4yMiwwLS4yMmExLjc4LDEuNzgs%0D%0AMCwwLDAtLjU0LjE3LDIuMjYsMi4yNiwwLDAsMC0uMjYuMTYsMi4wNiwyLjA2LDAsMCwwLS4zLjI5%0D%0AbC4xMS4yLS4xMy0uMThhMi4xNCwyLjE0LDAsMCwwLS4yMy4zOCwxLjY3LDEuNjcsMCwwLDAtLjEy%0D%0ALjkxLDIsMiwwLDAsMCwuMTEuNDIsMS43NSwxLjc1LDAsMCwwLC4yOS40N2wuMjUuMjRhMiwyLDAs%0D%0AMCwwLC4zNS4ybC4wNSwwaDBhMi4wOSwyLjA5LDAsMCwwLC40My4xMUgyNVoiLz48cGF0aCBkPSJN%0D%0AMjIsMjcuMzFjLTEuNjksMC0xLjQ5LTIuMzItMS4zMi0zLjQ5YTMuMDcsMy4wNywwLDAsMSwxLjE4%0D%0ALTJjLjY5LS40OCwxLjI4LjMyLjU3LjdhMi42NSwyLjY1LDAsMCwwLS4zOC4zN2wuMTIuMDlWMjNs%0D%0ALS4xNC0uMTZhMy4xLDMuMSwwLDAsMC0uMjkuNSwyLjI5LDIuMjksMCwwLDAtLjE1LjUxbDAsLjIx%0D%0AVjI2bDAsLjE0aDBsLjExLjE1LDAsMHYwbC4xMSwwaDYuMTlsLjE0LDAsLjEyLS4wNS4wNy0uMDcs%0D%0AMC0uMDVoMGwwLS4wNywwLS4xMmEyMCwyMCwwLDAsMCwwLTIuMDVoMGE1LjEyLDUuMTIsMCwwLDAt%0D%0ALjE1LS41Niw0LjMxLDQuMzEsMCwwLDAtLjI2LS40N2wtLjE1LjFMMjgsMjIuOWMtLjE5LS4yMi0u%0D%0ANzEtLjUxLS43Ny0uOC0uMTQtLjY3LjU1LS41Ni45LS4zM2EzLjE3LDMuMTcsMCwwLDEsMS4yMiwy%0D%0ALjUyYy4wNSwxLjI2LjIyLDIuOS0xLjQzLDNDMjYsMjcuNDYsMjQsMjcuMzEsMjIsMjcuMzFaIi8+%0D%0APHBhdGggZD0iTTE0Ljc0LDE3LjQ2Yy0uNzksMC0uNDUtMi40LS40NS0yLjg0cy0uMzMtMi44NS40%0D%0ANS0yLjgzLjQ1LDIuMjkuNDUsMi43NFMxNS41MywxNy40NiwxNC43NCwxNy40NloiLz48cGF0aCBk%0D%0APSJNMTAuNiwxOS44NGMtLjc4LDAtLjM0LS43MywwLTFzLjk1LS41NSwxLjQyLS44MmwxLjcxLTFj%0D%0ALjI0LS4xNC42OS0uNTMsMS0uNTEuNzQuMDUuMzguNjksMCwuOTRhMTMuMjYsMTMuMjYsMCwwLDEt%0D%0AMS4zNy44bC0xLjc5LDFjLS4yNi4xNS0uNjguNTEtMSwuNTFaIi8+PHBhdGggZD0iTTE4Ljg3LDE5%0D%0ALjg0Yy0uMzMsMC0uNzQtLjM2LTEtLjUxbC0xLjcxLTFjLS40Ny0uMjctMS0uNTEtMS40Mi0uODJz%0D%0ALS43Ni0uOTIsMC0xYy4yOSwwLC43MS4zNC45My40N2wxLjY5LDFjLjUuMjgsMSwuNTQsMS41MS44%0D%0ANlMxOS42NywxOS44NCwxOC44NywxOS44NFoiLz48L2c+PC9nPjwvc3ZnPg==" alt ="team-management"/>
<h4> Team Management </h3>
<p> Control who has access to what modules within your team namespace using starightforward team management capabilities. </p>
</div>
<div>
<img class ="familiar-features" src = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOS41%0D%0AOSAyMi43NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tl%0D%0ALW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5mZWF0dXJlLXBhcml0eTwvdGl0%0D%0AbGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzItMiIg%0D%0AZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOS41OSwxNi42Mkgw%0D%0AIi8+PHJlY3QgeD0iMC4zMSIgd2lkdGg9IjExLjkzIiBoZWlnaHQ9IjYuODgiIHJ4PSIyLjQyIi8+%0D%0APHJlY3QgeD0iMC4zMSIgeT0iOCIgd2lkdGg9IjExLjkzIiBoZWlnaHQ9IjYuODgiIHJ4PSIyLjQy%0D%0AIi8+PHJlY3QgeD0iMTYuMzUiIHdpZHRoPSIxMS45MyIgaGVpZ2h0PSI2Ljg4IiByeD0iMi40MiIv%0D%0APjxyZWN0IHg9IjE2LjM1IiB5PSI4IiB3aWR0aD0iMTEuOTMiIGhlaWdodD0iNi44OCIgcng9IjIu%0D%0ANDIiLz48cG9seWxpbmUgcG9pbnRzPSIxNC40NyAxOS4wNCAxNS45IDIxLjM3IDE2Ljc1IDIyLjc1%0D%0AIDEyLjIgMjIuNzUgMTQuNDggMTkuMDQiLz48L2c+PC9nPjwvc3ZnPg==" alt = "familiar-features" />
<h4> Familiar features </h3>
<p> npm Orgs has 100% parity with all the public npm registry features your developers already use. </p>
</div>
<div>
<img class = "npm-audit" src = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi45%0D%0AOCAyMS4yNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48%0D%0AL2RlZnM+PHRpdGxlPm5wbS1hdWRpdDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0i%0D%0ATGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzItMiIgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBkPSJN%0D%0AMCwxNS41M1Y1LjgxYTUuODIsNS44MiwwLDAsMSwxMS42My0uMDhoMy44MUE1Ljc3LDUuNzcsMCwx%0D%0ALDEsMjcsNS44MXY5LjcyYTUuNzcsNS43NywwLDAsMS0xMS41NCwwVjExLjg5SDExLjYzdjMuNjRB%0D%0ANS44Miw1LjgyLDAsMCwxLDAsMTUuNTNabTE2Ljc0LS4wOUE0LjUyLDQuNTIsMCwwLDAsMjEuMTcs%0D%0AMjBhNC4zOCw0LjM4LDAsMCwwLDQuNDItNC40Miw0LjExLDQuMTEsMCwwLDAtMS4zLTMuMTIsNC4z%0D%0AOCw0LjM4LDAsMCwwLTYuMjQsMCw0LjYyLDQuNjIsMCwwLDAtMS4zMSwzWm0tMTUuMzUsMGE0LjQz%0D%0ALDQuNDMsMCwxLDAsOC44NS4wOSw0LjE1LDQuMTUsMCwwLDAtMS4zLTMuMTIsNC4zOSw0LjM5LDAs%0D%0AMCwwLTYuMjUsMCw0LjI1LDQuMjUsMCwwLDAtMS4zLDNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBk%0D%0APSJNNi45NCwxMi4wNmMxLjgyLjc4LDMuMjEsMi42OSwxLjgyLDQuNTFaIi8+PHBhdGggY2xhc3M9%0D%0AImNscy0xIiBkPSJNMjIuNTYsMTIuMDZjMS44Mi43OCwzLjIxLDIuNjksMS44Miw0LjUxWiIvPjwv%0D%0AZz48L2c+PC9zdmc+" alt ="npm-audit"/>
<h4> Npm audit </h3>
<p> Enjoy the secutity auditing features built in the npm client, zero-friction way to make open source software safer. </p>
</div>
</section>
<a class = "link-btn" href="#"> Create an Org </a>
</body>
</html>