Untitled

<?php
require 'password_check.php'
?>
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
    .container {
        margin-top: 70px;
    }
    h2 {
        text-align: center;
    }
    .ahref {
        text-decoration: none;
        color: white;
        opacity: 0.8;
        text-align: center;
        font-family: verdana;
        font-size: 20px;
        padding: 25px;
        background-color: #546c97;
        width: 100%;
        border: none;
        border-radius: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .ahref:hover {
        opacity: 1;
        background-color: #546c97;
        text-decoration: none;
    }

    .alert {
    padding: 20px;
    background-color: #5b97ff;
    color: white;
    font-family: verdana;
}
    .closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}
    .thislink {
        text-decoration: none;
        color: #337ab7;
    }
    .thislink:hover {
        text-decoration: none;
        color: black;
    }
    .wrappernavbar {
    float: right;
}
</style>
<title> Earn Coins - Rewardino</title>
</head>
<body>
    <?php
    include 'get_username.php';
    include 'loader.php';
    ?>
<div class="container">
<h2>Choose a way to earn Coins!</h2>
    <div class="alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
  <strong>Wait!</strong> Check out <a href="tutorials.php" class="thislink">this</a> guide for earning coins!
    </div>
    <div class="row">
        <div class="col-sm-12"><a class="ahref" href="offers.php">Complete Offers</a></div>
    </div>
    <div class="row">
        <div class="col-sm-12"><a class="ahref" href="surveys.php">Complete Surveys</a></div>
    </div>
    <div class="row">
        <div class="col-sm-12"><a class="ahref" href="videoads.php">Watch Video Ads</a></div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <div class="table-responsive">
   <table class="table table-hover">
    <thead>
      <tr>
        <th>Offer Name</th>
        <th>Date Completed</th>
        <th>Provider</th>
        <th>Amount</th>
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>
        </div>
    </div>
</div><br><br><br><br><br><br>
    <!------------------------------------------Google Ads on the bottom ---------------------------------->
    <br><br><br>
    </div>
<?php
include 'navbar.php';
?>
</body>
</html>