index.html

<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta charset="utf-8" />
    <title>Home - Solid</title>
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <link rel="stylesheet" href="style/base.css" />
  </head>

  <body about="" id="homepage" prefix="schema: http://schema.org/ doap: http://usefulinc.com/ns/doap# foaf: http://xmlns.com/foaf/0.1/">
    <header>
      <address>
        <a href="/"><img alt="Solid logo" src="/image/logo.svg" width="50" /> Solid</a>
      </address>

      <nav>
        <ul>
          <li><a href="/about.html">About Solid</a></li>
          <li><a href="/for-users.html">For Users</a></li>
          <li><a href="/for-developers.html">For Developers</a></li>
          <li><a href="/for-organizations.html">For Organizations</a></li>
          <li><a href="/community.html">Community</a></li>
        </ul>
      </nav>
    </header>

    <main>
      <article about="" typeof="schema:Article">
        <img alt="Solid Project logo" src="/image/logo.svg" width="200" />

        <h1 property="schema:name">Solid: Your data, your choice.</h1>

        <p class="subtitle">Advancing the Web to empower people and communities.</p>

        <div datatype="rdf:HTML" property="schema:description">
          <section id="features" inlist="" rel="schema:hasPart" resource="#features">
            <h2 property="schema:name">Features</h2>
            <div datatype="rdf:HTML" property="schema:description">
              <ul>
                <li>
                  <img alt="internet" src="/image/internet.png" />
                  <p><strong>Read about Solid</strong></p>
                  <p>Solid is an evolution of the web by its creator Sir Tim Berners-Lee.
                      Solid realizes Tim's original vision for the Web as a medium for the secure,
                      decentralized exchange of public and private data.</p>
                  <a href="/about.html">About Solid</a>
                </li>

                <li>
                  <img alt="chet_cloud" class="bg-dark" src="/image/chet_cloud.png" />
                  <p><strong>Use Solid</strong></p>
                  <p>Interested in getting your own personal storage and using Solid apps?</p>
                  <a href="/for-users.html">For Users</a>
                </li>

                <li>
                  <img alt="chet_cloud" class="bg-dark" src="/image/buildapp-solid.svg" />
                  <p><strong>Develop an app with Solid</strong></p>
                  <p>Interested in developing an app with Solid? Find technical documents, resources,
                      and repositories.</p>
                  <a href="/for-developers.html">For Developers</a>
                </li>

                <li>
                  <img alt="beg" src="/image/beg.png" />
                  <p><strong>Learn about organizations working with Solid</strong></p>
                  <p>Several organizations work in a range of capacities to support the deployment and
                      research of Solid technology.</p>
                  <a href="/for-organizations.html">See Organizations</a>
                </li>

                <li>
                  <img alt="grup" src="/image/grup.png" />
                  <p><strong>Explore the community</strong></p>
                  <p>Connect with the community through forums and at events, like Solid World.</p>
                  <a href="/community.html">Explore Community</a>
                </li>
              </ul>
            </div>
          </section>
        </div>
      </article>
    </main>

    <footer>
      <nav>
        <ul>
          <li><a href="/about.html">About</a></li>
          <li><a href="/for-users.html">For Users</a></li>
          <li><a href="/for-developers.html">For Developers</a></li>
          <li><a href="/for-organizations.html">For Organizations</a></li>
          <li><a href="/community.html">Community</a></li>
          <li><a href="https://github.com/solid/solidproject.org/blob/main/LICENSE.md">License</a></li>
          <li><a href="https://github.com/solid/process/blob/main/code-of-conduct.md">Code of Conduct</a></li>
        </ul>
      </nav>

      <div>
        <img alt="logo" src="/image/logo.svg" width="40" />
        <dl id="accounts">
          <dt>Accounts</dt>
          <dd>
            <ul>
              <li><a href="mailto:info@solidproject.org">info@solidproject.org</a></li>
              <li><a href="https://github.com/solid/"><img src="/image/github.svg" alt="github" width="20" /></a></li>
              <li><a href="https://twitter.com/project_solid"><img src="/image/twitter.svg" alt="twitter" width="20" /></a></li>
            </ul>
          </dd>
        </dl>
      </div>
    </footer>
  </body>
</html>