Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.37.1.lve.el8.x86_64

PHP Version:

8.0.30

User:

u885320773

Directory:

/home/u885320773/domains/sugatu.shop/public_html/wp-content/themes/SugatuDefault

Free Space:

2.34 TB

🔧 Quick Actions

✏️ Editing: patterns.html

<!DOCTYPE html>




<html class="no-js">

<body>
  <a href="javascript:void(0)" class="btn-alt" id="skipToContent">Skip to Content</a>
  
  <div class="site-wrap">

<section class="site-content destination" role="main">
      <div class="inner-wrap">
        <div id="breadcrumbs" class="breadcrumb-menu"><span><span><a href="#">Home</a> &gt; <span
                class="breadcrumb_last">Breadcrumbs</span></span></span></div>

<h1>This is an h1</h1>
        <p class="emph">Emphasized text porta erat id dictum. In ultricies, nisl id suscipit pulvinar, mauris tellus
          feugiat lorem, a rutrum turpis est in odio. Phasellus est eros, rutrum sit amet rutrum ut, dignissim a tellus.
        </p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris faucibus risus dolor, vel rhoncus metus
          feugiat eget. Ut volutpat vel libero eget volutpat. Nam blandit pellentesque placerat. Phasellus at faucibus
          lectus. <strong>Aenean pretium nisi pulvinar mi euismod,</strong> et placerat metus condimentum. Vestibulum ut
          ultricies nunc. Etiam euismod, enim eget malesuada lobortis, ante purus pulvinar risus, at <a href="#">blandit
            libero arcu quis elit</a>. Integer enim leo, posuere in elit eget, pretium rhoncus lorem. Quisque commodo
          ligula ultrices, pretium nulla a, egestas sem. Praesent interdum interdum pharetra. Phasellus auctor vehicula
          enim. Pellentesque quis eros massa. Etiam</p>

<blockquote class="blockquote-text">
          Blockquote: Maecenas ante purus, laoreet sed venenatis et, dignissim vel erat. Donec nec diam sed turpis
          tempus luctus sit amet eu ipsum. Nullam libero dolor, rhoncus in mi ut, ullamcorper consequat nulla. Nullam
          blandit nisi vitae rutrum dapibus. Curabitur nec diam eu mauris fringilla cursus.
        </blockquote>

<h2>This is an h2</h2>
        <p>Maecenas ante purus, laoreet sed venenatis et, dignissim vel erat. Donec nec diam sed turpis tempus luctus
          sit amet eu ipsum. Nullam libero dolor, rhoncus in mi ut, ullamcorper consequat nulla. Nullam blandit nisi
          vitae rutrum dapibus. Curabitur nec diam eu mauris fringilla cursus. Nam felis ipsum, sodales sit amet mollis
          id, adipiscing vitae velit. Maecenas sollicitudin erat eget nisl consectetur varius.</p>

<h3>This is an h3</h3>
        <p>Maecenas ante purus, laoreet sed venenatis et, dignissim vel erat. Donec nec diam sed turpis tempus luctus
          sit amet eu ipsum. Nullam libero dolor, rhoncus in mi ut, ullamcorper consequat nulla. Nullam blandit nisi
          vitae rutrum dapibus. Curabitur nec diam eu mauris fringilla cursus. Nam felis ipsum, sodales sit amet mollis
          id, adipiscing vitae velit.</p>

<h4>This is an h4</h4>
        <p>Maecenas ante purus, laoreet sed venenatis et, dignissim vel erat. Donec nec diam sed turpis tempus luctus
          sit amet eu ipsum. Nullam libero dolor, rhoncus in mi ut, ullamcorper consequat nulla. Nullam blandit nisi
          vitae rutrum dapibus. Curabitur nec diam eu mauris fringilla cursus. Nam felis ipsum, sodales sit amet mollis
          id, adipiscing vitae velit.</p>

<h5>This is an h5</h5>
        <p>Maecenas ante purus, laoreet sed venenatis et, dignissim vel erat. Donec nec diam sed turpis tempus luctus
          sit amet eu ipsum. Nullam libero dolor, rhoncus in mi ut, ullamcorper consequat nulla. Nullam blandit nisi
          vitae rutrum dapibus. Curabitur nec diam eu mauris fringilla cursus. Nam felis ipsum, sodales sit amet mollis
          id, adipiscing vitae velit.</p>

<h6>This is an h6</h6>
        <p>Maecenas ante purus, laoreet sed venenatis et, dignissim vel erat. Donec nec diam sed turpis tempus luctus
          sit amet eu ipsum. Nullam libero dolor, rhoncus in mi ut, ullamcorper consequat nulla. Nullam blandit nisi
          vitae rutrum dapibus. Curabitur nec diam eu mauris fringilla cursus. Nam felis ipsum, sodales sit amet mollis
          id, adipiscing vitae velit.</p>

<hr />

<h2>Unorganized List</h2>
        <ul class="bullet-style">
          <li>This is an unorganized list item lvl 1
            <ul>
              <li>This is a second level unorganized list item lvl 2</li>
              <li>This is a second level unorganized list item lvl 2</li>
              <li>This is a second level unorganized list item lvl 2</li>
            </ul>
          </li>
          <li>This is an unorganized list item lvl 1</li>
          <li>This is an unorganized list item lvl 1
            <ul>
              <li>This is a second level unorganized list item lvl 2</li>
              <li>This is a second level unorganized list item lvl 2</li>
              <li>This is a second level unorganized list item lvl 2</li>
            </ul>
          </li>
          <li>This is an unorganized list item lvl 1</li>
        </ul>

<hr />

<h2>Organized List</h2>
        <ol>
          <li>This is an organized list item lvl 1
            <ol>
              <li>This is a second level organized list item lvl 2</li>
              <li>This is a second level organized list item lvl 2</li>
              <li>This is a second level organized list item lvl 2</li>
            </ol>
          </li>
          <li>This is an organized list item lvl 1</li>
          <li>This is an organized list item lvl 1
            <ol>
              <li>This is a second level organized list item lvl 2</li>
              <li>This is a second level organized list item lvl 2</li>
              <li>This is a second level organized list item lvl 2</li>
            </ol>
          </li>
          <li>This is an organized list item lvl 1</li>
        </ol>
        <hr />
      </div>

<div class="additional-content">
        
        <div class="inner-wrap">
          <h2>Image Gallery Example</h2>
          <div class="innerpage-carousel">
            <div id="slider" class="flexslider">
              <ul class="slides">
                <li> <img src="img/slide-1.jpg" alt="slide" title="slide" /> </li>
                <li> <img src="img/slide-1.jpg" alt="slide-2" title="slide-2" /> </li>
                <li> <img src="img/slide-1.jpg" alt="slide-3" title="slide-3" /> </li>
                <li> <img src="img/slide-1.jpg" alt="slide-4" title="slide-4" /> </li>
                <li> <img src="img/slide-1.jpg" alt="slide-5" title="slide-5" /> </li>
                <li> <img src="img/slide-1.jpg" alt="slide-6" title="slide-6" /> </li>
              </ul>
            </div>
            <div id="carousel" class="flexslider">
              <ul class="slides">
                <li>
                  <figure><img src="img/slide-thumbnail-hover-1.jpg" alt="slide-thumbnail 1"
                      title="slide-thumbnail 2" /></figure>
                </li>
                <li>
                  <figure><img src="img/slide-thumbnail-hover-1.jpg" alt="slide-thumbnail 2"
                      title="slide-thumbnail 2" /></figure>
                </li>
                <li>
                  <figure><img src="img/slide-thumbnail-hover-1.jpg" alt="slide-thumbnail 3"
                      title="slide-thumbnail 3" /></figure>
                </li>
                <li>
                  <figure><img src="img/slide-thumbnail-hover-1.jpg" alt="slide-thumbnail 4"
                      title="slide-thumbnail 4" /></figure>
                </li>
                <li>
                  <figure><img src="img/slide-thumbnail-hover-1.jpg" alt="slide-thumbnail 5"
                      title="slide-thumbnail 5" /></figure>
                </li>
                <li>
                  <figure><img src="img/slide-thumbnail-hover-1.jpg" alt="slide-thumbnail 6"
                      title="slide-thumbnail 6" /></figure>
                </li>
              </ul>
            </div>
          </div>
          <hr>
        </div>
        
        
        <div class="inner-wrap">
          <h2>One Column Content Test</h2>
          <p>Quisque sit amet ullamcorper ante, nec gravida nisi. Sed consequat, elit id ornare volutpat, libero mauris
            blandit turpis, eget faucibus purus justo nec dui. Fusce facilisis ultrices diam, ut vehicula mauris
            scelerisque vel. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
            Integer sagittis quis lectus quis vehicula. Nunc elementum lacinia turpis a blandit. Cras imperdiet diam sit
            amet iaculis ultrices. Nulla congue ipsum sed vulputate convallis. Curabitur malesuada finibus porta. Morbi
            ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices, sodales est in, auctor justo. Etiam sed
            imperdiet nibh, vitae pulvinar mi. Sed</p>
          <p>Quisque sit amet ullamcorper ante, nec gravida nisi. Sed consequat, elit id ornare volutpat, libero mauris
            blandit turpis, eget faucibus purus justo nec dui. Fusce facilisis ultrices diam, ut vehicula mauris
            scelerisque vel. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
            Integer sagittis quis lectus quis vehicula. Nunc elementum lacinia turpis a blandit. Cras imperdiet diam sit
            amet iaculis ultrices. Nulla congue ipsum sed vulputate convallis. Curabitur malesuada finibus porta. Morbi
            ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices, sodales est in, auctor justo. Etiam sed
            imperdiet nibh, vitae pulvinar mi. Sed</p>
          <hr />
        </div>

<div class="inner-wrap">
          <h2>Two Column Content Test</h2>
          <section class="rows-of-2">
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed </p>
            </div>
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed</p>
            </div>
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed </p>
            </div>
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed </p>
            </div>
          </section>
          <hr />
        </div>

<div class="inner-wrap">
          <h2>Three Column Content Test</h2>
          <section class="rows-of-3">
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed </p>
            </div>
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed </p>
            </div>
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed</p>
            </div>
          </section>
          <hr />
        </div>

<div class="inner-wrap">
          <h2>Four Column Content Test</h2>
          <section class="rows-of-4">
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed hendrerit sodales
            </div>
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed hendrerit sodales
            </div>
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed hendrerit sodales
            </div>
            <div>
              <p>Curabitur malesuada finibus porta. Morbi ultrices eu justo sit amet imperdiet. Aenean ut elit ultrices,
                sodales est in, auctor justo. Etiam sed imperdiet nibh, vitae pulvinar mi. Sed hendrerit sodales
            </div>
          </section>
          <hr />
        </div>

<div class="inner-wrap">
          <h2>Tabbed Content</h2>
          <div class="dest-tab">
            <ul class="accordion-tabs">
              <li class="tab-header-and-content">
                <a href="javascript:void(0)" class="tab-link">Tab One</a>

<div class="tab-content">Donec mattis mauris gravida metus laoreet non rutrum sem viverra. Aenean nibh
                  libero, viverra vel vestibulum in, porttitor ut sapien. Phasellus tempor lorem id justo ornare
                  tincidunt. Nulla faucibus, purus eu placerat fermentum, velit mi iaculis nunc, bibendum tincidunt
                  ipsum justo eu mauris. Nulla facilisi. Vestibulum vel lectus ac purus tempus suscipit nec sit amet
                  eros. Nullam fringilla, enim eu lobortis dapibus, quam magna tincidunt nibh, sit amet imperdiet dolor
                  justo congue turpis.</div>

</li>

<div class="tab-content">Maecenas ante purus, laoreet sed venenatis et, dignissim vel erat. Donec nec
                  diam sed turpis tempus luctus sit amet eu ipsum. Nullam libero dolor, rhoncus in mi ut, ullamcorper
                  consequat nulla. Nullam blandit nisi vitae rutrum dapibus. Curabitur nec Aenean fringilla massa vitae
                  metus facilisis congue. Morbi placerat eros ac sapien semper pulvinar. </div>

</li>

<li class="tab-header-and-content">
                <a href="javascript:void(0)" class="tab-link">Tab Three</a>

<div class="tab-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt
                  pellentesque lorem, id suscipit dolor rutrum id. Morbi facilisis porta volutpat. Fusce adipiscing,
                  mauris quis congue tincidunt, sapien purus suscipit odio, quis dictum odio tortor in sem. Ut sit amet
                  libero nec orci mattis fringilla. Praesent eu ipsum in sapien tincidunt molestie sed ut magna.</div>
              </li>
            </ul>
          </div>
        </div>

<div class="inner-wrap">
          <h2>Click to Expand</h2>
          <div class="click-expand">
            <h3 class="ce-header" tabindex="0">Click to Expand (accordion) Test 1</h3>
            <div class="ce-body">
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris faucibus risus dolor, vel rhoncus metus
                feugiat eget. Ut volutpat vel libero eget volutpat. Nam blandit pellentesque placerat. Phasellus at
                faucibus lectus. Aenean pretium nisi pulvinar mi euismod, et placerat metus condimentum. Vestibulum ut
                ultricies nunc. Etiam euismod, enim eget malesuada lobortis, ante purus pulvinar risus, at blandit
                libero arcu quis elit. Integer enim leo, posuere in elit eget, pretium rhoncus lorem. Quisque commodo
                ligula ultrices, pretium nulla a, egestas sem. Praesent interdum interdum pharetra. Phasellus auctor
                vehicula enim. Pellentesque quis eros massa. Etiam pellentesque accumsan urna non pulvinar.</p>
            </div>
          </div>
          <div class="click-expand">
            <h3 class="ce-header" tabindex="0">Click to Expand (accordion) Test 2</h3>
            <div class="ce-body">
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris faucibus risus dolor, vel rhoncus metus
                feugiat eget. Ut volutpat vel libero eget volutpat. Nam blandit pellentesque placerat. Phasellus at
                faucibus lectus. Aenean pretium nisi pulvinar mi euismod, et placerat metus condimentum. Vestibulum ut
                ultricies nunc. Etiam euismod, enim eget malesuada lobortis, ante purus pulvinar risus, at blandit
                libero arcu quis elit. Integer enim leo, posuere in elit eget, pretium rhoncus lorem. Quisque commodo
                ligula ultrices, pretium nulla a, egestas sem. Praesent interdum interdum pharetra. Phasellus auctor
                vehicula enim. Pellentesque quis eros massa. Etiam pellentesque accumsan urna non pulvinar.</p>
            </div>
          </div>
        </div>

<div class="inner-wrap">
          <div class="headexpand-wrap">
            <h2>Default Tables</h2>
            <h3 class="column-subheading">Table Title</h3>
            <div class="table-wrap">
              <table class="tablesaw tablesaw-stack" data-tablesaw-mode="stack">
                <thead>
                  <tr>
                    <th>mm</th>
                    <th>inches</th>
                    <th>Series</th>
                    <th>Description</th>
                    <th>CFM</th>
                    <th>inH<sub>2</sub>O</th>
                    <th>dBA</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>254 x 89</td>
                    <td>20.0 x 3.5</td>
                    <td>RA222--C</td>
                    <td>Lorem Ipsum</td>
                    <td>123-456</td>
                    <td>0.12-.054</td>
                    <td>51-63</td>
                  </tr>
                  <tr>
                    <td>254 x 89</td>
                    <td>20.0 x 3.5</td>
                    <td>RA222--C</td>
                    <td>Lorem Ipsum</td>
                    <td>123-456</td>
                    <td>0.12-.054</td>
                    <td>51-63</td>
                  </tr>
                  <tr>
                    <td>254 x 89</td>
                    <td>20.0 x 3.5</td>
                    <td>RA222--C</td>
                    <td>Lorem Ipsum</td>
                    <td>123-456</td>
                    <td>0.12-.054</td>
                    <td>51-63</td>
                  </tr>
                  <tr>
                    <td>254 x 89</td>
                    <td>20.0 x 3.5</td>
                    <td>RA222--C</td>
                    <td>Lorem Ipsum</td>
                    <td>123-456</td>
                    <td>0.12-.054</td>
                    <td>51-63</td>
                  </tr>
                  <tr>
                    <td>254 x 89</td>
                    <td>20.0 x 3.5</td>
                    <td>RA222--C</td>
                    <td>Lorem Ipsum</td>
                    <td>123-456</td>
                    <td>0.12-.054</td>
                    <td>51-63</td>
                  </tr>
                  <tr>
                    <td>254 x 89</td>
                    <td>20.0 x 3.5</td>
                    <td>RA222--C</td>
                    <td>Lorem Ipsum</td>
                    <td>123-456</td>
                    <td>0.12-.054</td>
                    <td>51-63</td>
                  </tr>
                  <tr>
                    <td>254 x 89</td>
                    <td>20.0 x 3.5</td>
                    <td>RA222--C</td>
                    <td>Lorem Ipsum</td>
                    <td>123-456</td>
                    <td>0.12-.054</td>
                    <td>51-63</td>
                  </tr>
                  <tr>
                    <td>254 x 89</td>
                    <td>20.0 x 3.5</td>
                    <td>RA222--C</td>
                    <td>Lorem Ipsum</td>
                    <td>123-456</td>
                    <td>0.12-.054</td>
                    <td>51-63</td>
                  </tr>

</tbody>
              </table>
            </div>
          </div>
          
          <hr>
        </div>

<div class="inner-wrap">
          <a href="img/media-img.jpg" class="lightbox"><img src="img/media-img.jpg" class="media-img" alt="Media Image"
              title="Media Image"></a>
          <h2>Text & Media Test</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris faucibus risus dolor, vel rhoncus metus
            feugiat eget. Ut volutpat vel libero eget volutpat. Nam blandit pellentesque placerat. Phasellus at faucibus
            lectus. Aenean pretium nisi pulvinar mi euismod, et placerat metus condimentum. Vestibulum ut ultricies
            nunc. Etiam euismod, enim eget malesuada lobortis, ante purus pulvinar risus, at <a href="#">blandit libero
              arcu quis elit</a>. Integer enim leo, posuere in elit eget, pretium rhoncus lorem. Quisque commodo ligula
            ultrices, pretium nulla a, egestas sem. Praesent interdum interdum pharetra. Phasellus auctor vehicula enim.
            Pellentesque quis eros massa. Etiam</p>
          <hr />
        </div>

<div class="inner-wrap">
          <h2>Full Width CTA TEST</h2>
        </div>
        <section class="fwc-module">
          <div class="inner-wrap-narrow">
            <h2>Full Width CTA TEST Title</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris faucibus risus dolor, vel rhoncus metus
              feugiat eget. Ut volutpat vel libero eget volutpat. Nam blandit pellentesque placerat. Phasellus at
              faucibus lectus. Aenean pretium nisi pulvinar mi euismod, et placerat metus condimentum. Vestibulum ut
              ultricies nunc.</p>
            <a class="btn" href="#">Contact Us</a>
          </div>
        </section>

<section class="button-style-wrap">
          <div class="inner-wrap">
            <h2>Button Styles</h2>
            <div class="btn-wrap">
              <div><a class="btn" href="#">Primary btn lg</a></div>
              <div><a class="btn-alt" href="#">Secondary btn</a></div>
              <div><span class="btn-on-color"><a class="btn-alt" href="#">Primary btn lg on color</a></span></div>
              <div><span class="btn-on-color"><a class="btn-color" href="#">Secondary btn on color</a></span></div>
            </div>
            <hr>
          </div>
        </section>

<div class="inner-wrap">
          <h2>Product Grid Test</h2>
          <div class="product-carousel">
            <ul class="slides">
              <li>
                <a class="product-item" href="#">
                  <span class="product-img">
                    <img src="img/fpo-product.png" alt="Product Grid Test" title="Product Grid Test">
                  </span>
                  <span class="product-title">Learn More</span>
                </a>
                <a class="product-item" href="#">
                  <span class="product-img">
                    <img src="img/fpo-product.png" alt="Product Grid Test" title="Product Grid Test">
                  </span>
                  <span class="product-title">Learn More</span>
                </a>
                <a class="product-item" href="#">
                  <span class="product-img">
                    <img src="img/fpo-product.png" alt="Product Grid Test" title="Product Grid Test">
                  </span>
                  <span class="product-title">Learn More</span>
                </a>
                <a class="product-item" href="#">
                  <span class="product-img">
                    <img src="img/fpo-product.png" alt="Product Grid Test" title="Product Grid Test">
                  </span>
                  <span class="product-title">Learn More</span>
                </a>
              </li>
            </ul>
          </div>
          <hr>
        </div>

<div class="inner-wrap">
          <div class="rows-of-3">
            <div class="fs-form">
              <h2>Form Test</h2>
              
              <div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_3">
                <form method="post" enctype="multipart/form-data" id="gform_3" action="/?gf_page=preview&amp;id=3">

<div class="gform_body">
                    <ul id="gform_fields_3" class="gform_fields top_label form_sublabel_below description_below">
                      <li id="field_3_2"
                        class="gfield gf_left_half gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
                        <label class="gfield_label" for="input_3_2">First Name<span
                            class="gfield_required">*</span></label>
                        <div class="ginput_container ginput_container_text"><input name="input_2" id="input_3_2"
                            value="" class="medium" aria-required="true" aria-invalid="false" type="text"></div>
                      </li>
                      <li id="field_3_3"
                        class="gfield gf_right_half gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
                        <label class="gfield_label" for="input_3_3">Last Name<span
                            class="gfield_required">*</span></label>
                        <div class="ginput_container ginput_container_text"><input name="input_3" id="input_3_3"
                            value="" class="medium" aria-required="true" aria-invalid="false" type="text"></div>
                      </li>
                      <li id="field_3_4"
                        class="gfield gf_left_half gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
                        <label class="gfield_label" for="input_3_4">Email<span class="gfield_required">*</span></label>
                        <div class="ginput_container ginput_container_email">
                          <input name="input_4" id="input_3_4" value="" class="medium" aria-required="true"
                            aria-invalid="false" type="text">
                        </div>
                      </li>
                      <li id="field_3_5"
                        class="gfield gf_right_half gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
                        <label class="gfield_label" for="input_3_5">Company Name<span
                            class="gfield_required">*</span></label>
                        <div class="ginput_container ginput_container_text"><input name="input_5" id="input_3_5"
                            value="" class="medium" aria-required="true" aria-invalid="false" type="text"></div>
                      </li>
                      <li id="field_3_7"
                        class="gfield field_sublabel_below field_description_below gfield_visibility_visible"><label
                          class="gfield_label" for="input_3_7">Phone Number</label>
                        <div class="ginput_container ginput_container_phone"><input name="input_7" id="input_3_7"
                            value="" class="large" aria-invalid="false" type="text"></div>
                      </li>
                      <li id="field_3_8"
                        class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
                        <label class="gfield_label" for="input_3_8">Country<span
                            class="gfield_required">*</span></label>
                        <div class="ginput_container ginput_container_select"><select name="input_8" id="input_3_8"
                            class="large gfield_select" aria-required="true" aria-invalid="false">
                            <option value="Please Select">Please Select</option>
                            <option value="Second Choice">Second Choice</option>
                            <option value="Third Choice">Third Choice</option>
                          </select></div>
                      </li>
                    </ul>
                  </div>
                  <div class="gform_footer top_label"> <input id="gform_submit_button_3" class="gform_button button"
                      value="Submit"
                      onclick="if(window[&quot;gf_submitting_3&quot;]){return false;}  window[&quot;gf_submitting_3&quot;]=true;  "
                      onkeypress="if( event.keyCode == 13 ){ if(window[&quot;gf_submitting_3&quot;]){return false;} window[&quot;gf_submitting_3&quot;]=true;  jQuery(&quot;#gform_3&quot;).trigger(&quot;submit&quot;,[true]); }"
                      type="submit">
                    <input class="gform_hidden" name="is_submit_3" value="1" type="hidden">
                    <input class="gform_hidden" name="gform_submit" value="3" type="hidden">

</div>
                </form>
              </div>

</div>

</div>
            <div class="fs-drop-test">
              <h2>Dropdown Test</h2>
              <div class="side-nav drop-down">
                <ul class="sn-nav">
                  <li class="menu-item-has-children"><a href="#">Title</a>
                    <ul>
                      <li><a href="#">Item 1</a></li>
                      <li><a href="#">Item 2</a></li>
                      <li><a href="#">Item 3</a></li>
                    </ul>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

</div>

</section>

<footer class="site-footer" role="contentinfo">
      <div class="inner-wrap">
        <p>&copy; Company Name | Website by <a href="https://rpm.thomasnet.com" target="_blank">Results-Powered
            Marketing</a></p>
      </div>
    </footer>

<div id="delayed-popup" class="white-popup mfp-hide">
      <h2>Be the first to know...</h2>
      <p>Subscribe to our blog to receive the latest company and industry news right in your inbox.</p>
      {{insert hubspot code here and don't forget to <a
        href="http://knowledge.hubspot.com/articles/kcs_article/forms/how-do-i-remove-the-default-styling-from-hubspot-forms">disable
        CSS</a>}}
    </div>

</div>

<script src="js/vendor/jquery-1.10.2.min.js"></script>
  <script src="js/production.min.js"></script>
</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: patterns.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation