102 lines
5.3 KiB
HTML
102 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
|
|
<script src="main.js"></script>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300&display=swap');
|
|
</style>
|
|
<title>Northpass Starter Page</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="icon" href="images/np-logo-emoji.png" type="image/icon" sizes="32x32">
|
|
</head>
|
|
<body>
|
|
<img class="logo" src="images/NP-Logo-Primary-FC.png" alt="Northpass Logo">
|
|
<div class="date">
|
|
<p id="todaysDate"></p>
|
|
</div>
|
|
<div class="row"></div>
|
|
<div class="grid" id="grid"></div>
|
|
<div class="row" style="display: flex; align-items: center; justify-content:center">
|
|
<iframe scrolling="no" src="https://www.you.com" title="You Search bar"></iframe>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<a href="https://app.northpass.com" onclick="window.open('https://app.northpass.com');
|
|
window.open('https://getpixel.northpass.com/app');
|
|
window.open('https://app.getpixel.io');
|
|
window.open('https://www.northpass.com/blog/introducing-custom-templates');
|
|
window.open('https://openacademy.compass.com/');
|
|
window.open('https://academy.freshworks.com/');"
|
|
target="_blank"><div class="card_header">
|
|
<img class="icon" src="images/icons/NP-Peak-Pattern-Aurora-Sky.png" alt="B/G Peaks">
|
|
 Demo Links  </div></a>
|
|
<div class="row"></div>
|
|
<a href="https://app.northpass.com" target="_self">Pixel Admin</a>
|
|
<a href="https://getpixel.northpass.com/app" target="_self">Pixel Academy</a>
|
|
<a href="https://app.getpixel.io" target="_self">Pixel app</a>
|
|
<a href="https://www.northpass.com/blog/introducing-custom-templates" target="_self">Custom Templates</a>
|
|
<a href="https://openacademy.compass.com/" target="_self">Compass</a>
|
|
<a href="https://academy.freshworks.com/" target="_self">Freshworks</a>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<div class="card_header">
|
|
<img class="icon" src="images/icons/NP-Peak-Pattern-Aurora.png" alt="Green Peaks">
|
|
 Tools  </div>
|
|
<div class="row"></div>
|
|
<a href="https://www.app.gong.io" target="_self">Gong</a>
|
|
<a href="https://www.hubspot.com" target="_self">Hubspot</a>
|
|
<a href="https://www.linkedin.com/sales/homepage" target="_self">Sales Nav</a>
|
|
<a href="https://www.linkedin.com/home/feed" target="_self">LinkedIn</a>
|
|
<a href="https://app.zoominfo.com" target="_self">Zoominfo</a>
|
|
<a href="https://https://secure.vidyard.com/organizations/227416/library" target="_self">Vidyard</a>
|
|
<a href="https://www.swagredeem.com/page/northpass" target="_self">Swag Box</a>
|
|
<a href="https://northpass.atlassian.net/jira/software/projects/NORMPIPE/boards/50" target="_self">Jira Pipeline</a>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<div class="card_header">
|
|
<img class="icon" src="images/icons/NP-Peak-Pattern-Sky.png" alt="Blue Peak">
|
|
 Internal  </div>
|
|
<div class="row"></div>
|
|
<a href="https://www.gmail.com" target="_self">Gmail</a>
|
|
<a href="https://calendar.google.com" target="_self">Calendar</a>
|
|
<a href="https://secure.zenefits.com/dashboard/#/" target="_self">Zenefits</a>
|
|
<a href="https://northpass.latticehq.com/" target="_self">Growthpass</a>
|
|
<a href="https://employeeuniversity.northpass.com/app" target="_self">Northpass University</a>
|
|
<a href="https://northpass.na.chilipiper.com/meetings/home" target="_self">Chili Piper</a>
|
|
<a href="https://northpass.atlassian.net/jira/software/projects/NORMPIPE/boards/50" target="_self">Jira Pipeline</a>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<h5 class="card_header">
|
|
<img class="icon" src="images/icons/NP-Peak-Pattern-White.png" alt="White Peak">
|
|
 Dev Resources  </h5>
|
|
<div class="row"></div>
|
|
<a href="https://developers.northpass.com" target="_self">Dev Hub</a>
|
|
<a href="https://support.northpass.com" target="_self">Support</a>
|
|
</div>
|
|
</div>
|
|
<div class="bottom_row"></div>
|
|
</body>
|
|
</html>
|
|
<script>
|
|
function getRandomSize(min, max) {
|
|
return Math.floor(Math.random() * (max - min) + min);
|
|
}
|
|
var times = 7;
|
|
for (var i = 0; i < times; i++) {
|
|
var fileNumber = getRandomSize(1, 158);
|
|
var imageName = "url('././images/northpass/northpass"+fileNumber+".jpg";
|
|
var div = document.createElement('div');
|
|
div.classList.add('item');
|
|
div.style.backgroundImage = imageName;
|
|
document.getElementById("grid").appendChild(div);
|
|
}
|
|
</script>
|