<!DOCTYPE html>
<html lang="en">
  <head><base href="https://themematcher.com/demo-site/" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta charset="utf-8" />
    <title>Theme Matcher Example Site</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="robots" content="noindex, nofollow" />
    <link
      legacyBehavior
      href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600"
      rel="stylesheet"
      type="text/css"
    />

    
    <link legacyBehavior href="style/bootstrap.css" rel="stylesheet" />
    <link legacyBehavior rel="stylesheet" href="style/font-awesome.css" />
    <link legacyBehavior href="style/style.css" rel="stylesheet" />

    
    <link legacyBehavior href="style/green.css" rel="stylesheet" />

    
    <link legacyBehavior rel="shortcut icon" href="img/favicon/favicon.png" />
  </head>

  <body>
    
    <header>
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-sm-4">
            <div class="logo">
              <h1>
                <a href="#"
                  >Test
                  <span class="color">Website</span>
                </a>
              </h1>
              <div class="hmeta">An Example of a Typical Website</div>
            </div>
          </div>
          <div class="col-md-5 col-md-offset-3 col-sm-6 col-sm-offset-2">
            <form class="form-inline" role="form">
              <div class="form-group">
                <input
                  type="text"
                  class="form-control"
                  id="search"
                  placeholder="Type Something..."
                />
              </div>
              <button type="submit" class="btn btn-default">Search</button>
            </form>
          </div>
        </div>
      </div>
    </header>

    

    <div class="navbar bs-docs-nav" role="banner">
      <div class="container">
        <div class="navbar-header">
          <button
            class="navbar-toggle"
            type="button"
            data-toggle="collapse"
            data-target=".bs-navbar-collapse"
          >
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>

        <nav
          class="collapse navbar-collapse bs-navbar-collapse"
          role="navigation"
        >
          <ul class="nav navbar-nav">
            <li>
              <a href="#">Home #1</a>
            </li>
            <li>
              <a href="#">Home #2</a>
            </li>
            
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                >Pages #1
                <b class="caret"></b>
              </a>
              <ul class="dropdown-menu">
                <li>
                  <a href="#">Landing Page</a>
                </li>
                <li>
                  <a href="#">Pricing Table</a>
                </li>
                <li>
                  <a href="#">Service</a>
                </li>
                <li>
                  <a href="#">Support</a>
                </li>
                <li>
                  <a href="#">Sitemap</a>
                </li>
                <li>
                  <a href="#">Timeline</a>
                </li>
                <li>
                  <a href="#">404</a>
                </li>
                <li>
                  <a href="#">FAQ</a>
                </li>
                <li>
                  <a href="#">Register</a>
                </li>
                <li>
                  <a href="#">Login</a>
                </li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                >Pages #2
                <b class="caret"></b>
              </a>
              <ul class="dropdown-menu">
                <li>
                  <a href="#">Coming Soon</a>
                </li>
                <li>
                  <a href="#">Features</a>
                </li>
                <li>
                  <a href="#">Statement</a>
                </li>
                <li>
                  <a href="#">Tasks</a>
                </li>
                <li>
                  <a href="#">Resume</a>
                </li>
                <li>
                  <a href="#">Projects</a>
                </li>
                <li>
                  <a href="#">Make Post</a>
                </li>
                <li>
                  <a href="#">Events</a>
                </li>
                <li>
                  <a href="#">Error Log</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="#">Service</a>
            </li>
            <li>
              <a href="#">About Us</a>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                >Blog
                <b class="caret"></b>
              </a>
              <ul class="dropdown-menu">
                <li>
                  <a href="#">Blog #1</a>
                </li>
                <li>
                  <a href="#">Blog #1</a>
                </li>
                <li>
                  <a href="#">Blog Single</a>
                </li>
              </ul>
            </li>

            <li>
              <a href="#">Portfolio</a>
            </li>
            <li>
              <a href="#">Contact</a>
            </li>
          </ul>
        </nav>
      </div>
    </div>

    

    <div class="content">
      <div class="container">
        <div class="row lp">
          <div class="col-md-12">
            &nbsp;

            <div class="center">
              <h2>Put This Page Into Theme Matcher</h2>
              <p class="big grey">To Create An Example WordPress Theme</p>
              <div class="border"></div>
            </div>

            &nbsp;

            <div class="row">
              <div class="col-md-12">
                <h4>This section could be replaced with WordPress content</h4>
                <p>
                  Suspendisse potenti. Morbi ac felis nec mauris imperdiet
                  fermentum. Aenean sodales augue ac lacus hendrerit sed rhoncus
                  erat hendrerit. Vivamus vel ultricies elit. Nulla vitae cursus
                  leo. Praesent eleifend sodales felis, in congue purus
                  scelerisque eget.
                </p>
                <p>
                  Morbi ac felis nec mauris imperdiet fermentum. Aenean sodales
                  augue ac lacus hendrerit sed rhoncus erat hendrerit. Vivamus
                  vel ultricies elit. Aliquam ut feugiat ante. Curabitur lacinia
                  nulla vel tellus elementum non mollis justo aliquam.
                </p>
                <hr />
              </div>
            </div>

            &nbsp;

            <div class="row">
              <div class="col-md-6 col-sm-6">
                <h4>Maecenas turpis urna</h4>
                <p>
                  Morbi ac felis nec mauris imperdiet fermentum. Aenean sodales
                  augue ac lacus hendrerit sed rhoncus erat hendrerit. Vivamus
                  vel ultricies elit. Aliquam ut feugiat ante. Curabitur lacinia
                  nulla vel tellus elementum non mollis justo aliquam.
                </p>

                <hr />

                <h4>Vivamus vel ultricies</h4>
                <p>
                  Morbi ac felis nec mauris imperdiet fermentum. Aenean sodales
                  augue ac lacus hendrerit sed rhoncus erat hendrerit. Vivamus
                  vel ultricies elit. Aliquam ut feugiat ante. Curabitur lacinia
                  nulla vel tellus elementum non mollis justo aliquam.
                </p>

                <hr />
              </div>

              <div class="col-md-6 col-sm-6">
                <h4>Aliquam ut feugiat</h4>
                <p>
                  Morbi ac felis nec mauris imperdiet fermentum. Aenean sodales
                  augue ac lacus hendrerit sed rhoncus erat hendrerit. Vivamus
                  vel ultricies elit. Aliquam ut feugiat ante. Curabitur lacinia
                  nulla vel tellus elementum non mollis justo aliquam.
                </p>

                <hr />

                <h4>Aenean sodales augue</h4>
                <p>
                  Morbi ac felis nec mauris imperdiet fermentum. Aenean sodales
                  augue ac lacus hendrerit sed rhoncus erat hendrerit. Vivamus
                  vel ultricies elit. Aliquam ut feugiat ante. Curabitur lacinia
                  nulla vel tellus elementum non mollis justo aliquam.
                </p>

                <hr />
              </div>
            </div>

            &nbsp;
          </div>
        </div>

        <div class="border"></div>

        

        <div class="prod">
          <div class="row">
            <div class="col-md-4">
              <div class="home-links">
                <div class="col-l">
                  <h5>Downloads</h5>
                  <ul>
                    <li>
                      <a href="#">Linux 8</a>
                    </li>
                    <li>
                      <a href="#">PlayStation</a>
                    </li>
                    <li>
                      <a href="#">GTalk</a>
                    </li>
                    <li>
                      <a href="#">Google Search</a>
                    </li>
                    <li>
                      <a href="#">Linux Phone</a>
                    </li>
                  </ul>
                </div>
                <div class="col-r">
                  <h5>Support</h5>
                  <ul>
                    <li>
                      <a href="#">Linux Update</a>
                    </li>
                    <li>
                      <a href="#">PlayStation</a>
                    </li>
                    <li>
                      <a href="#">GTalk</a>
                    </li>
                    <li>
                      <a href="#">Google Search</a>
                    </li>
                    <li>
                      <a href="#">Linux Phone</a>
                    </li>
                  </ul>
                </div>
                <div class="clearfix"></div>
              </div>
            </div>
            <div class="col-md-8">
              <div class="home-product">
                <div class="home-prod-img" id="s1">
                  <img src="img/photos/s2.jpg" class="img-responsive" alt="" />
                </div>
                <h3>Quirky Fact</h3>
                <p>
                  Aliquam ut feugiat ante. Curabitur justo aliquam. Maecenas
                  turpis urna, eleifend et venenatis eget, ultricies quis urna.
                  Aliquam ut feugiat ante. Curabitur justo aliquam. Aliquam ut
                  feugiat ante. Curabitur justo aliquam.
                </p>
                <div class="clearfix"></div>
              </div>
            </div>
          </div>
        </div>

        
      </div>
    </div>

    

    <div class="social-links">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <p class="big">
              <span>Follow Us On</span>
              <a href="#"> <i class="icon-facebook"></i>Facebook</a>
              <a href="#"> <i class="icon-twitter"></i>Twitter</a>
              <a href="#"> <i class="icon-google-plus"></i>Google Plus</a>
              <a href="#"> <i class="icon-linkedin"></i>LinkedIn</a>
            </p>
          </div>
        </div>
      </div>
    </div>

    
    <footer>
      <div class="container">
        <div class="row">
          <div class="widgets">
            <div class="col-md-4">
              <div class="fwidget">
                <div class="col-l">
                  <h6>Downlaods</h6>
                  <ul>
                    <li>
                      <a href="#">Condimentum</a>
                    </li>
                    <li>
                      <a href="#">Etiam at</a>
                    </li>
                    <li>
                      <a href="#">Fusce vel</a>
                    </li>
                    <li>
                      <a href="#">Vivamus</a>
                    </li>
                    <li>
                      <a href="#">Pellentesque</a>
                    </li>
                  </ul>
                </div>

                <div class="col-r">
                  <h6>Support</h6>
                  <ul>
                    <li>
                      <a href="#">Condimentum</a>
                    </li>
                    <li>
                      <a href="#">Etiam at</a>
                    </li>
                    <li>
                      <a href="#">Fusce vel</a>
                    </li>
                    <li>
                      <a href="#">Vivamus</a>
                    </li>
                    <li>
                      <a href="#">Pellentesque</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

            <div class="col-md-4">
              <div class="fwidget">
                <h6>Categories</h6>
                <ul>
                  <li>
                    <a href="#">Condimentum - Condimentum gravida</a>
                  </li>
                  <li>
                    <a href="#">Etiam at - Condimentum gravida</a>
                  </li>
                  <li>
                    <a href="#">Fusce vel - Condimentum gravida</a>
                  </li>
                  <li>
                    <a href="#">Vivamus - Condimentum gravida</a>
                  </li>
                  <li>
                    <a href="#">Pellentesque - Condimentum gravida</a>
                  </li>
                </ul>
              </div>
            </div>

            <div class="col-md-4">
              <div class="fwidget">
                <h6>Recent Posts</h6>
                <ul>
                  <li>
                    <a href="#">Sed eu leo orci, condimentum gravida metus</a>
                  </li>
                  <li>
                    <a href="#">Etiam at nulla ipsum, in rhoncus purus</a>
                  </li>
                  <li>
                    <a href="#"
                      >Fusce vel magna faucibus felis dapibus facilisis</a
                    >
                  </li>
                  <li>
                    <a href="#">Vivamus scelerisque dui in massa</a>
                  </li>
                  <li>
                    <a href="#">Pellentesque eget adipiscing dui semper</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="copy">
              <h6>
                Test
                <span class="color">Website</span>
              </h6>
              <p>
                Copyright &copy; <a href="#">Your Site</a> -
                <a href="#">Home</a> | <a href="#">About Us</a> |
                <a href="#">FAQ</a> |
                <a href="#">Contact Us</a>
              </p>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
    </footer>
  </body>
</html>

Step 1