<!doctype html>
<html lang="en">
   <head>
      <!-- Required meta tags -->
      <meta charset="utf-8">
      <meta name="description" content="">
      <meta name="keywords" content="investment, Forex, Trading, Bitcoin, Cryptocurrency, Global investment, Live Trade, Trading class, indics">
      <meta name="author" content="Paul HubWeb & Tech">
      <meta name="theme-color" content="#313131" />
    <!-- Site Properties -->
    <title>Packages - Alert Signals Nation</title>
    <link rel="shortcut icon" href="../img/Signals-Alert-3.png" type="image/x-icon">
    <link rel="apple-touch-icon-precomposed" href="../img/Signals-Alert-3.png">
      <!-- Bootstrap CSS -->
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <!-- Typography CSS -->
      <link rel="stylesheet" href="css/typography.css">
      <!-- Style CSS -->
      <link rel="stylesheet" href="css/style.css">
      <!-- Responsive CSS -->
      <link rel="stylesheet" href="css/responsive.css">
      <style>
* {box-sizing: border-box;}

body { 
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.header {
  overflow: none;
  background-color: none;
  padding: 20px 10px;
  padding-left:5px;
  position: fixed;
}

/*.header a {
  float: center;
  width:30px;
  color: #fff;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 25px;
  border-radius: 4px;
  background-color:rgb(196, 0, 0);
  border-color: rgb(196, 0, 0);
}*/

.header a.logo {
  font-size: 25px;
  font-weight: bold;
}

/*.header a:hover {
  background-color:  #010847;
  color: #fff;
}*/

/*.header a.active {
  background-color: dodgerblue;
  color: white;
}*/

.header-center {
  float: left;
}

@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .header-right {
    float: none;
  }
}
</style>
   </head>
   <body class="sidebar-main-active right-column-fixed">
      <!-- loader Start -->
      <div id="loading">
         <div id="loading-center">
         </div>
      </div>
      <!-- loader END -->
      <!-- Wrapper Start -->
      <div class="wrapper">
            <?php include 'navbar.php' ?>
          <!-- Page Content  -->
    <div id="content-page" class="content-page" style="margin-top:80px;">
    <div class="container-fluid">
               <div class="row">
                  <div class="col-md-6 col-lg-3">
                     <div class="iq-card bg-dark text-white text-center iq-mb-3">
                        <img src="images/page-img/26.jpg" class="card-img rounded" alt="#">
                        <div class="card-img-overlay">
                           <h2 class="mb-4 display-3 font-weight-bolder text-white" style="font-size:60px;">500
<small class="font-size-14 text-white" style="font-size:50px;">£ / starter</small></h2>
                           <ul class="list-unstyled mb-0 ">
                              <li style="font-size:20px;">Minimum Possible Deposit: $242424</li>
                              <li style="font-size:20px;">Maximum Possible Deposit: $500</li>
                              <li style="font-size:30px;">Minimum Return: $500</li>
                              <li style="font-size:30px;">Maximum Return: $1000</li>
                              <li style="font-size:30px;">Maximum Return: $1000</li>
                              <li style="font-size:30px;">Duration:    One week</li>
                           </ul><br>
                           <label style="color:#fff">Amount to invest: ($500 default)</label>
                           <input type="tel" value="$500">
                           <button type="button" target="deposit.php" class="btn btn-primary mt-3">Get started</button>
                        </div>
                     </div>
                  </div>
                  <div class="col-sm-3">
                     <div class="iq-card  iq-mb-3">
                        <img src="images/page-img/26.jpg" class="card-img-top" alt="#">
                        <div class="iq-card-body">
                           <h4 class="card-title">500£ / starter</h4>
                           <p class="card-text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
                           <a href="#" class="btn btn-primary">Button</a>
                        </div>
                     </div>
                  </div>
                  <div class="col-sm-3">
                     <div class="iq-card  iq-mb-3">
                        <img src="images/page-img/07.jpg" class="card-img-top" alt="#">
                        <div class="iq-card-body">
                           <h4 class="card-title">Card title</h4>
                           <p class="card-text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
                           <a href="#" class="btn btn-primary">Button</a>
                        </div>
                     </div>
                  </div>
                  <div class="col-sm-3">
                     <div class="iq-card  iq-mb-3">
                        <img src="images/page-img/07.jpg" class="card-img-top" alt="#">
                        <div class="iq-card-body">
                           <h4 class="card-title">Card title</h4>
                           <p class="card-text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
                           <a href="#" class="btn btn-primary">Button</a>
                        </div>
                     </div>
                  </div>
                  <div class="col-sm-3">
                     <div class="iq-card  iq-mb-3">
                        <img src="images/page-img/07.jpg" class="card-img-top" alt="#">
                        <div class="iq-card-body">
                           <h4 class="card-title">Card title</h4>
                           <p class="card-text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
                           <a href="#" class="btn btn-primary">Button</a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- Wrapper END -->
       <!-- Footer -->
       <?php include 'footer.php' ?>
      <!-- Optional JavaScript -->
      <!-- jQuery first, then Popper.js, then Bootstrap JS -->
      <script src="js/jquery.min.js"></script>
      <script src="js/popper.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!-- Appear JavaScript -->
      <script src="js/jquery.appear.js"></script>
      <!-- Countdown JavaScript -->
      <script src="js/countdown.min.js"></script>
      <!-- Counterup JavaScript -->
      <script src="js/waypoints.min.js"></script>
      <script src="js/jquery.counterup.min.js"></script>
      <!-- Wow JavaScript -->
      <script src="js/wow.min.js"></script>
      <!-- Apexcharts JavaScript -->
      <script src="js/apexcharts.js"></script>
      <!-- Slick JavaScript -->
      <script src="js/slick.min.js"></script>
      <!-- Select2 JavaScript -->
      <script src="js/select2.min.js"></script>
      <!-- Owl Carousel JavaScript -->
      <script src="js/owl.carousel.min.js"></script>
      <!-- Magnific Popup JavaScript -->
      <script src="js/jquery.magnific-popup.min.js"></script>
      <!-- Smooth Scrollbar JavaScript -->
      <script src="js/smooth-scrollbar.js"></script>
      <!-- lottie JavaScript -->
      <script src="js/lottie.js"></script>
      <!-- am core JavaScript -->
      <script src="js/core.js"></script>
      <!-- am charts JavaScript -->
      <script src="js/charts.js"></script>
      <!-- am animated JavaScript -->
      <script src="js/animated.js"></script>
      <!-- am kelly JavaScript -->
      <script src="js/kelly.js"></script>
      <!-- am maps JavaScript -->
      <script src="js/maps.js"></script>
      <!-- am worldLow JavaScript -->
      <script src="js/worldLow.js"></script>
      <!-- Style Customizer -->
      <script src="js/style-customizer.js"></script>
      <!-- Chart Custom JavaScript -->
      <script src="js/chart-custom.js"></script>
      <!-- Custom JavaScript -->
      <script src="js/custom.js"></script>
   </body>
</html>