Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<!DOCTYPE html>
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic' rel='stylesheet' type='text/css'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha256-3dkvEK0WLHRJ7/Csr0BZjAWxERc5WH7bdeUya2aXxdU= sha512-+L4yy6FRcDGbXJ9mPG8MT/3UCDzwR9gPeyFNMCtInsol++5m3bk2bXWKdZjvybmohrAsn3Ua5x8gfLnbE1YkOg=="
crossorigin="anonymous">
<style>
body {
background: #ffffff;
font-family: 'Open Sans', sans-serif;
color: #2D4E6F;
}
.well {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
margin: 4em 0 0 0;
border-radius: 3px;
border: #e5e5e5 1px solid;
padding: 1em 0 3em 0
}
h1 {
font-weight: 300;
font-size: 58px;
margin: .4em 0 .2em 0;
color: #2D4E6F;
}
h2 {
margin: .6em 0 1.6em 0;
font-style: italic;
color: #2D4E6F;
}
.btn-default {
background-color: #2D4E6F;
color: #ffffff;
border: #1E344B 1px solid;
border-radius: 2px !important;
margin: 0 0 6px 0;
font-size: 16px;
padding: 12px;
text-transform: uppercase
}
.btn-default:hover {
background-color: #3C6793;
color: #ffffff;
}
.close {
font-size: 30px;
position: relative;
margin: -.2em .4em 0 0;
color: #333333;
}
.attention {
color: #A60002;
margin: 0 0 1.2em 0;
}
.attention-1 {
color: #A60002;
margin: 1 0 1.2em 0;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css"></script>
<title>MTH - New Hire</title>
</head>
<body>
<div class="container">
<div class="well well-sm text-center">
<div class="close"><i class="fa fa-times"></i></div>
<h1>Hello, Joe Bloggs </h1>
<h2>Welcome to myTecHUB</h2>
<P class="attention">Please update the following so you can access JPMC systems</P>
<div class="btn-group-vertical">
<button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
SSO Reset
</button>
<P class="attention-1">SSO is used for the majority of web applications you will access</P>
<button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Desktop Password Reset
</button>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.