gsuttie/gist:5ada98f46d8e7bf0d2c5

## gistfile1.txt
<!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>
	<!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>