<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>A</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://m...content-available-to-author-only...n.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://a...content-available-to-author-only...s.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://m...content-available-to-author-only...n.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<style type="text/css">
body { background: url(img/dark.png); !important; position:relative; z-index:-1; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
</style>
<style>
#logo { text-indent: 500px; z-index:9999; position:relative;}
</style>
<style>
#links {padding-top: 0.7cm}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-8" id="logo">
<h2>Audhgjhg</h2>
</div>
<div class="col-md-4" align="right" id="links">
<a href="C:\Users\admin\Desktop\Code\I\tp.html">Read</a>
<a href="#">Write</a>
<a href="#">Play</a>
<a href="#">Help</a>
</div>
</div>
<div class="jumbotron" style="background-color:#666633">
<h1 align="center">Read books</h1>
<h4 align="center">Enter a bookname:</h4>
<div class="form-group">
<label for="usr"></label>
<input type="text" class="form-control" id="usr">
</div>
</div>
</div>
</body>
</html>
PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmcgPSAiZW4iPgogICAgPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0ID0gInV0Zi04Ij4KICAgIDx0aXRsZT5BPC90aXRsZT4KICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MSI+CiAgICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9Imh0dHA6Ly9tLi4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5uLmNvbS9ib290c3RyYXAvMy4zLjUvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIj4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2EuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLnMuY29tL2FqYXgvbGlicy9qcXVlcnkvMS4xMS4zL2pxdWVyeS5taW4uanMiPjwvc2NyaXB0PgogICAgPHNjcmlwdCBzcmM9Imh0dHA6Ly9tLi4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5uLmNvbS9ib290c3RyYXAvMy4zLjUvanMvYm9vdHN0cmFwLm1pbi5qcyI+PC9zY3JpcHQ+CiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgICAgYm9keSB7IGJhY2tncm91bmQ6IHVybChpbWcvZGFyay5wbmcpOyAhaW1wb3J0YW50OyBwb3NpdGlvbjpyZWxhdGl2ZTsgei1pbmRleDotMTsgfSAvKiBBZGRpbmcgIWltcG9ydGFudCBmb3JjZXMgdGhlIGJyb3dzZXIgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHN0eWxlIGFwcGxpZWQgYnkgQm9vdHN0cmFwICovCiAgICA8L3N0eWxlPgogICAgPHN0eWxlPiAgIAogICAgICAgI2xvZ28geyB0ZXh0LWluZGVudDogNTAwcHg7IHotaW5kZXg6OTk5OTsgcG9zaXRpb246cmVsYXRpdmU7fQogICAgPC9zdHlsZT4KICAgIDxzdHlsZT4gICAKICAgICAgICNsaW5rcyB7cGFkZGluZy10b3A6IDAuN2NtfQogICAgPC9zdHlsZT4KICAgIDwvaGVhZD4KCiAgICA8Ym9keT4KICAgICAgICA8ZGl2IGNsYXNzPSJjb250YWluZXItZmx1aWQiPgogICAgICAgIAogICAgICAgICAgICA8ZGl2IGNsYXNzPSJyb3ciPgogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iY29sLW1kLTgiIGlkPSJsb2dvIj4KICAgICAgICAgICAgICAgICAgICA8aDI+QXVkaGdqaGc8L2gyPgogICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJjb2wtbWQtNCIgYWxpZ249InJpZ2h0IiBpZD0ibGlua3MiPgogICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9IkM6XFVzZXJzXGFkbWluXERlc2t0b3BcQ29kZVxJXHRwLmh0bWwiPlJlYWQ8L2E+CiAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj0iIyI+V3JpdGU8L2E+CiAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj0iIyI+UGxheTwvYT4KICAgICAgICAgICAgICAgICAgICA8YSBocmVmPSIjIj5IZWxwPC9hPiAgICAKICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0ianVtYm90cm9uIiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojNjY2NjMzIj4KICAgICAgICAgICAgICAgIDxoMSBhbGlnbj0iY2VudGVyIj5SZWFkIGJvb2tzPC9oMT4KICAgICAgICAgICAgICAgIDxoNCBhbGlnbj0iY2VudGVyIj5FbnRlciBhIGJvb2tuYW1lOjwvaDQ+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIj4KICAgICAgICAgICAgICAgICAgPGxhYmVsIGZvcj0idXNyIj48L2xhYmVsPgogICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgY2xhc3M9ImZvcm0tY29udHJvbCIgaWQ9InVzciI+CiAgICAgICAgICAgICAgICA8L2Rpdj4gIAogICAgICAgICAgICA8L2Rpdj4gICAgICAgICAgICAgICAgICAgIAogICAgICAgIDwvZGl2PgogICAgPC9ib2R5Pgo8L2h0bWw+