Skip to content

Instantly share code, notes, and snippets.

@gregoryagu

gregoryagu/index.html

Last active August 10, 2018 11:01
Show Gist options
  • Save gregoryagu/68eaf914fc0caec4fb6ff3a9be855d06 to your computer and use it in GitHub Desktop.
Save gregoryagu/68eaf914fc0caec4fb6ff3a9be855d06 to your computer and use it in GitHub Desktop.
Download ZIP
Position Text at Bottom - Solved
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="styles.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div id="home-section" class="image-bg vertical-align">
<div class="container">
<div class="home-content padding ">
<h1 class="jumbo text-center"><em>This is the headline</em></h1>
<div class="button text-center">
<a href="/signup"" onclick="log('click','register','home-section')" class="btn btn-primary btn-animated">Start Free Trail</a>
</div>
</div>
</div><!--/#home-section-->
<script src="script.js"></script>
</body>
</html>
Raw
script.js
console.log('Hello World!');
Raw
styles.css
/* todo: add styles */
#home-section {
background-color:#7e90a2;
background-image:url(https://traken.net/images/bg/home-bg-3.jpg);
color:#fff;
height:900px;
}
#home-section{
position: relative;
}
.home-content{
position: absolute;
bottom:10px;
right:10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment