<!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.0">
<title>Document</title>
</head>
<style>
.interestedBtn {
width: 70% !important;
box-sizing: border-box !important;
display: inline-block !important;
padding: 11px !important;
border: 1px !important;
border-color: #ddd !important;
margin-top: 10px !important;
background-color: #ec6e1d !important;
background-image: none !important;
text-shadow: none !important;
color: #fff !important;
font-size: 14px !important;
line-height: 20px !important;
border-radius: 5px !important;
margin: 0 !important;
cursor: pointer !important;
}
.tnp-email {
width: 70% !important;
box-sizing: border-box;
padding: 5px 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #fff;
color: #444;
font-size: 13px;
line-height: 20px;
border-radius: 5px;
}
.formSec {
float: left !important;
width: 55% !important;
}
.mainBox {
max-width: 600px !important;
margin: 0 auto !important;
border: 2px solid #eb7c35 !important;
padding: 20px !important;
font-family: Arial, Helvetica, sans-serif !important;
}
.boxDiv {
display: flex !important;
}
.boxConsult {
float: left !important;
width: 45% !important;
}
.formSecTwo {
text-align: right !important;
width: 100% !important;
}
.formHeading {
font-family: Arial, Helvetica, sans-serif;
margin-top: 0px;
font-weight: 700;
line-height: 25px;
padding: 0px 5px 5px 10px;
font-size: 18px;
margin-bottom: 70px;
}
.fieldHeading {
margin: 0 !important;
font-size: 13px !important;
text-align: left !important;
margin: 0px 39px 2px 93px !important;
font-weight: 500 !important;
}
.image {
max-width: 100% !important;
height: auto !important;
}
@media screen and (max-width: 480px) {
.boxDiv {
display: block !important;
padding: 15px !important;
border: 2px solid #eb7c35 !important;
}
.image{
width: 60% !important;
}
.fieldHeading {
text-align: left !important;
margin: unset !important;
}
.boxConsult {
width: unset !important;
float: none !important;
}
.mainBox {
border: unset !important;
}
.formSec {
float: unset !important;
width: 100% !important;
}
.formSecTwo {
text-align: center !important;
}
.tnp-email {
width: 100% !important;
}
.formHeading {
margin-bottom: unset !important;
}
}
</style>
<body>
<div class="mainBox" box-sizing:="" border-box;="">
<div class="boxDiv">
<div class="boxConsult">
<div>
<h3 class="formHeading">
Book a Free Consultation with our Cyber Security Experts</h3>
</div>
<img src="https://awareness.threatcop.ai/marketing/cybergeek.webp" class="image">
</div>
<div class="formSec">
<div class="wp-block-tnp-minimal formSecTwo">
<div class="tnp tnp-subscription-minimal">
<form action="https://kratikal.com/thanks/thankyou-blog" method="get" target="_blank">
<div style="margin-bottom: 12px;">
<h6 class="fieldHeading">
Name</h6>
<input class="tnp-email" type="text" required="" name="FullName" value=""
placeholder="Enter full name">
</div>
<div style="margin-bottom: 12px;">
<h6 class="fieldHeading">
Email</h6>
<input class="tnp-email" type="email" required="" name="email" value=""
placeholder="your name @ example.com">
</div>
<div style="margin-bottom: 12px;">
<h6 class="fieldHeading">
Company Name</h6>
<input class="tnp-email" type="text" required="" name="CompanyName" value=""
placeholder="Enter company name">
</div>
<div>
<h6 class="fieldHeading">
Phone Number</h6>
<input class="tnp-email" type="number" required="" name="Phone" value=""
placeholder="Enter phone number"><br>
</div>
<input type="hidden" name="BlogForm" value="BlogForm"><br>
<input class="tnp-submit interestedBtn" name="submit" type="submit"
value="I am interested!">
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
