<!DOCTYPE html>
<html>
<head>
    <title><?php echo $this->title; ?></title>
    <?php if($this->meta_desc): ?>
        
		<meta name="description" content="linkshub protect your links by hiding them and shorten the url. Links can be protected by password and captcha 
">
<meta name="keywords" content="link, protection, redirection, secure, keep, links, shorter, social, network, URL, share, web, CAPTCHA, password, redirector, hidden, hide, protect
">

    <?php endif; ?>
    <meta charset="UTF-8">
    <link href="https://fonts.cdnfonts.com/css/trebuchet-ms-2" rel="stylesheet">            
<link rel="preload" href="https://fonts.googleapis.com/css?family=Trebuchet+MS" as="fetch" crossorigin="anonymous"> 
    <link rel="canonical" href="<?php echo $this->canonicalUrl; ?>"/>
    <link rel="icon" href="http://www.favicon.cc/logo3d/511887.png">
    <?php if(isset($this->noIndex)) echo '<meta name="robots" content="noindex">'; ?>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="/style/main.css">

<?php if(isset($this->options['header_code'])): ?>
        <?= html_entity_decode($this->options['header_code']); ?>
<?php endif; ?>
	


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XYF4T3299X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XYF4T3299X');
</script>

	

<style>
    .row {
    margin-left: 0;
    margin-right: 0;
}
.submit-captcha {
    margin-top: 14px;
    background: #fff;
    padding: 20px 0px 10px 0px;
    margin-bottom: 0px;
}
html, body {
    font-size: 16px;
    font-family: "Trebuchet MS", Helvetica !important;
}
a {
    color: #4285f4;
    text-decoration: none;
    font-family: "Trebuchet MS", Helvetica !important;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    margin-top: -20px;
}
.main-navbar ul {
    overflow: hidden;
    text-align: center;
}
.view-warning {
    text-align: center;
    line-height: 1.7;
    background-color: #f6653c;
    color: #fff;
    margin-bottom: 0;
    display: none;
}
.btn-block {
    padding: 12px 0px;
    font-size: 17px;
}
.well {
    border-color: #eaecec;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 14px;
}
.content-wrapper {
    background: #f4f6f7;
    position: relative;
}
html, body {
    background: #fff;
}
html, body {
   font-family: "Trebuchet MS", Helvetica !important; !important;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    color: #58666e;
    background-color: transparent;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.5;
    overflow-x: hidden;
}
}
a {
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-sky:not(:disabled):not(.disabled).active, .btn-sky:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #0293c9;
    border-color: #0293c9;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-primary:hover, .btn-primary:focus, .btn-sky:hover, .btn-sky:focus {
    color: #fff;
    background-color: #00a0df;
    border-color: #00a0df;
}
.btn:focus, .btn:active, .btn:hover {
    box-shadow: none !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.btn:focus, .btn:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #00acf0;
}
a:hover, a:active {
    outline: 0;
}
a:hover {
    color: #0056b3;
    text-decoration: underline;
}
.btn-primary, .btn-sky {
    color: #fff;
    background-color: #00acf0;
    border-color: #00acf0;
}
.btn {
    text-transform: capitalize;
    outline: none;
    border-width: 2px;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-primary, .btn-sky {
    color: #fff;
    background-color: #00acf0;
    border-color: #00acf0;
}
.btn {
    text-transform: capitalize;
    outline: none;
    border-width: 2px;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem 7px 10px;
    font-size: 17px;
    line-height: 1.6;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 4px !important;
}
.alert-success {
    background-color: #363636;
    border-color: #f4f6f7;
    color: #ffffff;
    margin-top: -20px;
}
.view-well a {
    display: block;
    border-bottom: 2px solid #e8e8e8;
    margin: 5px 0px;
    margin-bottom: 10px !important;
}
@media (min-width: 768px) {
.col-sm-offset-4 {
    margin-left: 37.33333%;
}
}
.main-navbar li a {
    border-radius: 4px;
}
</style>	
</head>
<body>
<header>
    <div class="container">
        <h1 class="icon-brand">
            Linkshub Protector - Protecting your links!
        </h1>
        
        <nav class="logins">
            <ul>
            <?php if(!$this->isLoggedIn): ?>
                
                <?php if($this->allowedSingups)
                { 
                    // only weird case 
                    echo '<li><a href="/register" class="btn btn-primary">Sign up</a></li>';
                } 
                ?>
                <li>
                    <a href="/login" class="btn btn-primary">
                        <i class="fa fa-sign-in"></i>
                        Log in
                    </a>
                </li>

            <?php else :?>
                    <li>
                    <a href="/" class="btn btn-primary">
                        <i class="fa fa-home" aria-hidden="true"></i>
                        HOME
                    </a>
                </li>
                
                <li>
                    <a href="/manage/links" class="btn btn-primary">
                        <i class="fa fa-edit"></i>
                        Manage Links
                    </a>
                </li>
                
                 <li>
                  <a href="/user" class="btn btn-primary">
                        <i class="fa fa-cog" aria-hidden="true"></i>
                        Settings
                    </a>
                </li>
                <li>
                    <a href="/logout" class="btn btn-primary">
                        <i class="fa fa-sign-in"></i>
                        Log Out
                    </a>
                </li>

            <?php endif; ?>

            </ul>
        </nav>
    </div>
</header>
<nav class="main-navbar">
    <div class="container">

    </div>
</nav>
<section class="content-wrapper">
     <div class="container">