<%- include("./static/dashheader") %>

<!-- Font Awesome -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

<!-- Google Fonts -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">

<!-- Bootstrap core CSS -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">

<!-- Material Design Bootstrap -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.0/css/mdb.min.css" rel="stylesheet">

<body>

<!-- Material input -->
<div class="jumbotron">
  <% if(fetchPre === "premium"){ %>
<div class="md-form">
<form>
 
  <input placeholder="Type a Color Name & Code with Uppercase" type="text" id="inputPlaceholderEx" class="form-control" name="logembedcolor">
   <label style="" id="nc" for="inputPlaceholderEx">Log Embed's Color! </label>


</div>
<!-- Material input -->
<br>
  
<div class="md-form">

  <input placeholder="Type a Color Name & Code With Uppercase" type="text" id="inputPlaceholderEx" class="form-control" name="menuembedcolor">

  <label for="inputPlaceholderEx">Menu Embed's</label>

</div>
  </div>
  <button type="button submit" class="btn btn-outline-success waves-effect ">Success</button>
  </form>
  <% } %>
  <% if(fetchPre == "free"){ %>
  <div class="jumbotron">
    <p>This Option Will Using Premium Member's</p>
    </div>
  <% } %>
</body>

<style>
  .md-form {
  height: 45px;
  width: 11px 1em;
  color: ;
  padding: 50px;
  background-color: ;
  text-align: center;
  size: 5;
  } 
bok {
  text-align: center;
  
  font-family: 'Roboto Condensed', sans-serif;
 } 
</style>


<!-- JQuery -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Bootstrap tooltips -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>

<!-- Bootstrap core JavaScript -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>

<!-- MDB core JavaScript -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.0/js/mdb.min.js"></script>