OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	05/19/2025 10:07:15 AM	rwxr-xr-x
📄 1741862587-thes.html	27.35 KB	03/13/2025 10:58:34 AM	rw-r--r--
📄 1741941583-google.html	31.64 KB	03/14/2025 10:01:29 AM	rw-r--r--
📄 1741945440-asd.html	13.41 KB	03/14/2025 09:44:00 AM	rw-r--r--
📄 1741945779-custom.html	31.85 KB	03/14/2025 10:01:27 AM	rw-r--r--
📄 1741952984-lastsrf.html	17.02 KB	03/14/2025 11:49:44 AM	rw-r--r--
📄 1741953087-google.html	16.66 KB	03/14/2025 11:51:27 AM	rw-r--r--
📄 1741953238-lastsrf.html	16.89 KB	03/14/2025 11:53:58 AM	rw-r--r--
📄 1741953811-finally.html	33.4 KB	03/14/2025 12:03:31 PM	rw-r--r--
📄 1741953945-Landing_Page_1.html	19.27 KB	03/14/2025 12:05:45 PM	rw-r--r--
📄 1742520236-growthorbit1.html	33.46 KB	03/21/2025 01:23:56 AM	rw-r--r--
📄 1746532627-sdss.html	17.04 KB	05/06/2025 11:57:07 AM	rw-r--r--
📄 1749123833-ss.html	16.69 KB	06/05/2025 11:43:53 AM	rw-r--r--
📁 NW_images	-	05/06/2025 11:56:53 AM	rwxrwxrwx

Editing: 1741941583-google.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: 70%;
    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;
}
#btnSubmit{
	padding: 8px 16px;
    background-color: #0d0cb5;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
	</style>

<!-- <script>
	const chkFilterEmail = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

// 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; border: 0px none rgb(0, 0, 0);"><a href="https://google.com" class="" style="position: relative; border: 0px none rgb(0, 0, 0);">google</a></h1>
								</td>
								<td width="60%" class="logo" style="text-align: right;">
									<ul class="navigation">
										<li><a href="asdas" class="" style="position: relative; border: 0px none rgba(0, 0, 0, 0.4);">asdda</a></li>
										<li><a href="#" class="" style="position: relative;">About</a></li>
										<li><a href="#" class="" style="position: relative;">Works</a></li>
										<li><a href="#" class="" style="position: relative; border: 0px none rgba(0, 0, 0, 0.4);">Blog</a></li>
										<li><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 id="form-section" class="section content-section">	
									<h2 id="form-title" style="text-align: center; position: relative; border: 0px none rgb(0, 0, 0);" class="">Contact form</h2>
								  <form id="frmLead" class="contact-form" onsubmit="return chkLead()"></form>
									<div id="formFields" style="text-align: center;">
										<div class="form-group form-field visible" data-field="name">
											<label for="Name">Name *</label>
											<input type="text" id="Name" name="Name" required="">
										</div>

<div class="form-group form-field visible" data-field="email">
											<label for="Email">Email *</label>
											<input type="email" id="Email" name="Email" required="">
										</div>
					
										<div class="form-group form-field visible" data-field="phone">
											<label for="Mobile">Phone Number *</label>
											<input type="tel" id="Mobile" name="Mobile" required="">
										</div>
					
										<div class="form-group form-field visible" data-field="query">
											<label for="Query">Message *</label>
											<textarea id="Query" name="Query" rows="4" required=""></textarea>
										</div>
									</div>
					
									<div id="panelStatus" class="status-panel"></div>
					
									<div class="submit-section" style="text-align: center;">
										<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_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;">
															<img src="images2/work-1.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">
														</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;">
															<img src="images2/work-2.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">
														</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;">
															<img src="images2/work-3.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">
														</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;">
															<img src="images2/work-4.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">
														</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 style="color: white; position: relative;" class="">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="color: white; text-align: left; padding-left: 5px; padding-right: 5px;">
												<h3 class="heading" style="position: relative;">Contact Info</h3>
												<ul>
													<li><span class="text" style="position: relative;">203 Fake St. Mountain View, San Francisco,
															California, USA</span></li>
													<li><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><a href="#" class="" style="position: relative;">Home</a></li>
													<li><a href="#" class="" style="position: relative;">About</a></li>
													<li><a href="#" class="" style="position: relative;">Services</a></li>
													<li><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>