HTML-CSS-Practice-Problems/level-1/index.html at 395fda00b93c5c4f30ea766fea66598e6298340f · 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
<!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 is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is in de jaren '60 populair geworde recentelijk door desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.</div>

                </section>

            </div>

        </section>

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

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