Skip to content

Instantly share code, notes, and snippets.

@DeepSky8
Last active August 29, 2015 14:16
Show Gist options
  • Select an option

  • Save DeepSky8/57245d15b3ff73b23e42 to your computer and use it in GitHub Desktop.

Select an option

Save DeepSky8/57245d15b3ff73b23e42 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="file:///C:/Ongoing%20Projects/IssueTracker/PureCssLoginPage.css">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Issue Tracker</title>
</head>
<body>
<h1>Welcome to Issue Tracker</h1>
<p class="logIn">Please enter your name and password</p>
<!-- Enter the button stuff here -->
<div class="pure-g">
<div class="pure-u-1-3"><div class="infoBoxes"><h3 class="noBottom">What we do</h3><h4 class="noTop"> </h4><p class="textCenter">Issue Tracker exists to track issues, <br> so you don't have to!<br><br><br></p></div></div>
<div class="pure-u-1-3"><div class="infoBoxes"><h3 class="noBottom">How we do it</h3><h4 class="noTop"> </h3><p>Using state-of-the-art tracking features, Issue Tracker keeps dedicated lists and integrated, detailed descriptions of issues in your database, so that we can track things together.<br><br></p></div></div>
<div class="pure-u-1-3"><div class="infoBoxes"><h3 class="noBottom">Most importantly: Why we do it</h3><h4 class="noTop">(and why you should too!)</h4>
<p>We believe no issue should go untracked. If you are dealing with untracked issues, they will quickly pile up and overwhelm your business. Our dedicated tracking software and support staff make every business better.</p></div></div>
</div>
</body>
</html>
body {
background-image: url("file:///C:/Users/DeepSky8/Pictures/Notebook%20Paper%20Files/RepeatablePaper.png");
background-position: left top;
}
.infoBoxes {
background-color: #F0FFFF;
padding: 25px;
border: 25px solid #B0C4DE;
}
h1 {
text-align: center;
margin: 100px
}
.noBottom {
text-align: center;
margin-bottom: 0px;
}
.noTop {
text-align: center;
margin-top: 0px;
}
.logIn {
text-align: center;
margin: 120px 0px 100px 0px;
}
.textCenter {
text-align: center;
}
h3 {
text-align: center;
}
h4 {
text-align: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment