<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="robots" content="noindex">
<title>ST25 Webserver</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<style>
a { color: #39a9dc; }
.bg-primary, .btn-primary { background-color: #002052 !important; border: none; }
.bg-info { background-color: #39a9dc !important; }
.bg-success { background-color: #a1c037 !important; }
.tooltip .tooltip-inner { background-color: #39a9dc !important; }
.tooltip .arrow:before { border-bottom-color: #39a9dc !important; }
.text-info { color: #39a9dc !important; }
.navbar-brand { padding-top: 0; padding-bottom: 0; line-height: 1.0; background-image: url(images/ST25_transparent.png); background-size: 40px 40px; background-repeat: no-repeat; padding-left: 50px; }
.navbar-brand small { font-size: 70%; }
.checked {
color: orange;
}
.modal-header-info {
color:#fff;
padding:9px 15px;
border-bottom:1px solid #eee;
background-color: #5bc0de;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
</style>
</head>
<body>
<base href=https://www.myst25.com/andef/>
<!-- Navigation + Header -->
<nav class="navbar navbar-expand-lg navbar-dark sticky-top bg-primary">
<div class="container">
<a class="navbar-brand" href="">
ST25 Webserver<br /><small class="font-weight-light">Simply more connected</small>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto w-100 justify-content-end">
<li class="nav-item active">
<a class="nav-link" href="">Home <span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<div class="row">
<!-- Tag Infos -->
<div class="col-lg-12 col-md-6 col-xs-12 mt-3">
<div class="d-flex p-2 bg-danger rounded text-white">
<div class="mr-2"><i class="fa fa-2x fa-exclamation-triangle mt-1"></i></div>
<small>
<span class="font-weight-light" style="opacity: 0.7">Your product seems</span><br />
<span class="font-weight-bold text-uppercase text-lg">URL Invalid</span>
</small>
</div>
</div>
<!-- <div class="w-100"></div> -->
<div class="col-lg-2 col-md-6 col-xs-12 mt-3">
<div class="d-flex p-2 rounded" data-toggle="tooltip" data-placement="bottom" title="custom Field">
<div class="mr-1"><img class="img-fluid mr-1 mt-1" src="images/icones/shopping_tray_light_green.png" style="width: 2em" alt=""></div>
<small>
<span class="font-weight-big">Custom Field</span><br />
<span class="font-weight-bold"><br></span>
</small>
</div>
</div>
<!-- <div class="w-100"></div> -->
<div class="col-lg-2 col-md-6 col-xs-12 mt-3">
<div class="d-flex p-2 rounded" data-toggle="tooltip" data-placement="bottom" title="Number of times information about this product has been requested">
<div class="mr-1"><img class="img-fluid mr-1 mt-1" src="images/icones/mobile_nfc_light_green.png" style="width: 2em" alt=""></div>
<small>
<span class="font-weight-big">Unique Tap Code</span><br />
<span class="font-weight-bold"></span>
</small>
</div>
</div><div class="col-md-12">
<h1 class="title mt-3 border-top pt-2"></h1>
</div>
<div class="col-md-8 mt-3">
<div class="media">
<img class="img-fluid img-responsive mr-3" style="max-width: 300px" src="images/products/" alt="">
<div class="media-body ">
<p></p>
<p>
<div id="cart-modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header modal-header-info">
<h4><i class="fas fa-shopping-cart glyphicon glyphicon-thumbs-up"></i> Cart</h4>
</div>
<div class="modal-body modal-body-info col-md-12">
<p class="text-center">Product successfully added in the cart</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info ml-auto" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer + Product Form -->
<footer class="small bg-dark pt-4 mt-3 text-white">
<!-- Footer Links -->
<div class="container text-center text-md-left">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-md-6 mt-md-0 mt-3">
<!-- Content -->
<h5><a class="text-uppercase text-muted" href="https://www.st.com/st25-demo">ST Microelectronics</a></h5>
<p>STMicroelectronics is a world leader in providing the semiconductor solutions that make a positive contribution to people’s lives, today and into the future.</p>
</div>
<!-- Grid column -->
<div class="col-md-2 offset-md-2 mb-md-0 mb-3">
<!-- Links -->
<h5 class="text-uppercase text-muted">Resellers</h5>
<ul class="list-unstyled">
<li>
<div id="product"><button type="button" class="btn btn-info btn" data-toggle="modal" data-target="#product-modal">Add New Product</button></div>
</li>
</ul>
</div>
<!-- Grid column -->
<div class="col-md-12">
<p class="pt-3 small text-secondary border-top border-secondary">ST25 ® is a trademark of ST Microelectronics.<br />All Rights Reserved © 2020 - ST Microelectronics</p>
</div>
</div>
<!-- Grid row -->
</div>
<!-- Footer Links -->
</footer>
<!-- Footer -->
<div id="product-modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header modal-header-info">
<!--<a class="close" data-dismiss="modal">×</a>-->
<h1><i class="glyphicon glyphicon-thumbs-up"></i>Product Infos</h1>
</div>
<form id="productForm" name="product" role="form" action="php/addProduct.php" method="post" enctype="multipart/form-data">
<input type="hidden" name="type" value="ndefST25TNCustom">
<div class="modal-body modal-body-info col-md-12">
<span style="color:red">All fields marked with * are required<br><br></span>
<div class="form-group ">
<label for="custom" data-toggle="tooltip" data-placement="bottom" title="Custom Field">Custom (8 ASCII characters)</label>
<span style="color:red"> *</span>
<input type="text" name="custom" class="form-control" value= maxlength="8" size="8">
</div>
<div class="form-group ">
<label for="counter" data-toggle="tooltip" data-placement="bottom" title="counter : if value is 111, please check that UTC is enabled">Tap Counter ⓘ </label>
<input type="text" name="counterURL" class="form-control" value= readonly >
<input type="hidden" name="counter" class="form-control" value= >
</div>
<div class="form-group">
<label for="name" data-toggle="tooltip" data-placement="bottom" title="Product Name">Name</label>
<input type="text" name="name" class="form-control" value="Name" >
</div>
<div class="form-group">
<label for="description" data-toggle="tooltip" data-placement="bottom" title="Product Description">Description</label>
<textarea name="description" class="form-control">For Validation Purpose</textarea>
</div>
<div class="form-group">
<label data-toggle="tooltip" data-placement="bottom" title="Product Image Name">Product Image Name</label>
<span style="color:red"> *</span>
<input type="file" id="btnfile" name="sentfile">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<input type="submit" class="btn btn-success" id="submit">
</div>
</form>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-filestyle.min.js"></script>
<script>
$('#btnfile').filestyle({
btnClass : 'btn-primary',
text : ' Select a File'
});
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
$(document).ready(function(){
$("#warranty-modal").modal('show');
});
</script>
</body>
</html>