104.154.228.71

{
  "22": {
    "ssh": {
      "v2": {
        "key_exchange": {
          "curve25519_sha256_params": {
            "server_public": "ds4l3ax7l6dtOdG2pMUF8WvYAvGbtWxINi6BvxKvlXY="
          }
        }, 
        "support": {
          "host_key_algorithms": [
            "ssh-rsa", 
            "rsa-sha2-512", 
            "rsa-sha2-256", 
            "ecdsa-sha2-nistp256", 
            "ssh-ed25519"
          ], 
          "first_kex_follows": false, 
          "client_to_server": {
            "ciphers": [
              "[email protected]", 
              "aes128-ctr", 
              "aes192-ctr", 
              "aes256-ctr", 
              "[email protected]", 
              "[email protected]"
            ], 
            "macs": [
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "hmac-sha2-256", 
              "hmac-sha2-512", 
              "hmac-sha1"
            ], 
            "compressions": [
              "none", 
              "[email protected]"
            ]
          }, 
          "kex_algorithms": [
            "curve25519-sha256", 
            "[email protected]", 
            "ecdh-sha2-nistp256", 
            "ecdh-sha2-nistp384", 
            "ecdh-sha2-nistp521", 
            "diffie-hellman-group-exchange-sha256", 
            "diffie-hellman-group16-sha512", 
            "diffie-hellman-group18-sha512", 
            "diffie-hellman-group14-sha256", 
            "diffie-hellman-group14-sha1"
          ], 
          "server_to_client": {
            "ciphers": [
              "[email protected]", 
              "aes128-ctr", 
              "aes192-ctr", 
              "aes256-ctr", 
              "[email protected]", 
              "[email protected]"
            ], 
            "macs": [
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "[email protected]", 
              "hmac-sha2-256", 
              "hmac-sha2-512", 
              "hmac-sha1"
            ], 
            "compressions": [
              "none", 
              "[email protected]"
            ]
          }
        }, 
        "selected": {
          "host_key_algorithm": "ecdsa-sha2-nistp256", 
          "server_to_client": {
            "mac": "hmac-sha2-256", 
            "cipher": "aes128-ctr", 
            "compression": "none"
          }, 
          "client_to_server": {
            "mac": "hmac-sha2-256", 
            "cipher": "aes128-ctr", 
            "compression": "none"
          }, 
          "kex_algorithm": "[email protected]"
        }, 
        "server_host_key": {
          "fingerprint_sha256": "f25925bc7b59b94494c2f24eb28ac9a8ca5a454004c6f468d0c49717eda3dce5", 
          "key_algorithm": "ecdsa-sha2-nistp256", 
          "ecdsa_public_key": {
            "b": "WsY12Ko6k+ez671VdpiGvGUdBrDMU7D2O848PifSYEs=", 
            "curve": "P-256", 
            "gy": "T+NC4v4af5uO5+tKfA+eFivOM1drMV7Oy7ZAaDe/UfU=", 
            "n": "/////wAAAAD//////////7zm+q2nF56E87nKwvxjJVE=", 
            "p": "/////wAAAAEAAAAAAAAAAAAAAAD///////////////8=", 
            "length": 256, 
            "y": "8P123LeD3o8iZjBxLGPvI4ooENRfrNTym1+BysEPf58=", 
            "x": "nJo4iJdLfh4VZAwOuM4tZtl6q+q/BUuwrqW5N7ONyGQ=", 
            "gx": "axfR8uEsQkf4vOblY6RA8ncDfYEt6zOg9KE5RdiYwpY="
          }
        }, 
        "banner": {
          "comment": "Ubuntu-4ubuntu0.3", 
          "raw": "SSH-2.0-OpenSSH_7.6p1 Ubuntu-4ubuntu0.3", 
          "version": "2.0", 
          "software": "OpenSSH_7.6p1"
        }, 
        "metadata": {
          "product": "OpenSSH", 
          "version": "7.6p1", 
          "description": "OpenSSH 7.6p1"
        }
      }
    }
  }, 
  "tags": [
    "http", 
    "ssh", 
    "https"
  ], 
  "443": {
    "https": {
      "tls": {
        "server_key_exchange": {
          "ecdh_params": {
            "curve_id": {
              "id": 23, 
              "name": "secp256r1"
            }
          }
        }, 
        "certificate": {
          "parsed": {
            "fingerprint_sha1": "2eaaa0922128369b080d987588438b1551a9ecba", 
            "tbs_noct_fingerprint": "50b72ae2e393340f85eed6d4f00a15d36d9bea8cb71565ac931cea822b7d7b54", 
            "subject_dn": "CN=bluecoltan.com", 
            "issuer": {
              "common_name": [
                "R3"
              ], 
              "country": [
                "US"
              ], 
              "organization": [
                "Let's Encrypt"
              ]
            }, 
            "tbs_fingerprint": "e7631526c6c6e131a72462c5e8c3cc35c9fed74474bdc24b7ec582375898131e", 
            "redacted": false, 
            "validation_level": "DV", 
            "issuer_dn": "C=US, O=Let's Encrypt, CN=R3", 
            "fingerprint_sha256": "dc45b1d75d3460788cdc2e033ad4efd435ebcf40c6a90c3299c53f4166551beb", 
            "version": 3, 
            "extensions": {
              "authority_key_id": "142eb317b75856cbae500940e61faf9d8b14c2c6", 
              "certificate_policies": [
                {
                  "id": "2.23.140.1.2.1"
                }, 
                {
                  "cps": [
                    "http://cps.letsencrypt.org"
                  ], 
                  "id": "1.3.6.1.4.1.44947.1.1.1"
                }
              ], 
              "authority_info_access": {
                "ocsp_urls": [
                  "http://r3.o.lencr.org"
                ], 
                "issuer_urls": [
                  "http://r3.i.lencr.org/"
                ]
              }, 
              "extended_key_usage": {
                "client_auth": true, 
                "server_auth": true
              }, 
              "subject_alt_name": {
                "dns_names": [
                  "bluecoltan.com", 
                  "strapi.bluecoltan.com", 
                  "www.bluecoltan.com", 
                  "zenearth.bluecoltan.com"
                ]
              }, 
              "basic_constraints": {
                "is_ca": false
              }, 
              "key_usage": {
                "key_encipherment": true, 
                "digital_signature": true, 
                "value": 5
              }, 
              "signed_certificate_timestamps": [
                {
                  "log_id": "XNxDkv7mq0VEsV6a1FbmEDf71fpH3KFzlLJe5vbHDso=", 
                  "timestamp": 1621695964, 
                  "version": 0, 
                  "signature": "BAMARzBFAiAg8csQV2RoLcbY9sSJk/djTsJjHFgsFFmlU211xdHw0gIhAN6oSr7M92zJDBSFd/3h2JaJn19O99GjL0Tgd7zh48vo"
                }, 
                {
                  "log_id": "9lyUL9F3MCIUVBgIMJRWjuNNExkzv98MLyALzE7xZOM=", 
                  "timestamp": 1621695964, 
                  "version": 0, 
                  "signature": "BAMARzBFAiB9kRy+NP9TU1RHRXFZugwWqvcJv27zypnajoVAFRvCtgIhAIKTq0Ue63axYIHjaX3l1yjjGcZp0KoguT5yeHumGBUE"
                }
              ], 
              "subject_key_id": "d8e2416d222b0ba6ad667aa4fbde8688b9e956dd"
            }, 
            "names": [
              "bluecoltan.com", 
              "strapi.bluecoltan.com", 
              "www.bluecoltan.com", 
              "zenearth.bluecoltan.com"
            ], 
            "signature_algorithm": {
              "oid": "1.2.840.113549.1.1.11", 
              "name": "SHA256WithRSA"
            }, 
            "validity": {
              "start": "2021-05-22T14:06:04Z", 
              "length": 7776000, 
              "end": "2021-08-20T14:06:04Z"
            }, 
            "serial_number": "352578910994680268310458719012587723179667", 
            "fingerprint_md5": "e0e78e76da0c81982aab6772f96dd42e", 
            "subject_key_info": {
              "fingerprint_sha256": "33b932cdc8056458219143432a7e70cb5187d52bbe787633267822d150b871be", 
              "key_algorithm": {
                "name": "RSA"
              }, 
              "rsa_public_key": {
                "length": 2048, 
                "modulus": "lK7FP9oAHg0ASQXMUnMtbJ4x/nIxxdXuY0DpGMMMY/83xT+F1OX3CaJoanveIto2gsVG/zqadlwUvdHjz2C4A+s3cT3whLmJYKgERQpD8foGG0Cf8wkjAXoHdQholYmZ2WYQ4ETYm8UJVDR82nAvG8XXg7Kq42gg3MlxBboeEql1aZ1MILU6SbZxj+nBMwrrDqLP3IglW/P25VV0ngaJAx7MTss1rvf6UhC6E61TweNgBciFdvD9rxFLV1vZYY1t1vBXSUlrkBaNR0hcF/OmuDi7Wpje/scpQX5Am4JrpKTpHxYUKnO260bMXR/+SjHM90AI60DbFipvIqNnbHa/KQ==", 
                "exponent": 65537
              }
            }, 
            "signature": {
              "self_signed": false, 
              "valid": true, 
              "value": "J0HdMNm9o619VxgD8BO2hcCDGZE2XSQ05zFoSjSQeRngIYW+vveOZt6pNXUC8W2dtts/swSUrfH6oKG7o9djUV2d5p0s5L3hWQXOK3hXljyJuwza2bbHOUQsVSP3VVP/AL8ekqmZuh9/nzSa2x86MR7hWVJp99DX7xMMD14ooqnwKZBXbxYF8iUw92ZzrEg9BWWnr9hoDfwjUsvGvv9wzAKwji0Ct/Lm83ShUlWzF74SN0nydCRIZ6CoE1lYl/WPMxi4Uuu+bm9DB+D2h7il2UxPCWyzwsOU7l5Q7O58viVqY2BmuevAuMNP/cU9dqjWL3svok83lqsZL6TY+GV0xA==", 
              "signature_algorithm": {
                "oid": "1.2.840.113549.1.1.11", 
                "name": "SHA256WithRSA"
              }
            }, 
            "spki_subject_fingerprint": "25b1ef30cdacc6843394466468e88f5aa3f35b87523e155f80f206f5f017d822", 
            "subject": {
              "common_name": [
                "bluecoltan.com"
              ]
            }
          }
        }, 
        "chain": [
          {
            "parsed": {
              "fingerprint_sha1": "a053375bfe84e8b748782c7cee15827a6af5a405", 
              "tbs_noct_fingerprint": "444ebd67bb83f8807b3921e938ac9178b882bd50aadb11231f044cf5f08df7ce", 
              "subject_dn": "C=US, O=Let's Encrypt, CN=R3", 
              "issuer": {
                "common_name": [
                  "ISRG Root X1"
                ], 
                "country": [
                  "US"
                ], 
                "organization": [
                  "Internet Security Research Group"
                ]
              }, 
              "tbs_fingerprint": "444ebd67bb83f8807b3921e938ac9178b882bd50aadb11231f044cf5f08df7ce", 
              "redacted": false, 
              "validation_level": "DV", 
              "issuer_dn": "C=US, O=Internet Security Research Group, CN=ISRG Root X1", 
              "fingerprint_sha256": "67add1166b020ae61b8f5fc96813c04c2aa589960796865572a3c7e737613dfd", 
              "version": 3, 
              "extensions": {
                "authority_key_id": "79b459e67bb6e5e40173800888c81a58f6e99b6e", 
                "certificate_policies": [
                  {
                    "id": "2.23.140.1.2.1"
                  }, 
                  {
                    "id": "1.3.6.1.4.1.44947.1.1.1"
                  }
                ], 
                "extended_key_usage": {
                  "client_auth": true, 
                  "server_auth": true
                }, 
                "authority_info_access": {
                  "issuer_urls": [
                    "http://x1.i.lencr.org/"
                  ]
                }, 
                "basic_constraints": {
                  "max_path_len": 0, 
                  "is_ca": true
                }, 
                "crl_distribution_points": [
                  "http://x1.c.lencr.org/"
                ], 
                "key_usage": {
                  "certificate_sign": true, 
                  "crl_sign": true, 
                  "digital_signature": true, 
                  "value": 97
                }, 
                "subject_key_id": "142eb317b75856cbae500940e61faf9d8b14c2c6"
              }, 
              "validity": {
                "start": "2020-09-04T00:00:00Z", 
                "length": 158774400, 
                "end": "2025-09-15T16:00:00Z"
              }, 
              "signature_algorithm": {
                "oid": "1.2.840.113549.1.1.11", 
                "name": "SHA256WithRSA"
              }, 
              "serial_number": "192961496339968674994309121183282847578", 
              "fingerprint_md5": "e829e65d7c4307d6fbc13c179e037a36", 
              "subject_key_info": {
                "fingerprint_sha256": "8d02536c887482bc34ff54e41d2ba659bf85b341a0a20afadb5813dcfbcf286d", 
                "key_algorithm": {
                  "name": "RSA"
                }, 
                "rsa_public_key": {
                  "length": 2048, 
                  "modulus": "uwIVKMz2oJTTDxLsjVWSw/iC8ZmmekKIp10mqrUrucVMsa+Oa/l1yKPXD0eUFFU1V4yeqKI5GfWCPEKpTm71O8Mu243AsFzzWTjn7c9p8FoLG77AlCQlh/o3cbMT5xys4Zvv2+Q7RVJFlqnBU840yFLuta7tj95gcOKlVKu2bQ6XpUA0ayvTvGbrZjR8+muLj1cpmfgwF126cm/7gcWt0oZYPRfH5wm78Sv3htzB2nFd1EbjzK0lwYi8YGd1ZrPxGPeiXOZT/zqItkel/xMY6pgJdz+dU/nPAeX1pnAXFK9jpP+Zs5Od3FOnBv5IhR2haa4ldbsTzFID9e1RoYvbFQ==", 
                  "exponent": 65537
                }
              }, 
              "signature": {
                "self_signed": false, 
                "valid": true, 
                "value": "hcpORz6j94VEhbzVZ3iymGOtdU0elj0zZXJULYGg6sPt+CC/X8y3cAC3bjv2XpTe5CCfpu+LsgPnorUWPJHOtO05Aud8JYpH5mVuP0b02fDOlCvuVM4SvIwnS7jBmC+ir81xkUoIt8i4I3sELQj5CFc+g9kEMwpHIXgJgifDKsibuc5c8mTIwL55wE+ObUQMXpK7LveLEOHoHUQp21kg7WO5IfgSJpSTV6AdZQTBCiKuEA1Dl6EYH37g4IY3tVqxvTC/h24rKv8hThsFw/UYl/BerMOluGrwLrw7M7nuS97M/OSvhAuGP8BVQzb2aOE2F2qOmdH/pUCnNLfA0GM5NTl1bvK6dsiTAumpS2wXzgwC2b2B+5+3aNQGZbOCPXdT+I55A60KMQd1KkPYVZdyxCkO98RdTsiuRoQw1/KFXxihebvnXnCLB+GGk8O5j9xhcSUqr9/tJVBSaIuS3OXWtePafdCHbIQhMa6C9fu5q8iJFz3hTOU4Dva9K72WgRTr1ds9IKd+WdPi+Fj5W7hIzf5cTxYp/h5VI6/IEbCN6nyTkBcv/ayiCUdGP/DpsLf/KE1oMtZnXh5po5O49Z2LLwvSUkOmbzJXZU0ygd84U4Vdfl1mKeq43eSVtc21VhJCzcROxiU4RFBt7M4AVRj+6Ulk1E7Kl5y0W8BzqKu4R8I=", 
                "signature_algorithm": {
                  "oid": "1.2.840.113549.1.1.11", 
                  "name": "SHA256WithRSA"
                }
              }, 
              "spki_subject_fingerprint": "390bc358202771a65e7be7a87924d7f2a079de04feb5ffd4163fae4fbf9b11e9", 
              "subject": {
                "common_name": [
                  "R3"
                ], 
                "country": [
                  "US"
                ], 
                "organization": [
                  "Let's Encrypt"
                ]
              }
            }
          }, 
          {
            "parsed": {
              "fingerprint_sha1": "933c6ddee95c9c41a40f9f50493d82be03ad87bf", 
              "tbs_noct_fingerprint": "11b102e6b1f63e528984d6025f32b138241fc88bbd7519574d70c9832d53e1e8", 
              "subject_dn": "C=US, O=Internet Security Research Group, CN=ISRG Root X1", 
              "issuer": {
                "common_name": [
                  "DST Root CA X3"
                ], 
                "organization": [
                  "Digital Signature Trust Co."
                ]
              }, 
              "tbs_fingerprint": "11b102e6b1f63e528984d6025f32b138241fc88bbd7519574d70c9832d53e1e8", 
              "redacted": false, 
              "validation_level": "DV", 
              "issuer_dn": "O=Digital Signature Trust Co., CN=DST Root CA X3", 
              "fingerprint_sha256": "6d99fb265eb1c5b3744765fcbc648f3cd8e1bffafdc4c2f99b9d47cf7ff1c24f", 
              "version": 3, 
              "extensions": {
                "authority_key_id": "c4a7b1a47b2c71fadbe14b9075ffc41560858910", 
                "certificate_policies": [
                  {
                    "id": "2.23.140.1.2.1"
                  }, 
                  {
                    "cps": [
                      "http://cps.root-x1.letsencrypt.org"
                    ], 
                    "id": "1.3.6.1.4.1.44947.1.1.1"
                  }
                ], 
                "authority_info_access": {
                  "issuer_urls": [
                    "http://apps.identrust.com/roots/dstrootcax3.p7c"
                  ]
                }, 
                "basic_constraints": {
                  "is_ca": true
                }, 
                "crl_distribution_points": [
                  "http://crl.identrust.com/DSTROOTCAX3CRL.crl"
                ], 
                "key_usage": {
                  "certificate_sign": true, 
                  "crl_sign": true, 
                  "value": 96
                }, 
                "subject_key_id": "79b459e67bb6e5e40173800888c81a58f6e99b6e"
              }, 
              "validity": {
                "start": "2021-01-20T19:14:03Z", 
                "length": 116550000, 
                "end": "2024-09-30T18:14:03Z"
              }, 
              "signature_algorithm": {
                "oid": "1.2.840.113549.1.1.11", 
                "name": "SHA256WithRSA"
              }, 
              "serial_number": "85078200265644417569109389142156118711", 
              "fingerprint_md5": "c1e1ff07f9f688498274d1a18053eabf", 
              "subject_key_info": {
                "fingerprint_sha256": "0b9fa5a59eed715c26c1020c711b4f6ec42d58b0015e14337a39dad301c5afc3", 
                "key_algorithm": {
                  "name": "RSA"
                }, 
                "rsa_public_key": {
                  "length": 4096, 
                  "modulus": "regkc/QUN/ObnitXKByHvty33ziQjG485legePd1wqL+9Wpu9gBPKNveaIZsRJO2sWP9FBJrvx/S6jGbIX7RMzy6SPXded+zuP8S8SGaS8GKhnFpSmZmbI9+PHC/rSkiBvPkwOaAruJLj7eZfpQDn9NHl3yZSCNT6DiuTwpvgy7RSVeMgHS22i/QOI17A3AhG3XyMDz6j67d2mOr6xZPwo4RS37PC+j/tXcu9LJ7SuBMEiUMcI0DKaDhUyTsE9nuGb8Qs0qMP4mjYVHerIcHlPRjcewu4m9bmIHhiVw0eWx27zuQYnnm26SaLybF0BDhDt7ZEI4W+7f3qPfH5QIHmI82CJXn4jeWDTZ1nvsOcrEdm7wD+UkF2IHdBbQq1kHprAF2lQoP2N/VvRIfNS8oF2zSmMGoCWR3bkc3us6sWV5onX9y1onFBkEpPlk+3Sb1JMkRp1qjTEAfRqGZtac6UW6GO559cqcSBXhZ7T5ReBULA4+N0C8Fsj57ShxLcwUS/Mbq4FATfEOTdLPKdOeOHwEI0DDUW3E2tAe6wTAwXEi3gjuYpn1giqKjKYLMur2DBBuigwNBodYF8RvCtvCofIY7RqhIKojcdpp2vx9qpT0Zj+s482TeyCsNCij/99viFULUItAnXeF5/hjncIitTubZizrG3SdRbv+8ZPUzQ08=", 
                  "exponent": 65537
                }
              }, 
              "signature": {
                "self_signed": false, 
                "valid": true, 
                "value": "CnMAbJZu/w5S0K7djOdaBq0vqOOPv8kKAxVQwuVsQrtvm/S0T8JEiAh1zOsHmxRibnje7Ce6OVz1oqFuVpRwEFOxu+Sv0KLDKwHUlvTFIDUz+dhhNuBxjbS4taqCRZXA8qkjKOfWoctnCNqgQyyqG5Mfyd71q2ldE/Vbhlgiyk1V5HBnbcJXxUY5Qc+KWINYbZn+V+g2DvAOI6r9iJfQ41wOlEm1tRc10i6/ToXvGOCFkusGO2wpIwlg3EUCTBIYO+n7Dt7cRPhYmK7qvUVFoYhdZsr+EOlvgsgRQg376ezjhgDenRDjOPqkfbHY6EmChAabK+hrTwEMOHcu+d3nOQ==", 
                "signature_algorithm": {
                  "oid": "1.2.840.113549.1.1.11", 
                  "name": "SHA256WithRSA"
                }
              }, 
              "spki_subject_fingerprint": "2f954585d17b4ccb9099d782ea51c9afad37766e505ba5e8d4f1b671fb40a58f", 
              "subject": {
                "common_name": [
                  "ISRG Root X1"
                ], 
                "country": [
                  "US"
                ], 
                "organization": [
                  "Internet Security Research Group"
                ]
              }
            }
          }
        ], 
        "metadata": {}, 
        "cipher_suite": {
          "id": "0xCCA8", 
          "name": "TLS_ECDHE_RSA_WITH_CHACHA20_POLY1305_SHA256"
        }, 
        "version": "TLSv1.2", 
        "session_ticket": {
          "length": 176, 
          "lifetime_hint": 300
        }, 
        "signature": {
          "hash_algorithm": "sha256", 
          "valid": true, 
          "signature_algorithm": "rsa"
        }, 
        "validation": {
          "browser_trusted": true
        }, 
        "ocsp_stapling": false
      }, 
      "dhe_export": {
        "support": false, 
        "metadata": {}
      }, 
      "get": {
        "body": "<!DOCTYPE html>\n<html dir=\"ltr\" lang=\"en-US\">\n\n<head>\n\n    <meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\" />\n    <meta name=\"author\" content=\"SemiColonWeb\" />\n\n    <!-- Stylesheets\n\t============================================= -->\n    <link href=\"http://fonts.googleapis.com/css?family=Roboto:300,400,400i,700|Istok+Web:400,700\" rel=\"stylesheet\" type=\"text/css\" />\n    <link rel=\"stylesheet\" href=\"css/bootstrap.css\" type=\"text/css\" />\n    <link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\" />\n    <link rel=\"shortcut icon\" href=\"favicon.ico\" type=\"image/x-icon\">\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image/x-icon\">\n    <link rel=\"stylesheet\" href=\"css/dark.css\" type=\"text/css\" />\n    <link rel=\"stylesheet\" href=\"css/font-icons.css\" type=\"text/css\" />\n    <link rel=\"stylesheet\" href=\"css/animate.css\" type=\"text/css\" />\n    <link rel=\"stylesheet\" href=\"css/magnific-popup.css\" type=\"text/css\" />\n\n    <link rel=\"stylesheet\" href=\"css/components/ion.rangeslider.css\" type=\"text/css\" />\n\n    <link rel=\"stylesheet\" href=\"css/responsive.css\" type=\"text/css\" />\n    <meta name='viewport' content='initial-scale=1, viewport-fit=cover'>\n\n    <!-- Hosting Demo Specific Stylesheet -->\n    <link rel=\"stylesheet\" href=\"css/colors.php?color=44aaac\" type=\"text/css\" />\n    <!-- Theme Color -->\n    <link rel=\"stylesheet\" href=\"demos/hosting/css/fonts.css\" type=\"text/css\" />\n    <link rel=\"stylesheet\" href=\"demos/hosting/hosting.css\" type=\"text/css\" />\n    <!-- / -->\n\n    <!-- Document Title\n\t============================================= -->\n    <title>Bluecoltan</title>\n\n</head>\n\n<body class=\"stretched\">\n\n    <!-- Document Wrapper\n\t============================================= -->\n    <div id=\"wrapper\" class=\"clearfix\">\n\n\n\n        <!-- Header\n\t\t============================================= -->\n        <header id=\"header\" class=\"full-header transparent-header dark\" data-sticky-class=\"not-dark\">\n\n            <div id=\"header-wrap\">\n\n                <div class=\"container clearfix\">\n\n                    <div id=\"primary-menu-trigger\"><i class=\"icon-reorder\"></i></div>\n\n                    <!-- Logo\n\t\t\t\t\t============================================= -->\n                    <div id=\"logo\">\n                        <a href=\"/\" class=\"\"><img src=\"demos/hosting/images/trans.png\" class=\"logoClass\" alt=\"Bluecoltan Logo\"></a>\n                    </div>\n                    <!-- #logo end -->\n\n                    <!-- Primary Navigation\n\t\t\t\t\t============================================= -->\n                    <nav id=\"primary-menu\" class=\"not-dark with-arrows\">\n\n                        <ul class=\"not-dark\">\n                            <li class=\"mega-menu\">\n                                <a href=\"#\">\n                                    <div>Hosting</div>\n                                </a>\n                                <!-- Mega Menu Content\n\t\t\t\t\t\t\t\t============================================= -->\n                                <div class=\"mega-menu-content style-2 border-top-0 clearfix\">\n                                    <!-- Mega Menu Col 1 -->\n                                    <ul class=\"mega-menu-column col-lg-3\">\n                                        <li>\n                                            <div class=\"feature-box not-dark fbox-small fbox-center nobottommargin\">\n                                                <div class=\"fbox-icon\">\n                                                    <img src=\"demos/hosting/images/svg/web.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"width: 52px;\">\n                                                </div>\n                                                <h3 class=\"t500\"><a href=\"#\">Web Hosting</a></h3>\n                                                <p class=\"d-none d-lg-block mb-0 t300\">Is a type of Internet hosting service that allows individuals and organizations to make their website accessible via the World Wide Web.</p>\n                                                <a href=\"#\" class=\"btn btn-link mt-2 color p-0\">Learn More &#8250;</a>\n                                            </div>\n                                        </li>\n                                    </ul>\n                                    <!-- Mega Menu Col 2 -->\n                                    <ul class=\"mega-menu-column col-lg-3\">\n                                        <li>\n                                            <div class=\"feature-box not-dark fbox-small fbox-center nobottommargin\">\n                                                <div class=\"fbox-icon\">\n                                                    <img src=\"demos/hosting/images/svg/cloud.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"width: 52px;\">\n                                                </div>\n                                                <h3 class=\"t500\"><a href=\"#\">Cloud Hosting</a></h3>\n                                                <p class=\"d-none d-lg-block mb-0 t300\">The major benefit cloud hosting offers over shared hosting is that it allows you to utilize the resources of multiple servers.</p>\n                                                <a href=\"#\" class=\"btn btn-link mt-2 color p-0\">Learn More &#8250;</a>\n                                            </div>\n                                        </li>\n                                    </ul>\n                                    <!-- Mega Menu Col 3 -->\n                                    <ul class=\"mega-menu-column col-lg-3\">\n                                        <li>\n                                            <div class=\"feature-box not-dark fbox-small fbox-center nobottommargin\">\n                                                <div class=\"fbox-icon\">\n                                                    <img src=\"demos/hosting/images/svg/dedicated.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"width: 52px;\">\n                                                </div>\n                                                <h3 class=\"t500\"><a href=\"#\">Dedicated Hosting</a></h3>\n                                                <p class=\"d-none d-lg-block mb-0 t300\">Dedicated server or managed hosting service is a type of Internet hosting in which the client leases an entire server not shared with anyone.</p>\n                                                <a href=\"#\" class=\"btn btn-link mt-2 color p-0\">Learn More &#8250;</a>\n                                            </div>\n                                        </li>\n                                    </ul>\n                                    <!-- Mega Menu Col 4 -->\n                                    <ul class=\"mega-menu-column col-lg-3\">\n                                        <li>\n                                            <div class=\"feature-box not-dark fbox-small fbox-center nobottommargin\">\n                                                <div class=\"fbox-icon\">\n                                                    <img src=\"demos/hosting/images/svg/shared.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"width: 52px;\">\n                                                </div>\n                                                <h3 class=\"t500\"><a href=\"#\">Shared Hosting</a></h3>\n                                                <p class=\"d-none d-lg-block mb-0 t300\">Shared Web Hosting service refers to a web hosting service where many websites reside on one web server connected to the Internet.</p>\n                                                <a href=\"#\" class=\"btn btn-link mt-2 color p-0\">Learn More &#8250;</a>\n                                            </div>\n                                        </li>\n                                    </ul>\n                                </div>\n                            </li>\n                            <li>\n                                <a href=\"#servicesBlock\">\n                                    <div>Services</div>\n                                </a>\n                            </li>\n                            <li>\n                                <a href=\"#locationsBlock\">\n                                    <div>Locations</div>\n                                </a>\n                            </li>\n                            <li>\n                                <a href=\"#startupsBlock\">\n                                    <div>Startups</div>\n                                </a>\n                            </li>\n                            <li>\n                                <a href=\"#industriesBlock\">\n                                    <div>Industries</div>\n                                </a>\n                            </li>\n                        </ul>\n\n                        <!-- Top Search\n\t\t\t\t\t\t============================================= -->\n                        <a href=\"#\" class=\"button bg-white text-dark button-light button-rounded color\" data-toggle=\"modal\" data-target=\"#contactFormModal\">Contact</a>\n\n                    </nav>\n                    <!-- #primary-menu end -->\n\n                </div>\n\n            </div>\n\n        </header>\n        <!-- #header end -->\n\n        <!-- Slider\n\t\t============================================= -->\n        <section id=\"slider\" class=\"slider-element bg-angle\">\n\n            <!-- Slider Background Map\n\t\t\t============================================= -->\n            <img class=\"img-map parallax\" src=\"demos/hosting/images/svg/map-light.svg\" alt=\"\" data-0=\"opacity: 0.05;margin-top:0px\" data-800=\"opacity: 0.5;margin-top:150px\">\n\n            <!-- Slider Background Cloud\n\t\t\t============================================= -->\n            <div class=\"cloud-wrap\">\n                <div class=\"c1\">\n                    <div class=\"cloud\"></div>\n                </div>\n                <div class=\"c2\">\n                    <div class=\"cloud\"></div>\n                </div>\n                <div class=\"c3\">\n                    <div class=\"cloud\"></div>\n                </div>\n                <div class=\"c4\">\n                    <div class=\"cloud\"></div>\n                </div>\n                <div class=\"c5\">\n                    <div class=\"cloud\"></div>\n                </div>\n            </div>\n\n            <!-- Slider Titiles\n\t\t\t============================================= -->\n            <div class=\"vertical-middle ignore-header dark\">\n                <div class=\"container\">\n                    <div class=\"row justify-content-between align-items-center\">\n                        <div class=\"col-md-5\">\n                            <div class=\"slider-title\">\n                                <h2 class=\"text-white text-rotater mb-3\" data-separator=\",\" data-rotate=\"fadeIn\" data-speed=\"3500\">We build high quality<br> <span class=\"t-rotate text-white\" style=\"color:#ff9400 !important\">Web,Mobile,Cloud</span> Applications.</h2>\n                                <p>Software is considered to be of a high quality when it meets or exceeds customer expectations and earns customer satisfaction. Moreover, software should be well-maintained and improved over time to continuously deliver value to the customer.</p>\n\n                            </div>\n                            <!--\n\t\t\t\t\t\t\t<a href=\"#\" class=\"button bg-white text-dark button-light button-rounded button-large color ml-0\">Create Account <i class=\"icon-line-arrow-right t600\"></i></a>\n-->\n                        </div>\n                        <div class=\"col-md-5 d-none d-md-block\">\n                            <img src=\"demos/hosting/images/3.png\" alt=\"\">\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </section>\n        <!-- #slider end -->\n\n        <!-- Content\n\t\t============================================= -->\n        <section id=\"content\">\n\n            <div class=\"content-wrap nopadding\">\n\n                <div class=\"container clearfix\">\n\n                    <!-- Slider negetive Box\n\t\t\t\t\t============================================= -->\n                    <div class=\"row justify-content-center slider-box-wrap clearfix\">\n                        <div class=\"col-10\">\n                            <div class=\"slider-bottom-box\">\n                                <div class=\"row align-items-center clearfix\">\n                                    <div class=\"col-lg-4 mb-3 mb-lg-0\">\n                                        <h2 class=\"mb-3 h1 t300\">Like Coltan...</h2>\n                                        <p class=\"t400 text-muted mb-0\">...we consider us to be a crucial piece of all new disruptive technology. This is how we ensure high quality software:</p>\n                                    </div>\n                                    <div class=\"col-lg-4 col-sm-6\">\n                                        <ul class=\"iconlist m-0\">\n                                            <li><img src=\"demos/hosting/images/svg/checked.svg\" width=\"20\" height=\"20\" alt=\"\" class=\"mr-2\"> Study business requirements </li>\n                                            <li class=\"pt-3\"><img src=\"demos/hosting/images/svg/checked.svg\" width=\"20\" height=\"20\" alt=\"\" class=\"mr-2\">Be \"Agile\" to Find errors early</li>\n                                            <li class=\"pt-3\"><img src=\"demos/hosting/images/svg/checked.svg\" width=\"20\" height=\"20\" alt=\"\" class=\"mr-2\">Constant Quality Assurance </li>\n                                        </ul>\n                                    </div>\n                                    <div class=\"col-lg-4 col-sm-6\">\n                                        <ul class=\"iconlist m-0\">\n                                            <li class=\"pt-3 pt-lg-0\"><img src=\"demos/hosting/images/svg/checked.svg\" width=\"20\" height=\"20\" alt=\"\" class=\"mr-2\">User and technical documentation</li>\n                                            <li class=\"pt-3\"><img src=\"demos/hosting/images/svg/checked.svg\" width=\"20\" height=\"20\" alt=\"\" class=\"mr-2\">Peer-reviews / code review</li>\n                                            <li class=\"pt-3\"><img src=\"demos/hosting/images/svg/checked.svg\" width=\"20\" height=\"20\" alt=\"\" class=\"mr-2\">Create test cases and share them</li>\n                                        </ul>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Features Section\n\t\t\t\t\t============================================= -->\n                    <div class=\"heading-block center topmargin-lg divcenter nobottomborder clearfix\" id=\"servicesBlock\" style=\"max-width: 700px\">\n                        <h2>We provide best services for you.</h2>\n                        <p>Competently recaptiualize multifunctional schemas without an expanded array of niches. Continually engage cooperative sources vis-a-vis web-enabled benefits.</p>\n                    </div>\n                    <div class=\"clear\"></div>\n                    <div class=\"row mt-4 clearfix\" data-animate=\"fadeInUp\">\n                        <div class=\"col-lg-4 col-md-6 mb-5\">\n                            <div class=\"feature-box not-dark fbox-small\">\n                                <div class=\"fbox-icon\">\n                                    <img src=\"demos/hosting/images/svg/web.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"height: 52px;\">\n                                </div>\n                                <h3 class=\"t500 text-dark\">Web Development</h3>\n                                <p class=\"t300\">Full e-commerce platform, customized software development or website development, we can help you to achive your business requieremnets. We will develop and support the solution that will drive success to your company.</p>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-4 col-md-6 mb-5\">\n                            <div class=\"feature-box not-dark fbox-small\">\n                                <div class=\"fbox-icon\">\n                                    <img src=\"demos/hosting/images/svg/cloud.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"height: 52px;\">\n                                </div>\n                                <h3 class=\"t500 text-dark\">Mobile Development</h3>\n                                <p class=\"t300\">We will evaluate your business needs in order to sugest the best aproach for your application. Either is a Native IOS / Android App using native code, a React Native solution to maintain a single project or a hybrid aproach, we will provide assistance to </p>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-4 col-md-6 mb-5\">\n                            <div class=\"feature-box not-dark fbox-small\">\n                                <div class=\"fbox-icon\">\n                                    <img src=\"demos/hosting/images/svg/dedicated.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"height: 52px;\">\n                                </div>\n                                <h3 class=\"t500 text-dark\">Cloud infrastructure</h3>\n                                <p class=\"t300\">Working with the hardware involved in developing cloud systems and accessing them. We help determine company's needs in order to effectively use cloud computing technology and recommend changes in everything from routers to software. </p>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-4 col-md-6\">\n                            <div class=\"feature-box not-dark fbox-small mb-5\">\n                                <div class=\"fbox-icon\">\n                                    <img src=\"demos/hosting/images/svg/shared.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"height: 52px;\">\n                                </div>\n                                <h3 class=\"t500 text-dark\">Consulting</h3>\n                                <p class=\"t300\">We provide the resources you need to work in your specific needs, highly skilled developers that will assist your company's needs in a 100% capacity. We manage and assing human resources as needed.</p>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-4 col-md-6\">\n                            <div class=\"feature-box not-dark fbox-small mb-5\">\n                                <div class=\"fbox-icon\">\n                                    <img src=\"demos/hosting/images/svg/domain.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"height: 52px;\">\n                                </div>\n                                <h3 class=\"t500 text-dark\">IT Outsourcing</h3>\n                                <p class=\"t300\">Remote monitoring teams that handle network-related issues that you don't have time for, or not qualified to do, including hardware upgrades and security patch installation. Constant support to your applications and updates as needed.</p>\n                            </div>\n                        </div>\n                        <div class=\"col-lg-4 col-md-6\">\n                            <div class=\"feature-box not-dark fbox-small mb-5\">\n                                <div class=\"fbox-icon\">\n                                    <img src=\"demos/hosting/images/svg/activation.svg\" class=\"noradius nobg tleft\" alt=\"\" style=\"height: 52px;\">\n                                </div>\n                                <h3 class=\"t500 text-dark\">UX / UI</h3>\n                                <p class=\"t300\">Our product designers work with other members of the creative and technology departments to visually convey a particular message, idea or concept. They rely on their knowledge and proficiency with current graphic design programs to produce graphic art and visual materials for mobile apps, websites, print, and other mediums. </p>\n                            </div>\n                        </div>\n                    </div>\n\n                </div>\n\n                <!-- Domain Section\n\t\t\t\t============================================= -->\n                <div class=\"section section-domain mt-4 mb-3\" style=\"    background-color: #5953ff !important;\">\n                    <div class=\"container\">\n                                      <div class=\"row center justify-content-center\">\n                            <div class=\"col-md-8\">\n                                <h2 class=\"t700 text-white mb-3\">Let's start working right away.</h2>\n                            </div>\n                            <div class=\"col-md-8\">\n                                <a href=\"#\"  data-toggle=\"modal\" data-target=\"#contactFormModal\" class=\"button center bg-white color button-light button-rounded button-large ml-0\">Let's connect</a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Loaction Section\n\t\t\t\t============================================= -->\n                <div class=\"section nomargin nobg\" id=\"locationsBlock\">\n                    <div class=\"container clearfix\">\n                        <div class=\"heading-block center mt-0 divcenter nobottomborder clearfix\" style=\"max-width: 700px\">\n                            <h2>We provide local and overseas services.</h2>\n                            <p>Our capabilities expands to more than 6 locations in the world, we will be able to provide local or overseas man power no matter where you are.</p>\n                        </div>\n                        <div class=\"row\" data-animate=\"fadeInUp\">\n                            <div class=\"col-lg-5 col-md-6\">\n                                <div class=\"heading-block mt-md-3 mt-0\">\n                                    <div class=\"before-heading color\">Our Network</div>\n                                    <h3 class=\" nott ls0\">16 TBPS Capacity and 140 Data Center Global Network</h3>\n                                </div>\n                                <div class=\"row\">\n                                    <div class=\"col-6\">\n                                        <ul class=\"iconlist ml-0\">\n                                            <li><img src=\"demos/hosting/images/flags/uk.png\" alt=\"\"><a href=\"#\">United Kingdom</a></li>\n                                            <li><img src=\"demos/hosting/images/flags/us.png\" alt=\"\"><a href=\"#\">USA</a></li>\n                                            <li><img src=\"https://d1nhio0ox7pgb.cloudfront.net/_img/v_collection_png/32x32/shadow/flag_venezuela.png\" alt=\"\"><a href=\"#\">Venezuela</a></li>\n                                            <li><img src=\"https://d1nhio0ox7pgb.cloudfront.net/_img/v_collection_png/32x32/shadow/flag_argentina.png\" alt=\"\"><a href=\"#\">Argentina</a></li>\n                                            <li><img src=\"demos/hosting/images/flags/in.png\" alt=\"\"><a href=\"#\">India</a></li>\n                                        </ul>\n                                    </div>\n                                    <div class=\"col-6\">\n                                        <ul class=\"iconlist ml-0\">\n                                            <li><img src=\"demos/hosting/images/flags/si.png\" alt=\"\"><a href=\"#\">Singapore</a></li>\n                                            <li><img src=\"demos/hosting/images/flags/ja.png\" alt=\"\"><a href=\"#\">Japan</a></li>\n                                            <li><img src=\"demos/hosting/images/flags/au.png\" alt=\"\"><a href=\"#\">Australia</a></li>\n                                            <li><img src=\"demos/hosting/images/flags/ca.png\" alt=\"\"><a href=\"#\">Canada</a></li>\n                                            <li>And More..</li>\n                                        </ul>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-lg-7 col-md-6\">\n                                <div id=\"hotspot-img\" class=\"hotspot-img mt-2 responsive-hotspot-wrap\">\n                                    <img src=\"demos/hosting/images/svg/map.png\" class=\"img-responsive\" alt=\"\">\n\n                                    <!-- Circle #1 -->\n                                    <div class=\"hot-spot\" x=\"1970\" y=\"830\">\n                                        <div class=\"circle\"></div>\n                                        <div class=\"tooltip\">\n                                            <p>singapore</p>\n                                        </div>\n                                    </div>\n                                    <!-- Circle #2 -->\n                                    <div class=\"hot-spot\" x=\"330\" y=\"522\">\n                                        <div class=\"circle\"></div>\n                                        <div class=\"tooltip\">\n                                            <p>San Fransisco</p>\n                                        </div>\n                                    </div>\n                                    <!-- Circle #3 -->\n                                    <div class=\"hot-spot\" x=\"2350\" y=\"1110\">\n                                        <div class=\"circle\"></div>\n                                        <div class=\"tooltip\">\n                                            <p>Sydney</p>\n                                        </div>\n                                    </div>\n                                    <!-- Circle #4 -->\n                                    <div class=\"hot-spot\" x=\"1222\" y=\"395\">\n                                        <div class=\"circle\"></div>\n                                        <div class=\"tooltip\">\n                                            <p>London</p>\n                                        </div>\n                                    </div>\n                                    <!-- Circle #5 -->\n                                    <div class=\"hot-spot\" x=\"1800\" y=\"760\">\n                                        <div class=\"circle\"></div>\n                                        <div class=\"tooltip\">\n                                            <p>Bangalore</p>\n                                        </div>\n                                    </div>\n                                    <!-- Circle #6 -->\n                                    <div class=\"hot-spot\" x=\"2250\" y=\"560\">\n                                        <div class=\"circle\"></div>\n                                        <div class=\"tooltip\">\n                                            <p>Tokyo</p>\n                                        </div>\n                                    </div>\n                                    <!-- Circle #7 -->\n                                    <div class=\"hot-spot\" x=\"700\" y=\"1264\">\n                                        <div class=\"circle\"></div>\n                                        <div class=\"tooltip\">\n                                            <p>Argentina</p>\n                                        </div>\n                                    </div>\n                                    <!-- Circle #8 -->\n                                    <div class=\"hot-spot\" x=\"720\" y=\"800\">\n                                        <div class=\"circle\"></div>\n                                        <div class=\"tooltip\">\n                                            <p>Venezuela</p>\n                                        </div>\n                                    </div>\n                                    <!-- Circle #8 -->\n                                    <div class=\"hot-spot\" x=\"620\" y=\"400\">\n                                        <div class=\"circle\"></div>\n                                        <div class=\"tooltip\">\n                                            <p>Chicago</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Pricing Section\n\t\t\t\t============================================= -->\n                <div class=\"section bg-angle notopmargin\" id=\"startupsBlock\" style=\"background: #F9F9F9 url('demos/hosting/images/pattern-dark.png') repeat center center; padding: 80px 0\">\n                    <div class=\"container clearfix\">\n                        <div class=\"heading-block center mt-0 divcenter nobottomborder clearfix\" style=\"max-width: 750px\">\n                            <h2>Startup E-commerce and support team</h2>\n                            <p>We understand how hard can it be for a startup company to invest thousands of dollars at once to have their custom platform build, and then all the related expenses for having the constant support that it will requiere. In Bluecoltan we came up with a monthly contract that will finance your business platform and at the same time will provide full support and evolution of the system.\n                                <br>\n                                <b>This tool will give you an estimated quote for what you will need</b>\n                            </p>\n                        </div>\n\n                        <div class=\"row mb-2 align-items-stretch\">\n\n                            <div class=\"col-lg-8 col-md-8\">\n\n                                <div class=\"row align-items-stretch clearfix\">\n                                    <div class=\"col-md-12\">\n                                        <!-- vCPU Section -->\n                                        <div class=\"row align-items-stretch\">\n                                            <div class=\"col-md-8 col-sm-8\">\n                                                <div class=\"card mb-4\">\n                                                    <div class=\"card-body\">\n                                                        <div class=\"d-flex justify-content-between\">\n                                                            <h4 class=\"mb-4\">Number of products</h4>\n                                                        </div>\n                                                        <!-- CPU Slider\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t============================================= -->\n                                                        <input class=\"range-slider-cpu\" />\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-md-4 col-sm-4 d-none d-sm-flex card bgcolor text-white text-center mb-4\">\n                                                <div class=\"card-body\">\n                                                    <!-- CPU Price Value\n\t\t\t\t\t\t\t\t\t\t\t\t\t============================================= -->\n                                                    <h2 class=\"cpu-price text-white mb-0 t700\"></h2>\n                                                    <p class=\"card-text mb-0\" style=\"opacity: .8;\">$200 <span class=\"font-italic\">per 1000 products</span></p>\n                                                </div>\n                                            </div>\n                                        </div>\n\n                                        <!-- RAM Section -->\n                                        <div class=\"row align-items-stretch\">\n                                            <div class=\"col-md-8 col-sm-8\">\n                                                <div class=\"card mb-4\">\n                                                    <div class=\"card-body\">\n                                                        <div class=\"d-flex justify-content-between\">\n                                                            <h4 class=\"mb-4\">Number of pages</h4>\n                                                        </div>\n                                                        <!-- RAM Slider\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t============================================= -->\n                                                        <input class=\"range-slider-ram\" />\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-md-4 col-sm-4 d-none d-sm-flex card bgcolor text-white text-center mb-4\">\n                                                <div class=\"card-body\">\n                                                    <!-- RAM Proce Value\n\t\t\t\t\t\t\t\t\t\t\t\t\t============================================= -->\n                                                    <h2 class=\"ram-price text-white mb-0 t700\"></h2>\n                                                    <p class=\"card-text mb-0\" style=\"opacity: .8;\">$25 <span class=\"font-italic\">per page</span></p>\n                                                </div>\n                                            </div>\n                                        </div>\n\n                                        <!-- Storage Section -->\n                                        <div class=\"row align-items-stretch\">\n                                            <div class=\"col-md-8 col-sm-8\">\n                                                <div class=\"card\">\n                                                    <div class=\"card-body\">\n                                                        <div class=\"d-flex justify-content-between\">\n                                                            <h4 class=\"mb-4\">Hosting</h4>\n                                                        </div>\n                                                        <!-- Storage Slider\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t============================================= -->\n                                                        <input class=\"range-slider-storage\" />\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-md-4 col-sm-4 d-none d-sm-flex card bgcolor text-white text-center\">\n                                                <div class=\"card-body\">\n                                                    <!-- Storage Price Value\n\t\t\t\t\t\t\t\t\t\t\t\t\t============================================= -->\n                                                    <h2 class=\"storage-price text-white mb-0 t700\"></h2>\n                                                    <p class=\"card-text mb-0\" style=\"opacity: .8;\">$20 <span class=\"font-italic\">per 100 active users</span></p>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n\n                            </div>\n\n                            <!-- Price Area -->\n                            <div class=\"col-lg-4 col-md-4 mt-4 mt-md-0\">\n                                <div class=\"card text-center\">\n                                    <div class=\"card-body py-4\">\n                                        <h3 class=\"card-title t400\">Your Plan</h3>\n                                        <!-- Price Value -->\n                                        <div class=\"pricing-price t600 py-2\"></div>\n                                        <p class=\"card-text pricing-sub\">Billed Monthly</p>\n                                    </div>\n                                    <div class=\"line my-1\"></div>\n                                    <div class=\"card-body py-4\">\n                                        <ul class=\"iconlist ml-0\" style=\"opacity: .8\">\n                                            <li>Unlimited Support</li>\n                                            <li>Project Management</li>\n                                            <li>High speed hosting</li>\n                                            <li>Unlimited edits and add-ons</li>\n                                        </ul>\n                                        <a href=\"#\" data-toggle=\"modal\" data-target=\"#contactFormModal\" class=\"button button-rounded button-large ls0 t400 m-0 nott\">Let's talk</a>\n                                    </div>\n                                </div>\n                            </div>\n\n                        </div>\n\n                        <div class=\"clear\"></div>\n\n                    </div>\n                </div>\n\n                <!-- Addition Service Section\n\t\t\t\t============================================= -->\n                <div class=\"container clearfix\" id=\"industriesBlock\">\n                    <div class=\"row clearfix\">\n                        <div class=\"col-md-12\">\n                            <div class=\"before-heading\">Other Additional Services</div>\n                            <h3>Highly Available Services</h3>\n                            <div class=\"row\" data-animate=\"fadeInDown\">\n                                <div class=\"col-md-6\">\n                                    <div class=\"feature-box p-4 media-box\" style=\"border-radius: 6px; box-shadow: 0 2px 4px rgba(3,27,78,.1); border: 1px solid #e5e8ed;\">\n                                        <div class=\"fbox-media\">\n                                            <img src=\"demos/hosting/images/svg/balancing.svg\" style=\"width: 42px;\" alt=\"\">\n                                        </div>\n                                        <div class=\"fbox-desc\">\n                                            <h3 class=\"ls0\">Load Balancing</h3>\n                                            <p class=\"mt-2\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita sint explicabo quis at voluptatum autem, cupiditate officiis maxime deserunt soluta! consectetur adipisicing elit.</p>\n                                        </div>\n                                        <a href=\"#\" class=\"btn btn-link mt-3 t400 color p-0\" style=\"font-size: 16px;\">$15/month for Load Balancing <i class=\"icon-line-arrow-right position-relative\" style=\"top: 2px\"></i></a>\n                                    </div>\n\n                                    <div class=\"feature-box p-4 topmargin-sm media-box\" style=\"border-radius: 6px; box-shadow: 0 2px 4px rgba(3,27,78,.1); border: 1px solid #e5e8ed;\">\n                                        <div class=\"fbox-media\">\n                                            <img src=\"demos/hosting/images/svg/location.svg\" style=\"width: 42px;\" alt=\"\">\n                                        </div>\n                                        <div class=\"fbox-desc\">\n                                            <h3 class=\"ls0\">Location Zone</h3>\n                                            <p class=\"mt-2\">Distinctively enhance front-end outsourcing after cross-platform synergy. Interactively implement an expanded array of collaboration and idea-sharing and innovative bandwidth.</p>\n                                        </div>\n                                        <a href=\"#\" class=\"btn btn-link mt-3 t400 color p-0\" style=\"font-size: 16px;\">$5/month for Location <i class=\"icon-line-arrow-right position-relative\" style=\"top: 2px\"></i></a>\n                                    </div>\n                                </div>\n\n                                <div class=\"col-md-6\">\n                                    <div class=\"feature-box p-4 mt-4 mt-sm-0 media-box\" style=\"border-radius: 6px; box-shadow: 0 2px 4px rgba(3,27,78,.1); border: 1px solid #e5e8ed;\">\n                                        <div class=\"fbox-media\">\n                                            <img src=\"demos/hosting/images/svg/ssl.svg\" style=\"width: 42px;\" alt=\"\">\n                                        </div>\n                                        <div class=\"fbox-desc\">\n                                            <h3 class=\"ls0\">Dedicated SSL Certificate</h3>\n                                            <p class=\"mt-2\">Assertively harness stand-alone communities through front-end networks. Globally engage plug-and-play sources through multidisciplinary portals. Enthusiastically synergize orthogonal.</p>\n                                        </div>\n                                        <a href=\"#\" class=\"btn btn-link mt-3 t400 color p-0\" style=\"font-size: 16px;\">$7/month for SSL Certificate <i class=\"icon-line-arrow-right position-relative\" style=\"top: 2px\"></i></a>\n                                    </div>\n\n                                    <div class=\"feature-box p-4 topmargin-sm media-box\" style=\"border-radius: 6px; box-shadow: 0 2px 4px rgba(3,27,78,.1); border: 1px solid #e5e8ed;\">\n                                        <div class=\"fbox-media\">\n                                            <img src=\"demos/hosting/images/svg/team.svg\" style=\"width: 42px;\" alt=\"\">\n                                        </div>\n                                        <div class=\"fbox-desc\">\n                                            <h3 class=\"ls0\">Team Accounts</h3>\n                                            <p class=\"mt-2\">Uniquely harness prospective information through long-term high-impact portals. Rapidiously enable principle-centered users rather than inexpensive sources. Distinctively enhance front-end outsourcing.</p>\n                                        </div>\n                                        <a href=\"#\" class=\"btn btn-link mt-3 t400 color p-0\" style=\"font-size: 16px;\">$4/month for Team <i class=\"icon-line-arrow-right position-relative\" style=\"top: 2px\"></i></a>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"clear\"></div>\n\n                <!-- Testimonials Section\n\t\t\t\t============================================= \n                <div class=\"section\">\n                    <div class=\"container\">\n\n                        <div class=\"heading-block center mt-2 mb-3 divcenter nobottomborder clearfix\" style=\"max-width: 700px\">\n                            <div class=\"before-heading\">See what Our Customers say</div>\n\n                        </div>\n\n                        <div id=\"oc-testimonials\" class=\"owl-carousel center testimonials-carousel testimonial-full carousel-widget mt-5\" data-margin=\"0\" data-items-xs=\"1\" data-items-sm=\"1\" data-items-md=\"1\" data-items-lg=\"2\" data-items-xl=\"3\" data-center=\"true\" data-loop=\"true\" data-autoplay=\"4000\" data-speed=\"500\">\n\n             \n                            <div class=\"oc-item\">\n                                <div class=\"testimonial p-4 noborder noshadow\">\n                                    <div class=\"testi-image\">\n                                        <a href=\"#\"><img src=\"demos/hosting/images/users/1.jpg\" alt=\"Customer Testimonails\"></a>\n                                    </div>\n                                    <ul class=\"list-unstyled ml-0 mt-4 mb-2\">\n                                        <li class=\"color\"><i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star-half-full\"></i></li>\n                                    </ul>\n                                    <div class=\"testi-content\">\n                                        <p class=\"font-body font-normal\">Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum repellendus!</p>\n                                        <div class=\"testi-meta\">\n                                            John Doe\n                                            <span>XYZ Inc.</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n\n             \n                            <div class=\"oc-item\">\n                                <div class=\"testimonial p-4 noborder noshadow\">\n                                    <div class=\"testi-image\">\n                                        <a href=\"#\"><img src=\"demos/hosting/images/users/2.jpg\" alt=\"Customer Testimonails\"></a>\n                                    </div>\n                                    <ul class=\"list-unstyled ml-0 mt-4 mb-2\">\n                                        <li class=\"color\"><i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star-empty\"></i></li>\n                                    </ul>\n                                    <div class=\"testi-content\">\n                                        <p class=\"font-body font-normal\">Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.</p>\n                                        <div class=\"testi-meta\">\n                                            Collis Ta'eed\n                                            <span>Envato Inc.</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n\n               \n                            <div class=\"oc-item\">\n                                <div class=\"testimonial p-4 noborder noshadow\">\n                                    <div class=\"testi-image\">\n                                        <a href=\"#\"><img src=\"demos/hosting/images/users/5.jpg\" alt=\"Customer Testimonails\"></a>\n                                    </div>\n                                    <ul class=\"list-unstyled ml-0 mt-4 mb-2\">\n                                        <li class=\"color\"><i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i></li>\n                                    </ul>\n                                    <div class=\"testi-content\">\n                                        <p class=\"font-normal font-body\">Fugit officia dolor sed harum excepturi ex iusto magnam asperiores molestiae qui natus obcaecati facere sint amet.</p>\n                                        <div class=\"testi-meta\">\n                                            Mary Jane\n                                            <span>Google Inc.</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n\n             \n                            <div class=\"oc-item\">\n                                <div class=\"testimonial p-4 noborder noshadow\">\n                                    <div class=\"testi-image\">\n                                        <a href=\"#\"><img src=\"demos/hosting/images/users/4.jpg\" alt=\"Customer Testimonails\"></a>\n                                    </div>\n                                    <ul class=\"list-unstyled ml-0 mt-4 mb-2\">\n                                        <li class=\"color\"><i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i></li>\n                                    </ul>\n                                    <div class=\"testi-content\">\n                                        <p class=\"font-normal font-body\">Similique fugit repellendus expedita excepturi iure perferendis provident quia eaque. Repellendus, vero numquam?</p>\n                                        <div class=\"testi-meta\">\n                                            Steve Jobs\n                                            <span>Apple Inc.</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n\n                      \n                            <div class=\"oc-item\">\n                                <div class=\"testimonial p-4 noborder noshadow\">\n                                    <div class=\"testi-image\">\n                                        <a href=\"#\"><img src=\"demos/hosting/images/users/3.jpg\" alt=\"Customer Testimonails\"></a>\n                                    </div>\n                                    <ul class=\"list-unstyled ml-0 mt-4 mb-2\">\n                                        <li class=\"color\"><i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star3\"></i> <i class=\"icon-star-empty\"></i></li>\n                                    </ul>\n                                    <div class=\"testi-content\">\n                                        <p class=\"font-normal font-body\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus, perspiciatis illum totam dolore deleniti labore.</p>\n                                        <div class=\"testi-meta\">\n                                            Jamie Morrison\n                                            <span>Adobe Inc.</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n\n                        </div>\n                    </div>\n                </div>\n        \n                <div class=\"section mt-3 mb-4 pt-0 nobg\">\n                    <div class=\"container clearfix\">\n                        <div class=\"divcenter\" style=\"max-width: 1000px\">\n                            <div class=\"heading-block center divcenter nobottomborder clearfix\" style=\"max-width: 700px\">\n                                <div class=\"before-heading\">Already with Us</div>\n                                <h2>Trusted By</h2>\n                                <p>Competently recaptiualize multifunctional schemas without an expanded array of niches. Continually engage cooperative sources vis-a-vis web-enabled benefits.</p>\n                            </div>\n                         \n                            <div class=\"row clearfix\">\n                                <div class=\"col-sm-3 col-6 center avatar\">\n                                    <a href=\"#\"><img src=\"demos/hosting/images/clients/1.png\" alt=\"\" class=\"clients\"></a>\n                                </div>\n                                <div class=\"col-sm-3 col-6 center avatar2\">\n                                    <a href=\"#\"><img src=\"demos/hosting/images/clients/12.png\" alt=\"\" class=\"clients\"></a>\n                                </div>\n                                <div class=\"col-sm-3 col-6 center avatar3\">\n                                    <a href=\"#\"><img src=\"demos/hosting/images/clients/3.png\" alt=\"\" class=\"clients mt-5 mt-sm-0\"></a>\n                                </div>\n                                <div class=\"col-sm-3 col-6 center avatar4\">\n                                    <a href=\"#\"><img src=\"demos/hosting/images/clients/4.png\" alt=\"\" class=\"clients mt-5 mt-sm-0\"></a>\n                                </div>\n                                <div class=\"col-sm-3 col-6 center avatar5\">\n                                    <a href=\"#\"><img src=\"demos/hosting/images/clients/5.png\" alt=\"\" class=\"clients mt-5\"></a>\n                                </div>\n                                <div class=\"col-sm-3 col-6 center avatar6\">\n                                    <a href=\"#\"><img src=\"demos/hosting/images/clients/6.png\" alt=\"\" class=\"clients mt-5\"></a>\n                                </div>\n                                <div class=\"col-sm-3 col-6 center avatar\">\n                                    <a href=\"#\"><img src=\"demos/hosting/images/clients/7.png\" alt=\"\" class=\"clients mt-5\"></a>\n                                </div>\n                                <div class=\"col-sm-3 col-6 center avatar3\">\n                                    <a href=\"#\"><img src=\"demos/hosting/images/clients/8.png\" alt=\"\" class=\"clients mt-5\"></a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n        -->\n\n                <!-- Bottom Section\n\t\t\t\t============================================= -->\n                <div class=\"section bgcolor dark m-0 parallax\">\n                    <div class=\"container\">\n                        <div class=\"row center justify-content-center\">\n                            <div class=\"col-md-8\">\n                                <h2 class=\"t700 text-white mb-3\">Get In Touch With Us. Let's start working right away.</h2>\n                            </div>\n                            <div class=\"col-md-8\">\n                                <a href=\"#\"  data-toggle=\"modal\" data-target=\"#contactFormModal\" class=\"button center bg-white color button-light button-rounded button-large ml-0\">Contact Us</a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n        </section>\n        <!-- #content end -->\n\n        <!-- Footer\n\t\t============================================= -->\n        <footer id=\"footer\" class=\"dark\">\n\n            <div class=\"container\">\n\n                <!-- Footer Widgets\n\t\t\t\t============================================= -->\n                <div class=\"footer-widgets-wrap pb-4 clearfix\">\n\n                    <div class=\"row\">\n\n                        <div class=\"col-md-4 col-sm-6 mb-0 mb-sm-4 mb-md-0\">\n\n                            <div class=\"widget clearfix\">\n\n                                <h4>About BlueColtan</h4>\n\n                                <p>We believe in Simple, Creative &amp; Flexible Design Standards.</p>\n\n                                <div style=\"background: url('images/world-map.png') no-repeat left center; background-size: auto 100%;\">\n                                    <address>\n\t\t\t\t\t\t\t\t\t\t<strong>Headquarters:</strong><br>\n                                        171 North Aberdeen Street,<br>\n\t\t\t\t\t\t\t\t\t\tChicago, IL 60607<br>\n\t\t\t\t\t\t\t\t\t</address>\n                                    <abbr title=\"Phone Number\"><strong>Phone:</strong></abbr> (+1) 312 680 6218\n                                    <br>\n                                    <abbr title=\"Email Address\"><strong>Email:</strong></abbr> [email protected]\n                                </div>\n\n                            </div>\n\n                        </div>\n\n                        <div class=\"col-md-3 col-6 mt-5 mt-sm-0\">\n\n                            <div class=\"widget clearfix\">\n\n                                <h4>Features</h4>\n\n                                <ul class=\"list-unstyled iconlist ml-0\">\n                                    <li><a href=\"http://codex.wordpress.org/\">Documentation</a></li>\n                                    <li><a href=\"http://wordpress.org/support/forum/requests-and-feedback\">Feedback</a></li>\n                                    <li><a href=\"http://wordpress.org/extend/plugins/\">Plugins</a></li>\n                                    <li><a href=\"http://wordpress.org/support/\">Support Forums</a></li>\n                                    <li><a href=\"http://wordpress.org/extend/themes/\">Themes</a></li>\n                                    <li><a href=\"http://wordpress.org/news/\">WordPress Blog</a></li>\n                                    <li><a href=\"http://planet.wordpress.org/\">WordPress Planet</a></li>\n                                </ul>\n\n                            </div>\n\n                        </div>\n\n                        <div class=\"col-md-3 col-6 mt-5 mt-sm-0\">\n\n                            <div class=\"widget clearfix\">\n\n                                <h4>Social</h4>\n\n                                <ul class=\"list-unstyled iconlist\">\n                                    <li><i class=\"icon-facebook\"></i><a href=\"http://facebook.com/semicolonweb\" target=\"_blank\"> Facebook</a></li>\n                                    <li><i class=\"icon-twitter\"></i><a href=\"http://twitter.com/__semicolon\" target=\"_blank\"> Twitter</a></li>\n                                    <li><i class=\"icon-instagram\"></i><a href=\"http://instagram.com/semicolonweb\" target=\"_blank\"> Instagram</a></li>\n                                    <li><i class=\"icon-youtube\"></i><a href=\"https://www.youtube.com/user/shank20121/videos\" target=\"_blank\"> YouTube</a></li>\n                                    <li><i class=\"icon-github\"></i><a href=\"#\"> Github</a></li>\n                                </ul>\n\n                            </div>\n\n                        </div>\n\n                        <div class=\"col-md-2 col-sm-6 mt-4 mt-sm-0\">\n\n                            <div class=\"widget clearfix\">\n\n                                <h4>Support</h4>\n\n                                <ul class=\"list-unstyled iconlist ml-0\">\n                                    <li><a href=\"#\">Help Center</a></li>\n                                    <li><a href=\"#\">Paid with Mollie</a></li>\n                                    <li><a href=\"#\">Status</a></li>\n                                    <li><a href=\"#\">Changelog</a></li>\n                                    <li><a href=\"#\">Contact Support</a></li>\n                                </ul>\n\n                            </div>\n\n                        </div>\n\n                    </div>\n\n                </div>\n                <!-- .footer-widgets-wrap end -->\n\n                <div class=\"line line-sm m-0\"></div>\n\n            </div>\n\n\n            <!-- Copyrights\n\t\t\t============================================= -->\n            <div id=\"copyrights\" class=\"nobg\">\n\n                <div class=\"container clearfix\">\n\n                    <div class=\"col_half\">\n                        Copyrights &copy; 2019 All Rights Reserved by Financial Technology Services LLC.\n                        <br>\n                    </div>\n\n                    <div class=\"col_half col_last tright\">\n                        <img src=\"/demos/hosting/images/icon-tran.png\" style=\"position: absolute; top: -160px; right: 0; width: 250px;\" />\n\n                    </div>\n\n                </div>\n\n            </div>\n            <!-- #copyrights end -->\n\n        </footer>\n        <!-- #footer end -->\n    \n\n    </div>\n\n\t\t\t\t\t\t\t<div class=\"modal fade\" id=\"contactFormModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"contactFormModalLabel\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<div class=\"modal-dialog\">\n\t\t\t\t\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"modal-title\" id=\"contactFormModalLabel\">Send Us an Email</h4>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-widget\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-result\"></div>\n\t\t\t\t\t\t\t\t\t\t\t\t<form class=\"nobottommargin\" id=\"template-contactform\" method=\"POST\" name=\"contactform\" action=\"contact-form-handler.php\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-process\"></div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col_half\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"template-contactform-name\">Name <small>*</small></label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"template-contactform-name\" name=\"template-contactform-name\" value=\"\" class=\"sm-form-control required\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col_half col_last\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"template-contactform-email\">Email <small>*</small></label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"email\" id=\"template-contactform-email\" name=\"template-contactform-email\" value=\"\" class=\"required email sm-form-control\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"clear\"></div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col_half\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"template-contactform-phone\">Phone</label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"template-contactform-phone\" name=\"template-contactform-phone\" value=\"\" class=\"sm-form-control\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col_half col_last\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"template-contactform-service\">Services</label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<select id=\"template-contactform-service\" name=\"template-contactform-service\" class=\"sm-form-control\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"\">-- Select One --</option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"E-Commerce\">E-Commerce</option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"Custom Software\">Custom Software</option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"Mobile Apps\">Mobile Apps</option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"Consulting\">Consulting</option>\n                                                            <option value=\"Other\">Other</option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"clear\"></div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col_full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"template-contactform-subject\">Subject <small>*</small></label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"template-contactform-subject\" name=\"subject\" value=\"\" class=\"required sm-form-control\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col_full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"template-contactform-message\">Message <small>*</small></label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<textarea class=\"required sm-form-control\" id=\"template-contactform-message\" name=\"template-contactform-message\" rows=\"6\" cols=\"30\"></textarea>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col_full hidden\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"template-contactform-botcheck\" name=\"template-contactform-botcheck\" value=\"\" class=\"sm-form-control\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col_full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"button button-3d nomargin\" type=\"submit\" id=\"template-contactform-submit\" name=\"template-contactform-submit\" value=\"submit\">Send Message</button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"prefix\" value=\"template-contactform-\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t</form>\n\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Close</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div><!-- /.modal-content -->\n\t\t\t\t\t\t\t\t</div><!-- /.modal-dialog -->\n\t\t\t\t\t\t\t</div><!-- /.modal -->\n\n    <!-- #wrapper end -->\n\n    <!-- Go To Top\n\t============================================= -->\n    <div id=\"gotoTop\" class=\"icon-angle-up\"></div>\n\n    <!-- External JavaScripts\n\t============================================= -->\n    <script src=\"js/jquery.js\"></script>\n    <script src=\"js/plugins.js\"></script>\n\n    <script src=\"js/jquery.hotspot.js\"></script>\n    <script src=\"js/components/rangeslider.min.js\"></script>\n\n    <!-- Footer Scripts\n\t============================================= -->\n    <script src=\"js/functions.js\"></script>\n\n    <script>\n        jQuery(document).ready(function () {\n            var pricingCPU = 200,\n                pricingRAM = 25,\n                pricingStorage = 20,\n                elementCPU = $(\".range-slider-cpu\"),\n                elementRAM = $(\".range-slider-ram\"),\n                elementStorage = $(\".range-slider-storage\");\n\n            elementCPU.ionRangeSlider({\n                grid: false,\n                values: [1000, 2000, 4000, 6000, 8000],\n                postfix: ' Products',\n                onStart: function (data) {\n                    pricingCPU = data.from_value;\n                }\n            });\n\n            elementCPU.on('change', function () {\n                pricingCPU = $(this).prop('value');\n                calculatePrice(pricingCPU, pricingRAM, pricingStorage);\n            });\n\n            elementRAM.ionRangeSlider({\n                grid: false,\n                step: 1,\n                min: 1,\n                from: 1,\n                max: 8,\n                postfix: ' Pages',\n                onStart: function (data) {\n                    pricingRAM = data.from;\n                    console.log(data);\n                }\n            });\n\n            elementRAM.on('onStart change', function () {\n                pricingRAM = $(this).prop('value');\n                calculatePrice(pricingCPU, pricingRAM, pricingStorage);\n            });\n\n            elementStorage.ionRangeSlider({\n                grid: false,\n                step: 100,\n                min: 100,\n                max: 1000,\n                postfix: ' User',\n                onStart: function (data) {\n                    pricingStorage = data.from;\n                }\n            });\n\n            elementStorage.on('change', function () {\n                pricingStorage = $(this).prop('value');\n                calculatePrice(pricingCPU, pricingRAM, pricingStorage);\n            });\n\n            calculatePrice(pricingCPU, pricingRAM, pricingStorage);\n\n            function calculatePrice(cpu, ram, storage) {\n                var pricingValue = (Number(cpu) * 0.2) + (Number(ram) * 25) + (Number(storage) * 0.2);\n                jQuery('.cpu-value').html(pricingCPU);\n                jQuery('.ram-value').html(pricingRAM);\n                jQuery('.storage-value').html(pricingStorage);\n                jQuery('.cpu-price').html('$' + pricingCPU * 0.2);\n                jQuery('.ram-price').html('$' + pricingRAM * 25);\n                jQuery('.storage-price').html('$' + pricingStorage * 0.2);\n                jQuery('.pricing-price').html('$' + pricingValue);\n            }\n        });\n\n        jQuery(window).on('load', function () {\n            $('#hotspot-img').hotSpot();\n        });\n    </script>\n\n</body>\n\n</html>", 
        "title": "Bluecoltan", 
        "status_code": 200, 
        "status_line": "200 OK", 
        "headers": {
          "unknown": [
            {
              "key": "etag", 
              "value": "W/\"5fdba7f7-fdea\""
            }, 
            {
              "key": "date", 
              "value": "Tue, 15 Jun 2021 14:01:12 GMT"
            }
          ], 
          "connection": "keep-alive", 
          "last_modified": "Thu, 17 Dec 2020 18:48:23 GMT", 
          "content_type": "text/html", 
          "server": "nginx"
        }, 
        "body_sha256": "5442ff40170090106b90dceeb889f4900c68e56f7bb67235821f0b846cc7e203", 
        "metadata": {
          "product": "nginx", 
          "description": "nginx"
        }
      }, 
      "dhe": {
        "support": false, 
        "metadata": {}
      }, 
      "heartbleed": {
        "heartbeat_enabled": false, 
        "heartbleed_vulnerable": false, 
        "metadata": {}
      }, 
      "rsa_export": {
        "support": false, 
        "metadata": {}
      }
    }
  }, 
  "ip": "104.154.228.71", 
  "updated_at": "2021-06-21T08:50:09+00:00", 
  "autonomous_system": {
    "description": "GOOGLE", 
    "rir": "unknown", 
    "routed_prefix": "104.154.224.0/19", 
    "country_code": "US", 
    "path": [
      15169
    ], 
    "asn": 15169, 
    "name": "GOOGLE"
  }, 
  "location": {
    "province": "Iowa", 
    "city": "Council Bluffs", 
    "country": "United States", 
    "longitude": -95.8517, 
    "registered_country": "United States", 
    "registered_country_code": "US", 
    "postal_code": "51502", 
    "country_code": "US", 
    "latitude": 41.2591, 
    "timezone": "America/Chicago", 
    "continent": "North America"
  }, 
  "ports": [
    443, 
    22
  ], 
  "protocols": [
    "443/https", 
    "22/ssh"
  ], 
  "metadata": {
    "os": "Ubuntu", 
    "os_description": "Ubuntu"
  }
}