<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Domainster.com | Domain Details michelangelo.com</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <!-- Custom styles for this template-->
    <!-- <link href="css/domaininfo.css" rel="stylesheet"> -->
    <!-- <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&amp;display=swap" rel="stylesheet"> -->
    <link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
    
    <style>
        body{
            font-family: 'PT Sans', sans-serif;
            color: #333;
        }

        .primary-color{
            color: #c8c639;
        }

        .primary-link{
            color: #c8c639;
        }
        .primary-link:hover, .primary-link:focus{
            color: #c8c639;
        }
        .primary-link{
            color: #c8c639;
        }

        .primary-bg{
            background-color: #c8c639;
        }
        .gray-bg{
            background-color: #F3F3F3;
        }

        .secondary-bg{
            background-color: #333;  
        }


        .button {
            height: 44px;
            font-size: 18px;
            font-weight: 500;
            box-sizing: border-box;
            line-height: 1;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            background: #c8c639;
            color: #ffffff;
            border: 1px solid transparent;
            position: relative;
            z-index: 1;
            padding: 0 25px;
            overflow: hidden;
            border-radius: 5px;
        }

        .offer-form .single-input {
        margin-bottom: 25px;
        position: relative;
        }

        .offer-form .single-input label {
        display: block;
        font-weight: 500;
        color: #323450;
        margin-bottom: 12px;
        font-size: 0.9em;
        
        }

        .offer-form .single-input input, .offer-form .single-input textarea {
            width: 100%;
            border: 1px solid rgba(88, 89, 120, 0.5);
            line-height: 1;
            padding-right: 30px;
            padding-left: 30px;
            border-radius: 10px;
            /* background: transparent; */
            color: #585978;
        }
        .offer-form .single-input input {
            height: 55px;
        }

        .offer-form .single-input textarea {
            padding: 15px 20px;
            padding-right: 50px;
            resize: none;
        }

        .offer-form .single-input input:focus,.offer-form .single-input textarea:focus {
            border-color: #c8c639;
            outline: none;
        }

        .asterisk{
            color: red;
        }

        .text-upper{
            text-transform: uppercase;
        }
        .text-lower{
            text-transform: lowercase;
        }

    </style>
</head>
<body>

<nav class="navbar navbar-light bg-light py-3 mb-5">
    <div class="container d-flex justify-content-center justify-content-lg-between">
      <a class="navbar-brand me-0" href="#">
        <img src="/images/logo.svg" alt="logo" class="img-fluid"/>
      </a>
      <div>
        <p class="text-lg-end h4 primary-color text-center">Premium Brandable Domain Names<br><span class="h6 text-muted">Tel. 212-468-5527</span></p>
      </div>
    </div>
  </nav>

<div class="">
    <div class="container">
        <div class="mb-5">
            <div class="display-2 text-center primary-color mb-3">michelangelo.com</div>
            <div class="w-100">
                <img data-v-069db950="" class="d-block mx-auto" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAVCAYAAABYHP4bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD/SURBVHgBvdLLDYIwGAfw7+Mh147ACF4wmnDpCI7gZI7gCL2QaPTiCIzAFXnU1ggBpVBK9Z+06Sv9tckH8KcgWE7CorUf+Mc6r/c7ekl/AknEXXkMEYiYpjzntMGsQR9IkxazAimQHubAwkwgwDmQyq/Ioh9pIFnFSxrHt3sPOrNt6ATOCevisBGbthA5xy6CATIxDDlA5tYlVWFzkRbqIu1hBWaCvKAhRIWZIjKerAiXewQHykIskcrx2DWJ6KMAMEXed4mXJuKlOHKJ+JnsTJEW0sFU0UF6kAmmi3xBc7A5yCCkg81FlNAYZoKMQkOYKTIJdTE5NkW0IzHZYEGe/03uvm0x878AAAAASUVORK5CYII=">
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="mb-5">
                    <div class="h3">About</div>
                    <div class="display-6 text-muted">michelangelo.com</div>
    
                </div>
       
                <div class="row mb-4">
                    <div class="col-md-6">
                        <div class="h5">
                            Upper Case
                        </div>
                        <div class="h6 text-muted text-upper">
                            MICHELANGELO.COM
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="h5">
                            Lower Case
                        </div>
                        <div class="h6 text-muted text-lower">
                            michelangelo.com
                        </div>
                    </div>
                </div>
    
                <div class="mb-4">
                    <div class="h5">
                        Categories
                    </div>
                    <ul class="list-unstyled list-inline ">
                        <li class="badge rounded-pill list-inline-item primary-bg">
                            Tourism
                        </li>
                        <li class="badge rounded-pill list-inline-item primary-bg">
                            Business
                        </li>
                        <li class="badge rounded-pill list-inline-item primary-bg">
                            Travel
                        </li>
                        <li class="badge rounded-pill list-inline-item primary-bg">
                            Internet
                        </li>
                    </ul>
                </div>
    
                <div class="mb-4">
                    <div class="h5">
                        Keywords
                    </div>
                    <ul class="list-unstyled list-inline">
                        <li class="badge rounded-pill list-inline-item bg-light text-dark border">
                            Travel Tourism
                        </li>
                        <li class="badge rounded-pill list-inline-item bg-light text-dark border">
                            Airlines
                        </li>
                        <li class="badge rounded-pill list-inline-item bg-light text-dark border">
                            Airline
                        </li>
                    </ul>
                </div>
    
                <div class="mb-4 row">
                    <div class="col-md-4">
                        <div class="h5">
                            Registered
                        </div>
                        <div class="text-muted h6">
                            2001
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="h5">
                            Characters
                        </div>
                        <div class="text-muted h6">
                            <16>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="h5">
                            Extension
                        </div>
                        <div class="text-muted h6">
                            .com
                        </div>
                    </div>
                </div>
    
                <div class="mb-4">
                    <div class="h5">
                        Sample URL
                    </div>
                    <div class="h6 text-muted">
                      michelangelo.com
                    </div>
                </div>
    
                <div class="mb-4">
                    <div class="h5">
                        Sample Email
                    </div>
                    <div class="h6 text-muted">
                        info@michelangelo.com
                    </div>
                </div>
    
                <div class="mb-4">
                    <div class="h5">
                        Potential Usage
                    </div>
                    <div class="h6 text-muted">
                        Travel, Tourism
                        <br/><br/>
                        Without a doubt...This is one of the rarest domain assets available today. This domain name is in a
                        class by itself! It can become the new destination of a university, a new branding direction of an
                        airline, a bank, a casino, a catchy new brand or the limitless possibilities as an incredibly
                        memorable abbreviation of an existing business or other name. Don't miss this rare opportunity,
                        because once this exceptional domain name asset is gone, it will be off the market forever!
                    </div>
                </div>
    
                <div class="mb-5">
                    <div class="h5">
                        Contact
                    </div>
                    <div class="h6 text-muted">
                        <!-- Tel. 212-468-5527<br/> -->
                        Email: info@domainster.com
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
            
  
                <div class="card px-md-4 px-3 bg-light pb-5 pt-4 rounded-3 mb-5">
                    <div class="h3 mb-4">
                        Make an Offer
                    </div>
                  <form action="#" id="myForm" class="offer-form">
                        <div class="row">
                            <div class="single-input col-sm-6">
                                <div class="w-100">
                                    <label>Full Name: <span class="asterisk">*</span></label>
                                </div>
                                <div class="w-100">
                                    <input class="w-100" type="text" value="" id="name" onkeyup="checkName()"/>
                                    <div class="text-danger" style="display: none;">Please enter your name</div>
                                </div>
                            </div>
        
                            <div class="single-input col-sm-6">
                                <div class="w-100">
                                    <label>Your offer, $: <span class="asterisk">*</span></label>
                                </div>
                                <div class="w-100">
                                    <input class="w-100" type="text" maxlength="8" value="" id="offer" placeholder="$ 0"
                                            onkeyup="amtChange()"/>
                                </div>
                            </div>
                        </div>
          
                        <div class="row">
                            <div class="single-input col-sm-6">
                                <div class="w-100">
                                    <label>Email address: <span class="asterisk">*</span></label>
                                </div>
                                <div class="w-100">
                                    <input class="w-100" type="text" value="" id="email" onkeyup="emailCheck()"
                                           placeholder=""/>
                                    <div class="text-danger" style="display: none;">The email address is required
                                    </div>
                                </div>
                            </div>
    
                            <div class="single-input col-sm-6">
                                <div class="w-100">
                                    <label>Phone number: </label>
                                </div>
                                <div class="w-100">
                                    <input class="w-100" type="text" id="phone" value="" placeholder=""/>
                                </div>
                            </div>
                        </div>
          
                        <div class="single-input">
                            <label for="message">Message</label>
                            <textarea name="message" id="message" class="form-input" placeholder="Message" rows="6"></textarea>
                            <i class="lni lni-comments-alt"></i>
                          </div>
    
                            <div class="w-100" id="submitbutton">
                                <input id="btnSend" class="button" name="SEND" type="submit" value="Submit">
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="secondary-bg py-5">
        <div class="container">
            <div class="text-white row justify-content-between">
                <div class="col-lg-4 col-md-6 mb-4">
                    <img src="/images/logo-white.png"/><br/>
                    Domainster specializes in creating professional domain names for your new business and projects. Our designs
                    are really creative and unique! Find eye- catching, unique and memorable design for your business.
                </div>
                <div class="col-lg-3 col-md-4">
                    <div class="h5">GET IN TOUCH</div>
                    <div class="footer-links">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB1ZNRDcMwDERPQzAIHYNCKIQx2BisDFYGozAmgTAIgdAx8K6SJ6VW1TRxf/qk+6gqX+6sBDgUIvKgRupDNfBAg6fMCfCgySw3FHLK/L+glqmiSRdde+Rwbww7VJBWflPf5LuDl4WULbyYXfr2qIaNGu1q2pp7GdP6euhQdE8XTCde1NU02P5M1TRKnu3PVOuFjOGIUjh0X0k7oAYOntU4/JNRPQ7FDwEzcTTdSPdzAAAAAElFTkSuQmCC"
                             alt="">
                        <span class="footer-links-text">212-468-5527</span>
                    </div>
                    <div class="footer-links">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADcSURBVHgB5ZThDYIwEIWvxAEYATdwA3ECdQJhAuMGuAEbWDdwA3UC4wQwghvUd3qYpinYID9MeMlLG3r39e4CEI1OqtkYY7ZYZtRPF6XUkSxYan5XyqxImImsNbxSgULsQnI+jMgpPYZPuO0AJ9QinMWwxvbsnrnAHZzDKQcjaeOB8awreCnx+y4goRMtrVxhDcCNqxVzRSV3AU8RW36rsIHWcIbtmt5jqMQJX4azHH74cifUISRxJTzTQh6VbaAgoAUuKFARDaz/B7405Kdn/xwyLHPqp7vvnRyJnnZR0OEEvkJlAAAAAElFTkSuQmCC"
                             alt="">
                        <span class="footer-links-text">info@domainster.com</span>
                    </div>
                    <div class="footer-links">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEiSURBVHgBrZSNEYIwDIWD5wCM0BEcgRHcADbRDXQDdQJHQDdgg+IEZYOYYDgCNoA/7+5djzZ8Tdu0AH9WMheAiBtq2A25TpKkgk9FkJS8Iwd8lyefyG4pLDNAMXC2BDannFwIEE0oL0EFWRmV5FTFB3EaA54nYGgksZXhfWzQT/CuYG9TyVmOOzfdTJFMT9El9f8eJY5LC1bS76TlOiuovah/7tTXgK2uLlvgWj4GGTBUti3nMVQ1R2O1AQ46w8Esopu0B7LvLHutE3DSPgZ4Of5SfU/VZKHi2klgLDkQ1lb1FQawxL7A24OLAVPsC9UtgHbyaN1rtUwOykfLspTBlATqFXiP8ccizMIUlO/p2cgsyCTRYl/6wDp41Wr11QP7i57zcHgk9wBbyQAAAABJRU5ErkJggg=="
                             alt="">
                        <span class="footer-links-text">www.domainster.com</span>
                    </div>
                </div>
            </div>
    
        </div>
    </div>
    <div class="bg-dark py-2">
        <div class="container">
            <div class="text-white small text-center">
                © Copyright 2017-2021 <a href="http://www.domainster.com" class="primary-link">Domainster LLC</a>. All Rights Reserved.
            </div>

        </div>
    </div>

</div>
</body>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

<script>

var tmName = 0;
var tmAmt = 0;
var tmStart = 0;

function blockAllBut (that) {
  let fields = [ 'name', 'offer', 'email', 'phone', 'message', 'btnSend' ];
  
  fields.forEach (field => {
    if (field !== that) document.getElementById (field).disabled = true;    
  });
  document.getElementById (that).disabled = false;
  document.getElementById (that).nextElementSibling.style.display = 'block';
  document.getElementById(that).focus ();
}

function allowAll () {
  let fields = [ 'name', 'offer', 'email', 'phone', 'message', 'btnSend' ];
  
  fields.forEach (field => {
    document.getElementById (field).disabled = false;    
  });
}


function checkName () {
  var name = document.getElementById ('name').value;
  tmName = Date.now();

  if (name.trim() == "x") {
    document.getElementById ('name').value = "John Doe";
    document.getElementById ('offer').value = "$999,999";
    document.getElementById ('email').value = "not@serious.com";
    document.getElementById ('phone').value = "555-555-5555";
    document.getElementById ('message').value = "It seems you are not serious. \nWe have blocked your IP address";
  }

  if (name.trim () == "") {
    blockAllBut ('name');
  } else {
    allowAll ();
  }
}

function amtChange () {
  var amt = document.getElementById ('offer').value;
  tmAmt = Date.now ();

  if (amt !== "") {
    amt = amt.replace("$", "");
    amt = amt.replace(",", "");
    amt = amt.replace(/[[]&]+/g, '');

    let amount = parseFloat (amt);
    document.getElementById ('offer').value = Intl.NumberFormat ('en-US', {
      style: 'currency',
      currency: 'USD',
      minimumFractionDigits: 0
    }).format (amount);
  }

  let amount = document.getElementById ('offer').value;

  if (amount < 1) { 
    document.getElementById('offer').disabled = true;
    document.getElementById('email').disabled = true;
    document.getElementById('phone').disabled = true;
    document.getElementById('message').disabled = true;
    document.getElementById('btnSend').disabled = true;
    
    document.getElementById ("offer").focus ();
  } else {
    document.getElementById('offer').disabled = false;
    document.getElementById('email').disabled = false;
    document.getElementById('phone').disabled = false;
    document.getElementById('message').disabled = false;
    document.getElementById('btnSend').disabled = false;
  }

  document.getElementById('name').nextElementSibling.style.display = 'block';
}

function emailCheck () {
  var email = document.getElementById ('email').value.trim();

  if (validateEmail(email)) {
    document.getElementById('phone').disabled = false;
    document.getElementById('message').disabled = false;
    document.getElementById('btnSend').disabled = false;
    document.getElementById('email').nextElementSibling.style.display = 'none';
  } else {
    document.getElementById('phone').disabled = true;
    document.getElementById('message').disabled = true;
    document.getElementById('btnSend').disabled = true;
    document.getElementById('email').nextElementSibling.style.display = 'block';
  }
}

function validateEmail (mail) {
  if (/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/.test(mail)) {
    return (true)
  } else {
    return (false);
  }
}

document.addEventListener('DOMContentLoaded', () => {
  document.getElementById('btnSend').addEventListener ("click", e => {
    ev.preventDefault ();
    tmStart = Date.now();
    document.getElementById("submitbutton").innerHTML =
      '<input id="btnSend" class="send-btn" name="SEND" type="submit" value="sending ...">';
    document.getElementById ('btnSend').disabled = true;

    data = { req: "domain.inquiry", secret: "xxxxx", domain: 'michelangelo.com' }

    data.name = document.getElementById ('name').value.trim();
    data.email = document.getElementById ('email').value.trim();
    data.phone = document.getElementById ('phone').value.trim();
    data.offer = document.getElementById ('offer').value.trim();
    data.message = document.getElementById ('message').value.trim();
    data.code = 'DB0i-Hmy-APN-R79-7K';
    data.tmname = tmName;
    data.tmamt = tmAmt;
    data.tmstart = tmStart;

console.log (data);

    var xhr = new XMLHttpRequest();
    xhr.open ('POST', window.location.href, true);
    xhr.onerror = function () {
      alert ("** An error occurred during the transaction");
    };

    xhr.setRequestHeader ('Content-Type', 'application/json', true);
    xhr.send (JSON.stringify (data));

    xhr.onreadystatechange = function () {
      if (this.readyState === 1) document.getElementById("submitbutton").innerHTML =
        '<input id="btnSend" class="send-btn" name="SEND" type="submit" value="sending .•...">';
      if (this.readyState === 2) document.getElementById("submitbutton").innerHTML =
        '<input id="btnSend" class="send-btn" name="SEND" type="submit" value="sending ..•..">';
      if (this.readyState === 3) document.getElementById("submitbutton").innerHTML =
        '<input id="btnSend" class="send-btn" name="SEND" type="submit" value="sending ...•.">';

      if (this.readyState === 4) {
        let response = JSON.parse (this.response);
        document.getElementById ("submitbutton").innerHTML =
          '<input id="btnSend" class="send-btn" name="SEND" type="submit" value="Sent ✓">';

        if (response.redirect == undefined) {
          setTimeout(() => {
            window.location.href = "/thankyou";
          }, 12500);
        } else {
          window.location.href = response.redirect;
        }
      }
    }
  });
});

function cleanMessage (reqMessage) {
// eliminate non printable characters
var msg = ''; // build 'message' excluding non printable characters
  for (var i = 0; i < reqMessage.length; i++) {
    if (reqMessage[i] >= ' ') Message = Message + reqMessage[i];
    if (reqMessage[i] == '\n') Message = Message + ' ';
  }
  for (var i = 0; i < 15; i++) {
    //delete double spaces
    Message = Message.replace('  ', ' ');
  }
  return msg;
}

</script>
</html>
