HTML-CSS-Practice-Problems/level-1/solution/solution-level-1.html at a5015e0a501f4e97f26ca627e05631c14d1e207e · DevMountain/HTML-CSS-Practice-Problems · 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">
    <title>level-1</title>
    <link rel="stylesheet" href="./../base.css">

    <!-- STEP 1 CSS FILE **** STEP 1 CSS FILE *** STEP 1 CSS FILE -->
    <link rel="stylesheet" href="./step-1-level-1-solution.css">

    <!-- STEP 2 CSS FILE **** STEP 2 CSS FILE *** STEP 2 CSS FILE -->
    <link rel="stylesheet" href="./step-2-level-1-solution.css">

    <!-- STEP 3 CSS FILE **** STEP 3 CSS FILE *** STEP 3 CSS FILE -->
    <link rel="stylesheet" href="./step-3-level-1-solution.css">

  </head>

  <body>
    <main class="main-wrapper">

        <header class="header">

            <div class="logo-container"></div>

            <div class="menu-container"></div>

        </header>

        <section class="main-section">

            <div class="content-left">

                <div class="profile-image-container"></div>

                <div class="profile-links-container"></div>

            </div>

            <div class="content-mid">

                <section class="content-container">

                    <header class="content-mid-header"></header>

                    <div class="content">

                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem
                            accusantium doloremque laudantium, totam rem aperiam, Sed ut perspiciatis
                            unde omnis iste natus error sit voluptatem
                            accusantium doloremque laudantium, totam rem aperiam, </p>

                    </div>

                </section>

            </div>

        </section>

        <footer class="footer"> </footer>

    </main>
  </body>
</html>