OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	05/19/2025 10:07:19 AM	rwxr-xr-x
📄 1740138208-index.html	17.98 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740138216-index.html	17.98 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740138463-arvind.html	16.12 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740139525-avr.html	17.98 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740139616-arv.html	20.31 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740139682-shreyas.html	40.72 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740140006-testNL1.html	38.97 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740369516-aditya.html	38.89 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740397099-Arvind.html	7.28 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740463942-aditya.html	20.1 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740468422-hghgg.html	13.3 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740468658-asdf.html	25.56 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740468756-arvi.html	26.47 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740468838-asd.html	20.15 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740470154-arvind.html	7.45 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740470869-arrr.html	7.21 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740474062-shre.html	38.67 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740474509-dd.html	7.57 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740474568-jjk.html	7.58 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740475462-aditya.html	7.56 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740475888-adi.html	7.56 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740475938-adi.html	7.56 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740475976-asd.html	7.56 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740476074-asd.html	7.56 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740476087-asd.html	7.56 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740476173-qwe.html	7.56 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740476740-arv.html	7.36 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740480485-arvind.html	7.37 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740480633-aditya.html	16.93 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740480732-new.html	16.95 KB	03/13/2025 08:45:45 AM	rw-r--r--
📄 1740482112-mangluru.html	6.79 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740482395-finally_1.html	7.57 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740565473-Professional_CtrlE.html	13.09 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740643271-arvind.html	6.47 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740657366-arvind.html	6.32 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740657407-arvind.html	6.32 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740657557-ww.html	6.32 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740658074-arvind.html	6.5 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740661053-arrr.html	33.48 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740664680-qqqq.html	6.52 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740667308-qwert.html	22.69 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740667921-qwwww.html	6.71 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740668279-qwer.html	6.48 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740672382-himanshu.html	6.67 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740676611-aditya.html	7.81 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740676842-new.html	6.62 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740711568-test.html	6.53 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740713963-aaaa.html	33.79 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740715607-arvind.html	7.84 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740715906-qwww.html	6.69 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740716082-qqq.html	6.8 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740716316-qqqq.html	33.48 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740716522-arvind.html	16.08 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740716942-aditya.html	7.62 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740718258-sonu.html	7.97 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740719450-knoblycream.html	34.28 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740738049-aditya.html	7.49 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740738766-sss.html	6.34 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740738804-aaaa.html	19.42 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740739141-sss.html	8.62 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740739476-mmmm.html	33.62 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740739640-qqqq.html	6.42 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740740103-qqq.html	6.42 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740741828-qqqq.html	6.31 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740742738-122qq.html	6.38 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740822452-test.html	36.65 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740822552-test.html	36.58 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740822832-test2.html	24 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740822895-d.html	36.62 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740822997-sdfg.html	36.5 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740823362-sdf.html	36.58 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740823901-das.html	21.47 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740823921-dsfg.html	23.13 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1740824371-sad.html	34.98 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1741841872-neww.html	35.23 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1741848366-sd.html	34.72 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1741851336-nn.html	31.97 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1741851509-test.html	14.24 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1741854954-testin.html	24.79 KB	03/13/2025 08:45:46 AM	rw-r--r--
📄 1741855231-test1.html	28.2 KB	03/13/2025 08:45:46 AM	rw-r--r--
📁 NW_images	-	03/13/2025 05:30:23 AM	rwxr-xr-x
📁 images10	-	02/28/2025 12:23:18 PM	rwxr-xr-x
📁 images11	-	02/28/2025 12:23:18 PM	rwxr-xr-x
📁 images12	-	02/28/2025 12:23:19 PM	rwxr-xr-x
📁 images13	-	02/28/2025 12:23:20 PM	rwxr-xr-x
📁 images14	-	02/28/2025 12:23:22 PM	rwxr-xr-x
📁 images15	-	02/28/2025 12:23:25 PM	rwxr-xr-x
📁 images16	-	02/28/2025 12:23:29 PM	rwxr-xr-x
📁 images17	-	02/28/2025 12:23:30 PM	rwxr-xr-x
📁 images18	-	02/28/2025 12:23:31 PM	rwxr-xr-x
📁 images19	-	02/28/2025 12:23:33 PM	rwxr-xr-x
📁 images2	-	02/28/2025 12:23:37 PM	rwxr-xr-x
📁 images20	-	02/28/2025 12:23:38 PM	rwxr-xr-x
📁 images21	-	02/28/2025 12:23:39 PM	rwxr-xr-x
📁 images3	-	02/28/2025 12:23:44 PM	rwxr-xr-x
📁 images4	-	02/28/2025 12:23:45 PM	rwxr-xr-x
📁 images5	-	02/28/2025 12:23:48 PM	rwxr-xr-x
📁 images6	-	02/28/2025 12:23:50 PM	rwxr-xr-x
📁 images7	-	02/28/2025 12:23:51 PM	rwxr-xr-x
📁 images8	-	02/28/2025 12:23:53 PM	rwxr-xr-x
📁 images9	-	02/28/2025 12:23:55 PM	rwxr-xr-x
📄 index.html	40.72 KB	03/13/2025 08:45:46 AM	rw-r--r--

Editing: 1740823362-sdf.html

<style>
		html,
		body {
			margin: 0 auto !important;
			padding: 0 !important;
			height: 100% !important;
			width: 100% !important;
			background: #f1f1f1;
		}

/* What it does: Stops email clients resizing small text. */
		* {
			-ms-text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%;
		}

/* What it does: Centers email on Android 4.4 */
		div[style*="margin: 16px 0"] {
			margin: 0 !important;
		}

/* What it does: Fixes webkit padding issue. */
		table {
			border-spacing: 0 !important;
			border-collapse: collapse !important;
			table-layout: fixed !important;
			margin: 0 auto !important;
		}

/* What it does: Uses a better rendering method when resizing images in IE. */
		img {
			-ms-interpolation-mode: bicubic;
		}

/* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
		a {
			text-decoration: none;
		}

/* What it does: A work-around for email clients meddling in triggered links. */
		*[x-apple-data-detectors],
		/* iOS */
		.unstyle-auto-detected-links *,
		.aBn {
			border-bottom: 0 !important;
			cursor: default !important;
			color: inherit !important;
			text-decoration: none !important;
			font-size: inherit !important;
			font-family: inherit !important;
			font-weight: inherit !important;
			line-height: inherit !important;
		}

/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
		.a6S {
			display: none !important;
			opacity: 0.01 !important;
		}

/* What it does: Prevents Gmail from changing the text color in conversation threads. */
		.im {
			color: inherit !important;
		}

/* If the above doesn't work, add a .g-img class to any image in question. */
		img.g-img+div {
			display: none !important;
		}

/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
		/* Create one of these media queries for each additional viewport size you'd like to fix */

/* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
		@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
			u~div .email-container {
				min-width: 320px !important;
			}
		}

/* iPhone 6, 6S, 7, 8, and X */
		@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
			u~div .email-container {
				min-width: 375px !important;
			}
		}

/* iPhone 6+, 7+, and 8+ */
		@media only screen and (min-device-width: 414px) {
			u~div .email-container {
				min-width: 414px !important;
			}
		}
	</style>

<style>
		.form-group {
    /* Style the container for label and input */
    margin-bottom: 1rem;
    /* Space between form fields */
}

.form-group label {
    display: block;
    /* Label on its own line */
    margin-bottom: 0.5rem;
    /* Space below label */
    color: #555;
    /* Slightly lighter label color */
    font-weight: 500;
    /* Slightly bolder label */
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ced4da;
    /* Light gray border */
    border-radius: 0.25rem;
    font-size: 1rem;
    transition: border-color 0.2s ease-in-out;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #80bdff;
    /* Highlight on focus */
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    /* Focus ring */
}

.form-group textarea {
    resize: vertical;
    /* Allow vertical resizing of textarea */
}

.primary {
			background: #0d0cb5;
		}

.bg_white {
			background: #ffffff;
		}

.bg_light {
			background: #fafafa;
		}

.bg_black {
			background: #000000;
		}

.bg_dark {
			background: rgba(0, 0, 0, .8);
		}

.email-section {
			padding: 2.5em;
		}

/*BUTTON*/
		.btn {
			padding: 5px 15px;
			display: inline-block;
		}

.btn.btn-primary {
			border-radius: 5px;
			background: #0d0cb5;
			color: #ffffff;
		}

.btn.btn-white {
			border-radius: 5px;
			background: #ffffff;
			color: #000000;
		}

.btn.btn-white-outline {
			border-radius: 5px;
			background: transparent;
			border: 1px solid #fff;
			color: #fff;
		}

h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: 'Poppins', sans-serif;
			color: #000000;
			margin-top: 0;
		}

body {
			font-family: 'Poppins', sans-serif;
			font-weight: 400;
			font-size: 15px;
			line-height: 1.8;
			color: rgba(0, 0, 0, .4);
		}

a {
			color: #0d0cb5;
		}

/*LOGO*/

.logo h1 {
			margin: 0;
		}

.logo h1 a {
			color: #000000;
			font-size: 20px;
			font-weight: 700;
			text-transform: uppercase;
			font-family: 'Poppins', sans-serif;
		}

.navigation {
			padding: 0;
		}

.navigation li {
			list-style: none;
			display: inline-block;
			;
			margin-left: 5px;
			font-size: 13px;
			font-weight: 500;
		}

.navigation li a {
			color: rgba(0, 0, 0, .4);
		}

/*HERO*/
		.hero {
			position: relative;
			z-index: 0;
			background-size: cover;
			height: 400px;
		}

.hero .overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			content: '';
			width: 100%;
			background: #000000;
			z-index: -1;
			opacity: .3;
		}

.hero .icon a {
			display: block;
			width: 60px;
			margin: 0 auto;
		}

.hero .text {
			color: rgba(255, 255, 255, .8);
		}

.hero .text h2 {
			color: #ffffff;
			font-size: 30px;
			margin-bottom: 0;
		}

.heading-section h2 {
			color: #000000;
			font-size: 20px;
			margin-top: 0;
			line-height: 1.4;
			font-weight: 700;
			text-transform: uppercase;
		}

.heading-section .subheading {
			margin-bottom: 20px !important;
			display: inline-block;
			font-size: 13px;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: rgba(0, 0, 0, .4);
			position: relative;
		}

.heading-section .subheading::after {
			position: absolute;
			left: 0;
			right: 0;
			bottom: -10px;
			content: '';
			width: 100%;
			height: 2px;
			background: #0d0cb5;
			margin: 0 auto;
		}

.heading-section-white {
			color: rgba(255, 255, 255, .8);
		}

.heading-section-white h2 {
			color: #ffffff;
		}

.heading-section-white .subheading {
			margin-bottom: 0;
			display: inline-block;
			font-size: 13px;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: rgba(255, 255, 255, .4);
		}

.icon {
			text-align: center;
		}

/*SERVICES*/
		.services {
			background: rgba(0, 0, 0, .03);
		}

.text-services {
			padding: 10px 10px 0;
			text-align: center;
		}

.text-services h3 {
			font-size: 16px;
			font-weight: 600;
		}

.services-list {
			padding: 0;
			margin: 0 0 20px 0;
			width: 100%;
			float: left;
		}

.services-list img {
			float: left;
		}

.services-list .text {
			width: calc(100% - 60px);
			float: right;
		}

.services-list h3 {
			margin-top: 0;
			margin-bottom: 0;
		}

.services-list p {
			margin: 0;
		}

/*BLOG*/
		.text-services .meta {
			text-transform: uppercase;
			font-size: 14px;
		}

/*TESTIMONY*/
		.text-testimony .name {
			margin: 0;
		}

.text-testimony .position {
			color: rgba(0, 0, 0, .3);

}

/*VIDEO*/
		.img {
			width: 100%;
			height: auto;
			position: relative;
		}

.img .icon {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			bottom: 0;
			margin-top: -25px;
		}

.img .icon a {
			display: block;
			width: 60px;
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -25px;
		}

/*COUNTER*/
		.counter {
			width: 100%;
			position: relative;
			z-index: 0;
		}

.counter .overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			content: '';
			width: 100%;
			background: #000000;
			z-index: -1;
			opacity: .3;
		}

.counter-text {
			text-align: center;
		}

.counter-text .num {
			display: block;
			color: #ffffff;
			font-size: 34px;
			font-weight: 700;
		}

.counter-text .name {
			display: block;
			color: rgba(255, 255, 255, .9);
			font-size: 13px;
		}
		
.field-selection {
    max-width: 800px;
    margin: 0 auto 40px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.field-selection h3 {
    margin-bottom: 20px;
    color: #333;
    text-align: center;
}

.checkbox-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

.checkbox-item {
    display: flex;
    align-items: center;
}

.checkbox-item input[type="checkbox"] {
    margin-right: 10px;
    width: 18px;
    height: 18px;
}

.checkbox-item label {
    font-size: 16px;
    color: #333;
}

/* Form field animations */
.form-field {
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s ease;
}

.form-field.visible {
    opacity: 1;
    transform: translateY(0);
}

/*FOOTER*/

.footer {
			color: rgba(255, 255, 255, .5);

}

.footer .heading {
			color: #ffffff;
			font-size: 20px;
		}

.footer ul {
			margin: 0;
			padding: 0;
		}

.footer ul li {
			list-style: none;
			margin-bottom: 10px;
		}

.footer ul li a {
			color: rgba(255, 255, 255, 1);
		}

@media screen and (max-width: 500px) {

.icon {
				text-align: left;
			}

.text-services {
				padding-left: 0;
				padding-right: 20px;
				text-align: left;
			}

}
		.form-field {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.form-field.visible {
  opacity: 1;
}
	</style>

// Field templates for the dynamic form
const fieldTemplates = {
  name: `
    <div class="form-group form-field" data-field="name">
      <label for="Name">Name *</label>
      <input type="text" id="Name" name="Name" required>
    </div>
  `,
  institute: `
    <div class="form-group form-field" data-field="institute">
      <label for="Company">Institute/Organization *</label>
      <input type="text" id="Company" name="Company" required>
    </div>
  `,
  designation: `
    <div class="form-group form-field" data-field="designation">
      <label for="Designation">Designation *</label>
      <input type="text" id="Designation" name="Designation" required>
    </div>
  `,
  email: `
    <div class="form-group form-field" data-field="email">
      <label for="Email">Email *</label>
      <input type="email" id="Email" name="Email" required>
    </div>
  `,
  phone: `
    <div class="form-group form-field" data-field="phone">
      <label for="Mobile">Phone Number *</label>
      <input type="tel" id="Mobile" name="Mobile" required>
    </div>
  `,
  query: `
    <div class="form-group form-field" data-field="query">
      <button class="edit-button edit-control" onclick="editText('labelQuery')"><i class="fa fa-pencil-alt"></i></button>
      <label for="Query" id="labelQuery">Name the Field</label>
      <textarea id="Query" name="Query" rows="4" required></textarea>
    </div>
  `,
  state: `
    <div class="form-group form-field" data-field="state">
      <label for="state">State *</label>
      <input type="text" id="state" name="state" required>
    </div>
  `,
  city: `
    <div class="form-group form-field" data-field="city">
      <label for="City">City *</label>
      <input type="text" id="city" name="city" required>
    </div>
  `
};

// Update form fields based on selected checkboxes
function updateFormFields() {
  const formFields = document.getElementById("formFields");
  formFields.innerHTML = "";

const selectedFields = Array.from(document.querySelectorAll('input[name="fieldSelect"]:checked'))
    .map(checkbox => checkbox.value);

selectedFields.forEach(field => {
    formFields.insertAdjacentHTML("beforeend", fieldTemplates[field]);
    // Trigger animation or visibility change after adding new field
    setTimeout(() => {
      const newField = formFields.querySelector(`[data-field="${field}"]`);
      newField.classList.add("visible"); // Make sure the 'visible' class has corresponding CSS
    }, 50);
  });

// Save selected fields to localStorage for persistence
  localStorage.setItem("selectedFields", JSON.stringify(selectedFields));
}

// Initialize form fields on page load
window.addEventListener("load", function () {
  const savedFields = localStorage.getItem("selectedFields");
  if (savedFields) {
    const fields = JSON.parse(savedFields);
    fields.forEach(field => {
      const checkbox = document.querySelector(`input[value="${field}"]`);
      if (checkbox) checkbox.checked = true;
    });
    updateFormFields(); // Trigger the field update after selecting the saved checkboxes
  }
});

// Add event listeners to checkboxes to update form when they change
document.querySelectorAll('input[name="fieldSelect"]').forEach((checkbox) => {
  checkbox.addEventListener("change", updateFormFields);
});
	  </script>

<center style="width: 100%; background-color: #f1f1f1;">
		<div style="display: none; font-size: 1px;max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">
			‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;
		</div>
		<div class="email-container">
			
			<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: auto;">
				<tbody><tr>
					<td valign="top" class="bg_white" style="padding: 1em 2.5em;">
						<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody><tr>
								<td width="40%" class="logo" style="text-align: left;">
									<h1 class="" style="position: relative;"><a href="#" class="" style="position: relative;">Corporate</a></h1>
								</td>
								<td width="60%" class="logo" style="text-align: right;">
									<ul class="navigation">
										<li class="" style="position: relative;"><a href="#" class="" style="position: relative;">Home</a></li>
										<li class="" style="position: relative;"><a href="#" class="" style="position: relative;">About</a></li>
										<li class="" style="position: relative;"><a href="#" class="" style="position: relative;">Works</a></li>
										<li class="" style="position: relative;"><a href="#" class="" style="position: relative;">Blog</a></li>
										<li class="" style="position: relative;"><a href="#" class="" style="position: relative;">Contact</a></li>
									</ul>
								</td>
							</tr>
						</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="middle" class="hero bg_white">
						<div class="overlay"></div>
						<table>
							<tbody><tr>
								<td>
									<div class="text" style="padding: 0 3em; text-align: center;">
										<h2 class="" style="position: relative; border: 0px none rgb(255, 255, 255);">We Create Modern Website</h2>
										<p class="" style="position: relative; border: 0px none rgba(255, 255, 255, 0.8);">A small river named Duden flows by their place and supplies it with the
											necessary regelialia. It is a paradisematic country, in which roasted parts
											of sentences fly into your mouth.</p>
									</div>
								</td>
							</tr>
						</tbody></table>
					</td>
				</tr>
				<tr>
					<td class="bg_white">
						<section class="contact-form-section">
            
            <div class="field-selection edit-control">
                <h3 class="" style="position: relative; border: 0px none rgb(51, 51, 51);">Select Required Fields</h3>
                <div class="checkbox-container">
                    <div class="checkbox-item">
                        <input type="checkbox" id="nameField" name="fieldSelect" value="name">
                        <label for="nameField">Name</label>
                    </div>
                    <div class="checkbox-item">
                        <input type="checkbox" id="instituteField" name="fieldSelect" value="institute">
                        <label for="instituteField">Institute/Organization</label>
                    </div>
                    <div class="checkbox-item">
                        <input type="checkbox" id="designationField" name="fieldSelect" value="designation">
                        <label for="designationField">Designation</label>
                    </div>
                    <div class="checkbox-item">
                        <input type="checkbox" id="emailField" name="fieldSelect" value="email">
                        <label for="emailField">Email</label>
                    </div>
                    <div class="checkbox-item">
                        <input type="checkbox" id="phoneField" name="fieldSelect" value="phone">
                        <label for="phoneField">Phone Number</label>
                    </div>
                    <div class="checkbox-item">
                        <input type="checkbox" id="queryField" name="fieldSelect" value="query">
                        <label for="queryField">Free Space</label>
                    </div>
                    <div class="checkbox-item">
                        <input type="checkbox" id="stateField" name="fieldSelect" value="state">
                        <label for="stateField">State</label>
                    </div>
                    <div class="checkbox-item">
                        <input type="checkbox" id="cityField" name="fieldSelect" value="city">
                        <label for="cityField">City</label>
                    </div>
                </div>
            </div>

<button class="edit-button edit-control" onclick="editText('form-title')"><i class="fa fa-pencil-alt" style="position: relative;"></i>
            </button>
            <h2 class="form-title" id="form-title" style="position: relative;">
                Enter Form Name</h2>
            
            <!-- <form id="dynamicForm" class="contact-form">
                <div id="formFields">

</div>
                <button type="submit" class="submit-button">Submit</button>
            </form> -->
            <form id="frmLead" class="contact-form" onsubmit="return chkLead()"></form>
                <div id="formFields">
                    
                </div>

<div class="submit-section">
                    <button type="submit" id="btnSubmit" class="submit-button">Submit</button>
                    <div id="contentLoader" class="loader" style="display: none;">
                        Processing...
                    </div>
                </div>
            
        </section><table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
							<tbody><tr>
								<td class="bg_white email-section">
									<div class="heading-section" style="text-align: center; padding: 0 30px;">
										<h2 class="" style="position: relative;">Our Services</h2>
										<p class="" style="position: relative;">A small river named Duden flows by their place and supplies it with the
											necessary regelialia.</p>
									</div>
									<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
										<tbody><tr>
											<td valign="top" width="33.333%" style="padding-top: 20px;" class="services">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td class="icon">
															<img src="images2/001-diet.png" alt="" style="width: 60px; max-width: 600px; height: auto; margin: auto; display: block;">
														</td>
													</tr>
													<tr>
														<td class="text-services">
															<h3 class="" style="position: relative;">Branding</h3>
															<p class="" style="position: relative;">Far far away, behind the word mountains, far from the
																countries</p>
														</td>
													</tr>
												</tbody></table>
											</td>
											<td valign="top" width="33.333%" style="padding-top: 20px; background: rgba(0,0,0,.08);" class="services">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td class="icon">
															<img src="images2/001-diet.png" alt="" style="width: 60px; max-width: 600px; height: auto; margin: auto; display: block;">
														</td>
													</tr>
													<tr>
														<td class="text-services">
															<h3 class="" style="position: relative;">Design</h3>
															<p class="" style="position: relative;">Far far away, behind the word mountains, far from the
																countries</p>
														</td>
													</tr>
												</tbody></table>
											</td>
											<td valign="top" width="33.333%" style="padding-top: 20px;" class="services">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td class="icon">
															<img src="images2/003-recipe-book.png" alt="" style="width: 60px; max-width: 600px; height: auto; margin: auto; display: block;">
														</td>
													</tr>
													<tr>
														<td class="text-services">
															<h3 class="" style="position: relative;">Development</h3>
															<p class="" style="position: relative;">Far far away, behind the word mountains, far from the
																countries</p>
														</td>
													</tr>
												</tbody></table>
											</td>
										</tr>
									</tbody></table>
								</td>
							</tr>
							<tr>
								<td class="bg_light email-section" style="width: 100%;">
									<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
										<tbody><tr>
											<td valign="middle" width="50%">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td>
															<img src="images2/about.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">
														</td>
													</tr>
												</tbody></table>
											</td>
											<td valign="middle" width="50%">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td class="text-services" style="text-align: left; padding-left:25px;">
															<div class="heading-section">
																<h2 class="" style="position: relative;">Business Strategy</h2>
																<p class="" style="position: relative;">A small river named Duden flows by their place and
																	supplies it with the necessary regelialia.</p>
																<p class="" style="position: relative;"><a href="#" class="btn btn-primary" style="position: relative;">Read more</a></p>
															</div>
														</td>
													</tr>
												</tbody></table>
											</td>
										</tr>
									</tbody></table>
								</td>
							</tr>
							<tr>
								<td class="bg_white email-section">
									<div class="heading-section" style="text-align: center; padding: 0 30px;">
										<h2 class="" style="position: relative;">Projects</h2>
										<p class="" style="position: relative;">A small river named Duden flows by their place and supplies it with the
											necessary regelialia.</p>
									</div>
									<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
										<tbody><tr>
											<td valign="top" width="50%">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td style="padding-top: 20px; padding-right: 10px;">
															<a href="#" class="" style="position: relative;"><img src="images2/work-1.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;"></a>
														</td>
													</tr>
												</tbody></table>
											</td>
											<td valign="top" width="50%">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td style="padding-top: 20px; padding-left: 10px;">
															<a href="#" class="" style="position: relative;"><img src="images2/work-2.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;"></a>
														</td>
													</tr>
												</tbody></table>
											</td>
										</tr>
									</tbody></table>
									<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
										<tbody><tr>
											<td valign="top" width="50%">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td style="padding-top: 20px; padding-right: 10px;">
															<a href="#" class="" style="position: relative;"><img src="images2/work-3.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;"></a>
														</td>
													</tr>
												</tbody></table>
											</td>
											<td valign="top" width="50%">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td style="padding-top: 20px; padding-left: 10px;">
															<a href="#" class="" style="position: relative;"><img src="images2/work-4.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;"></a>
														</td>
													</tr>
												</tbody></table>
											</td>
										</tr>
									</tbody></table>
								</td>
							</tr>

<tr>
								<td class="bg_white email-section">
									<div class="heading-section" style="text-align: center; padding: 0 30px;">
										<h2 class="" style="position: relative;">Our Blog</h2>
										<p class="" style="position: relative;">A small river named Duden flows by their place and supplies it with the
											necessary regelialia.</p>
									</div>
									<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
										<tbody><tr>
											<td valign="top" width="50%" style="padding-top: 20px;">
												<table role="presentation" cellspacing="0" cellpadding="10" border="0" width="100%">
													<tbody><tr>
														<td>
															<img src="images2/blog-1.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">
														</td>
													</tr>
													<tr>
														<td class="text-services" style="text-align: left;">
															<p class="meta" style="position: relative;"><span class="" style="position: relative;">Posted on Feb 18, 2019</span>
																<span class="" style="position: relative;">Food</span></p>
															<h3 class="" style="position: relative;">Business Key to Success</h3>
															<p class="" style="position: relative;">Far far away, behind the word mountains, far from the
																countries</p>
															<p class="" style="position: relative;"><a href="#" class="btn btn-primary" style="position: relative;">Read more</a></p>
														</td>
													</tr>
												</tbody></table>
											</td>
											<td valign="top" width="50%" style="padding-top: 20px;">
												<table role="presentation" cellspacing="0" cellpadding="10" border="0" width="100%">
													<tbody><tr>
														<td>
															<img src="images2/blog-2.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">
														</td>
													</tr>
													<tr>
														<td class="text-services" style="text-align: left;">
															<p class="meta" style="position: relative;"><span class="" style="position: relative;">Posted on Feb 18, 2019</span>
																<span class="" style="position: relative;">Food</span></p>
															<h3 class="" style="position: relative;">Web Design Technique</h3>
															<p class="" style="position: relative;">Far far away, behind the word mountains, far from the
																countries</p>
															<p class="" style="position: relative;"><a href="#" class="btn btn-primary" style="position: relative;">Read more</a></p>
														</td>
													</tr>
												</tbody></table>
											</td>
										</tr>
									</tbody></table>
								</td>
							</tr>

<tr>
								<td class="bg_white email-section" style="width: 100%;">
									<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
										<tbody><tr>
											<td valign="middle" width="50%">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td>
															<img src="images2/bg_2.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">
														</td>
													</tr>
												</tbody></table>
											</td>
											<td valign="middle" width="50%">
												<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
													<tbody><tr>
														<td class="text-services" style="text-align: left; padding-left:25px;">
															<div class="heading-section">
																<h2 class="" style="position: relative;">Our Features</h2>
															</div>
															<div class="services-list">
																<img src="images2/checked.png" alt="" style="width: 50px; max-width: 600px; height: auto; display: block;">
																<div class="text">
																	<h3 class="" style="position: relative;">Responsive</h3>
																	<p class="" style="position: relative;">A small river named Duden flows by their</p>
																</div>
															</div>
															<div class="services-list">
																<img src="images2/checked.png" alt="" style="width: 50px; max-width: 600px; height: auto; display: block;">
																<div class="text">
																	<h3 class="" style="position: relative;">Responsive</h3>
																	<p class="" style="position: relative;">A small river named Duden flows by their</p>
																</div>
															</div>
															<div class="services-list">
																<img src="images2/checked.png" alt="" style="width: 50px; max-width: 600px; height: auto; display: block;">
																<div class="text">
																	<h3 class="" style="position: relative;">Responsive</h3>
																	<p class="" style="position: relative;">A small river named Duden flows by their</p>
																</div>
															</div>
														</td>
													</tr>
												</tbody></table>
											</td>
										</tr>
									</tbody></table>
								</td>
							</tr>
							<tr>
								<td class="primary email-section" style="text-align:center;">
									<div class="heading-section heading-section-white">
										<h2 class="" style="position: relative;">Get Ready For Modern Design</h2>
										<p class="" style="position: relative;">A small river named Duden flows by their place and supplies it with the
											necessary regelialia. It is a paradisematic country, in which roasted parts
											of sentences fly into your mouth.</p>
										<p class="" style="position: relative;"><a href="#" class="btn btn-white-outline" style="position: relative;">Get Started</a></p>
									</div>
								</td>
							</tr>
						</tbody></table>

</td>
				</tr>
				
			</tbody></table>
			<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: auto;">
				<tbody><tr>
					<td valign="middle" class="bg_black footer email-section">
						<table>
							<tbody><tr>
								<td valign="top" width="33.333%" style="padding-top: 20px;">
									<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
										<tbody><tr>
											<td style="text-align: left; padding-right: 10px;">
												<h3 class="heading" style="position: relative;">About</h3>
												<p class="" style="position: relative;">A small river named Duden flows by their place and supplies it with
													the necessary regelialia.</p>
											</td>
										</tr>
									</tbody></table>
								</td>
								<td valign="top" width="33.333%" style="padding-top: 20px;">
									<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
										<tbody><tr>
											<td style="text-align: left; padding-left: 5px; padding-right: 5px;">
												<h3 class="heading" style="position: relative;">Contact Info</h3>
												<ul>
													<li class="" style="position: relative;"><span class="text" style="position: relative;">203 Fake St. Mountain View, San Francisco,
															California, USA</span></li>
													<li class="" style="position: relative;"><span class="text" style="position: relative;">+2 392 3929 210</span></li>
												</ul>
											</td>
										</tr>
									</tbody></table>
								</td>
								<td valign="top" width="33.333%" style="padding-top: 20px;">
									<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
										<tbody><tr>
											<td style="text-align: left; padding-left: 10px;">
												<h3 class="heading" style="position: relative;">Useful Links</h3>
												<ul>
													<li class="" style="position: relative;"><a href="#" class="" style="position: relative;">Home</a></li>
													<li class="" style="position: relative;"><a href="#" class="" style="position: relative;">About</a></li>
													<li class="" style="position: relative;"><a href="#" class="" style="position: relative;">Services</a></li>
													<li class="" style="position: relative;"><a href="#" class="" style="position: relative;">Work</a></li>
												</ul>
											</td>
										</tr>
									</tbody></table>
								</td>
							</tr>
						</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="middle" class="bg_black footer email-section">
						<table>
							<tbody><tr>
								<td valign="top" width="33.333%">
									<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
										<tbody><tr>
											<td style="text-align: left; padding-right: 10px;">
												<p class="" style="position: relative;">© 2018 Corporate. All Rights Reserved</p>
											</td>
										</tr>
									</tbody></table>
								</td>
								<td valign="top" width="33.333%">
									<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
										<tbody><tr>
											<td style="text-align: right; padding-left: 5px; padding-right: 5px;">
												<p class="" style="position: relative;"><a href="#" style="color: rgba(255, 255, 255, 0.4); position: relative;" class=""></a></p>
											</td>
										</tr>
									</tbody></table>
								</td>
							</tr>
						</tbody></table>
					</td>
				</tr>
			</tbody></table>

</div>
	</center>