responsivewebacme/about.html at master · gitaccsithu/responsivewebacme · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Acme Web design | About</title>
    <link rel="stylesheet" href="css/style.css" />
    <meta name="description" content="Affordable and professional web design" />
    <meta
      name="keywords"
      content="web design, affordable web design, professional web design"
    />
    <meta name="author" content="Brad Traversy" />
  </head>
  <body>
      <header>
          <div class="container">
              <div id="branding">
                  <h1>
                      <span class="highlight">Acme</span> Web Design
                  </h1>
              </div>
              <nav>
                  <ul>
                      <li><a href="index.html">Home</a></li>
                      <li class="current"><a href="about.html">About</a></li>
                      <li><a href="services.html">Services</a></li>
                  </ul>
              </nav>
          </div>
      </header>
      <section id="newslatter">
          <div class="container">
              <h1>Subscribe to our Newslatter</h1>
              <form>
                  <input type="email" name="" id="">
                  <button type="submit" class="button-1">Subscribe</button>
              </form>
          </div>
      </section>
      <section id="main">
          <div class="container">
              <article id="main-col">
                  <h1 class="page-title">
                      About Us
                  </h1>
                  <p>
                      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Itaque, ipsa delectus! Ducimus perferendis, cupiditate numquam corporis, ab dolores nam iure quo quod nesciunt eum ipsum eaque quis sapiente laboriosam cum!
                  </p>
                  <p class="dark">
                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, voluptatum. Quas tempore autem, praesentium, accusamus consectetur sunt assumenda illum dignissimos modi nam sequi quo rerum asperiores voluptate pariatur libero soluta.
                  </p>
              </article>
              <aside id="sidebar">
                  <div class="dark">
                    <h3>What we do</h3>
                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Itaque, ipsa delectus! Ducimus perferendis, cupiditate numquam corporis,</p>
                  </div>
            </aside>
          </div>
      </section>
      <footer>
          <p>Acme Web Design, copyright &copy; 2017</p>
      </footer>
  </body>
</html>