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: 1741953945-Landing_Page_1.html

.bg_white {
        background-color: #ffffff;
      }

.bg_light {
        background-color: #f8f9fa;
      }

.bg_black {
        background-color: #222222;
        color: #ffffff;
      }

.primary {
        background-color: #007bff;
        color: #ffffff;
      }

.email-container {
        margin: auto;
      }

.hero {
        position: relative;
        padding: 3em 0;
        text-align: center;
      }

.hero img {
        padding: 15px;
        width: 100%;
        height: auto;
        object-fit: cover;
      }

.hero .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 0;
      }

.hero .text {
        position: relative;
        z-index: 1;
        color: #ffffff;
      }

.logo h1 {
        margin: 0;
        font-weight: bold;
      }

.logo h1 a {
        color: #222222;
        text-decoration: none;
      }

.navigation {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: flex-end;
      }

.navigation li {
        margin-left: 20px;
      }

.navigation li a {
        color: #222222;
        text-decoration: none;
      }

.email-section {
        padding: 2em;
      }

.heading-section {
        margin-bottom: 2em;
      }

.btn {
        padding: 10px 20px;
        border-radius: 5px;
        text-decoration: none;
        display: inline-block;
        margin-top: 10px;
      }

.btn-primary {
        background-color: #007bff;
        color: #ffffff;
        border: none;
      }

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

.services-list {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
      }

.services-list img {
        width: 30px;
        margin-right: 14px;
      }

.footer {
        padding: 2em;
      }

.footer ul {
        gap: 10px;
        display: flex;
        list-style: none;
        padding: 0;
      }

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

.footer a {
        color: #ffffff;
        text-decoration: none;
      }

/* Form Styles */
      .contact-form {
        background: #ffffff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
      }

.form-group {
        margin-bottom: 20px;
      }

.form-control {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
      }

.submit-button {
        padding: 10px 30px;
        background-color: #007bff;
        color: #ffffff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
      }

.loader {
        margin-top: 15px;
      }

.status-panel {
        margin: 15px 0;
        min-height: 30px;
      }

.text-danger {
        color: #dc3545;
      }

.text-success {
        color: #28a745;
      }

/* Image placeholders */
      .image-placeholder {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #6c757d;
      }

.blog-image,
      .project-image,
      .about-image {
        /* height: 200px; */
        width: 100%;
        object-fit: cover;
      }
    </style>
  
  
    <div class="email-container">
      
      <div class="bg_white" style="padding: 1em 2.5em">
        <div class="row">
          <div class="col-md-6">
            <div class="logo text-start">
              <h1 class="" style="position: relative;"><a href="#" class="" style="position: relative;">Corporate</a></h1>
            </div>
          </div>
          <div class="col-md-6">
            <div class="logo text-end">
              <ul class="navigation">
                <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;">Works</a></li>
                <li><a href="#" class="" style="position: relative;">Blog</a></li>
                <li><a href="#" class="" style="position: relative;">Contact</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>

<div class="hero bg_white position-relative">
        <div class="overlay"></div>
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="text" style="padding: 0 3em; text-align: center">
                <h2 class="" spellcheck="false" style="position: relative; border: 0px none rgb(255, 255, 255);">We elevate IT environment to improve employee experience<br></h2><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;" class="dnXmp"></grammarly-extension><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;" class="dnXmp"></grammarly-extension>
                <p class="" spellcheck="false" style="position: relative; border: 0px none rgb(255, 255, 255);">Providing best-in-class IT Infrastructure is instrumental in catapulting a startup into one of the best places to work for. Kindly reach out to us today so that we can create the perfect launch pad for your organization in order to become a Fortune 500 company<br></p><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;" class="dnXmp"></grammarly-extension><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;" class="dnXmp"></grammarly-extension>
              <grammarly-extension-vbars data-grammarly-shadow-root="true" class="dnXmp" style="display: contents;"></grammarly-extension-vbars><grammarly-extension-vbars data-grammarly-shadow-root="true" class="dnXmp" style="display: contents;"></grammarly-extension-vbars></div>
            </div>
          </div>
        </div>
        
      </div>

<div class="bg_light email-section">
        <div class="container">
          <div class="row">
            <div class="col-md-6">
              <img src="images2/about.jpg" alt="About" class="about-image">
            </div>
            <div class="col-md-6">
              <div class="text-services ps-4">
                <div class="heading-section">
                  <h2 class="" spellcheck="false" style="position: relative; border: 0px none rgb(51, 51, 51);">IT Consultation<br></h2><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;" class="dnXmp"></grammarly-extension><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;" class="dnXmp"></grammarly-extension>
                  <p class="" spellcheck="false" style="position: relative; border: 0px none rgb(51, 51, 51);">
                    Please reach out to us for IT Upgradation or maintenance requirements</p><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;" class="dnXmp"></grammarly-extension><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;" class="dnXmp"></grammarly-extension>
                  <p class="" spellcheck="false" style="position: relative; border: 0px none rgb(51, 51, 51);"><a href="www.ctrle.in" class="btn btn-primary" style="position: relative; border: 0px none rgb(255, 255, 255);">Read more</a></p><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;" class="dnXmp"></grammarly-extension><grammarly-extension data-grammarly-shadow-root="true" class="dnXmp" style="position: absolute; top: 0px; left: 0px; pointer-events: none; z-index: auto;"></grammarly-extension>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

<div class="bg_white email-section">
        <div class="container">
          <div class="heading-section text-center pb-4">
            <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>

<div class="bg_white email-section">
        <div class="container">
          <div class="heading-section text-center pb-4">
            <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>

<div class="row">
            <div class="col-md-6 mb-4">
              <div class="image-placeholder blog-image">
                <img src="images2/blog-1.jpg" alt="Blog 1" class="blog-image">
              </div>
              <div class="text-services mt-3">
                <p class="meta" style="position: relative;">
                  <span class="" style="position: relative;">Posted on Feb 18, 2019</span>
                  <span class="ms-3" 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>
              </div>
            </div>
            <div class="col-md-6 mb-4">
              <div class="image-placeholder blog-image">
                <img src="images2/blog-2.jpg" alt="Blog 2" class="blog-image">
              </div>
              <div class="text-services mt-3">
                <p class="meta" style="position: relative;">
                  <span class="" style="position: relative;">Posted on Feb 18, 2019</span>
                  <span class="ms-3" 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>
              </div>
            </div>
          </div>
        </div>
      </div>

<section id="form-section" class="section content-section bg_light py-5">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <h2 id="form-title" class="text-center mb-4" style="position: relative;">Contact form</h2>
            </div>
          </div>

<div class="row">
                    <div class="col-md-12">
                      <div class="form-group form-field visible" data-field="email">
                        <label for="Email">Email *</label>
                        <input type="email" id="Email" name="Email" class="form-control" required="">
                      </div>
                    </div>
                  </div>

<div class="row">
                    <div class="col-md-12">
                      <div class="form-group form-field visible" data-field="phone">
                        <label for="Mobile">Phone Number *</label>
                        <input type="tel" id="Mobile" name="Mobile" class="form-control" required="">
                      </div>
                    </div>
                  </div>

<div class="row">
                    <div class="col-md-12">
                      <div class="form-group form-field visible" data-field="query">
                        <label for="Query">Message *</label>
                        <textarea id="Query" name="Query" rows="4" class="form-control" required=""></textarea>
                      </div>
                    </div>
                  </div>
                </div>

<div class="row">
                  <div class="col-md-12">
                    <div class="submit-section text-center">
                      <button type="submit" id="btnSubmit" class="btn btn-primary submit-button">
                        Submit
                      </button>
                      <div id="contentLoader" class="loader" style="display: none">
                        Processing...
                      </div>
                    </div>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </section>

<div class="bg_white email-section">
        <div class="container">
          <div class="row">
            <div class="col-md-6">
              <img src="images2/bg_2.jpg" alt="Features" class="about-image">
            </div>
            <div class="col-md-6">
              <div class="text-services ps-4">
                <div class="heading-section">
                  <h2 class="" style="position: relative;">Our Features</h2>
                </div>
                <div class="services-list">
                  <img src="images2/checked.png" alt="Checked">
                  <div class="text">
                    <h3 class="" style="position: relative;">Responsive</h3>
                    <p class="" style="position: relative; border: 0px none rgb(51, 51, 51);">A small river named Duden flows by their</p>
                  </div>
                </div>
                <div class="services-list">
                  <img src="images2/checked.png" alt="Checked">
                  <div class="text">
                    <h3 class="" style="position: relative;">Responsive</h3>
                    <p class="" style="position: relative;">
                      A small river named Duden flows by their place and
                      supplies it with the necessary regelialia.
                    </p>
                  </div>
                </div>
                <div class="services-list">
                  <img src="images2/checked.png" alt="Checked">
                  <div class="text">
                    <h3 class="" style="position: relative; border: 0px none rgb(51, 51, 51);">Responsive</h3>
                    <p class="" style="position: relative;">A small river named Duden flows by their</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

<div class="bg_black email-section footer">
        <div class="container">
          <div class="row">
            <div class="col-md-6">
              <h4 class="" style="position: relative;">Corporate</h4>
              <p class="" style="position: relative;">All rights reserved © 2025</p>
            </div>
            <div class="col-md-6 text-end">
              <ul>
                <li><a href="#" class="" style="position: relative;">Privacy Policy</a></li>
                <li><a href="#" class="" style="position: relative;">Terms of Service</a></li>
                <li><a href="#" class="" style="position: relative;">Support</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
  
  <script src="script.js"></script>

<grammarly-extension-vbars data-grammarly-shadow-root="true" class="dnXmp" style="display: contents;"></grammarly-extension-vbars><grammarly-extension-vbars data-grammarly-shadow-root="true" class="dnXmp" style="display: contents;"></grammarly-extension-vbars><grammarly-extension-vbars data-grammarly-shadow-root="true" class="dnXmp" style="display: contents;"></grammarly-extension-vbars>