basic_template/index.html at master · Connor-SM/basic_template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Review HTML/CSS - Home</title>

    <!-- Attach CSS here -->
    <link rel="stylesheet" href="./css/main.css">
  </head>
  <body>
    <header>
      <h1>Sample Website Title</h1>
      <nav>
        <ul>
          <li id="active"><a href="./index.html">Home</a></li>
          <li><a href="./about.html">About</a></li>
          <li class="pull-right"><a href="#">Contact</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <figure>
        <img src="http://placehold.it/300x300" alt="Sample Image" />
        <figcaption>
          <p>This is a caption.</p>
        </figcaption>
      </figure>
      <article>
        <h2>Article Header</h2>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </p>
      </article>
    </main>
    <footer>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum nesciunt placeat corporis voluptate voluptatum, consequuntur, totam iste cum, qui laborum aspernatur amet quam delectus aliquam nulla ex laboriosam assumenda deleniti.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt culpa recusandae quam facilis ab aliquid atque, cupiditate, fuga architecto, quis tenetur. Distinctio error voluptas rerum, aliquam, deserunt dicta explicabo illo?</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure inventore alias in tempore sed maiores incidunt pariatur dicta quidem ipsum nisi error non, beatae quam officiis deleniti tenetur, voluptatem. Alias?</p>
    </footer>

    <!-- Attach JS files at bottom of body -->
  </body>
</html>