First-Responsive-Website/index.html at master · UlyPanda/First-Responsive-Website · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="desktop style.css" href="phone style.css"/>
    <title>First Responsive Website</title>
</head>
<body class="grid-container">
  <header>
    <h1>Welcome to our <span>site</span> </h1>
  </header>
  <section>
    <div id="colorbox">
      nothing here
    </div>
    <h2>Aqua</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam assumenda explicabo repellendus esse similique incidunt deleniti odio unde magni eos.</p>
  </section>
  <aside>
    <div id="colorbox2">
      nothing here
    </div>
    <h2>Crimson</h2>
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Id accusantium soluta maxime velit voluptatum, vel reprehenderit libero vero voluptate dignissimos!</p>
  </aside>
  <article>
    <div id="colorbox3">
      nothing here
    </div>
    <h2>Orange</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem praesentium obcaecati fuga ab atque autem ipsum debitis placeat velit ex.</p>
  </article>
</body>
</html>