Responsive-Web-Design---HTML-CSS-/index2.html at main · erkamguresen/Responsive-Web-Design---HTML-CSS- · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/css/style.css">
    <title>Document</title>
  </head>
  <body>
    <header>
      <div class="container">
        <h1>CSS is a lot of fun</h1>
      </div>
    </header>

    <section class="section-one">
      <div class="container">
        <h2>Putting ems to use</h2>

        <ul>
          <li>List item one</li>
          <li>Another list item</li>
          <li>And we've got another one</li>
          <li>one more?</li>
          <li>Nope, here's yet another</li>
        </ul>

        <img
          src="images/fog-258232_1920.jpg"
          alt="foggy boardwalk with man walking away in the distance"
        />
        <p>
          Netus et malesuada fames ac. <a href="#">Sed cras ornare arcu</a> dui
          vivamus. <strong> Elementum integer enim neque </strong> volupat ac
          tincidunt vitae semper.
        </p>
      </div>
    </section>

    <section class="section-two">
      <div class="container">
        <h2>Section Two Title</h2>
        <p>
          Netus et malesuada fames ac. Sed cras ornare arcu dui vivamus.
          Elementum integer enim neque volupat ac tincidunt vitae semper.
        </p>
        <p>
          Lorem <a href="#">ipsum dolor sit amet</a>, consectetur adipisicing
          elit. Ullam suscipit est eligendi ratione amet distinctio temporibus
          nemo quia placeat porro, <b> veniam sit laboriosam illum >recusandae
          animi iusto rem necessitatibus!
        </p>
        <a href="#" class="btn btn-accent">Contact us</a>
        <a href="#" class="btn btn-white">more info</a>
      </div>
    </section>
  </body>
</html>