<!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 href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600' rel='stylesheet' type='text/css'>


  
  <link href="style/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" href="style/font-awesome.css">
  <link href="style/style.css" rel="stylesheet">

  
  <link href="style/green.css" rel="stylesheet">

  
  <link 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