HTML-CSS-Practice-Problems/level-1/index.html at 591484f74a82111b4b7b23e7e74126a4e2c15edf · 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
<!DOCTYPE html>
<html lang="en">
  <head>

    <meta charset="UTF-8">
    <title>level-1</title>
    <link rel="stylesheet" href="../base/base.css">

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

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

    <!-- STEP 3 CSS FILE **** STEP 3 CSS FILE *** STEP 3 CSS FILE -->
    <link rel="stylesheet" href="step-3/step-3.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">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eleifend vehicula ex, eget bibendum ligula efficitur sit amet. Phasellus finibus euismod ipsum sed tempor. Pellentesque eu leo vel metus aliquam pellentesque. </div>

                </section>

            </div>

        </section>

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

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