CliniqueH/om-os.html at main · MelisaOksum/CliniqueH · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<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">
    <script src="https://kit.fontawesome.com/4d4ea64e39.js" crossorigin="anonymous"></script>
    <title>Clinique Harmonie</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>


<!--Det er vores header med logo-billede-->
  <div class="logo">
   <a href="index.html"><img src="img/cliniqueharmonie.png" width="45%"></a>
  </div>


<!--Det vores navigationsbar med vores sider-->
  <nav>
    <ul>
        <li><a href="index.html">HJEM</a><li>
        <li><a href="#">BEHANDLINGER</a></li>
        <li><a href="shop.html">SHOP</a></li>
        <li><a href="om os.html">OM OS</a></li>
        <li><a href="#">ANMELDELSER</a></li>
        <li><a href="kontakt.html">KONTAKT</a></li>
    </ul>
  </nav>


<!--Det er OM OS-sidens indhold-->
<!-- Link til kilden (med egne ændringer): https://stackoverflow.com/questions/41600102/how-to-have-square-boxes-with-image-and-text -->

<!--Om Trine-->
<img src="img/omos.png" alt="Om os" width="100%">

  <div class="wrapper">
    <div class="box1">
      <h2>Founder</h2>
      <p>Jeg,Trine Buur Richardt er født i 1970 og opvokset her i Brønshøj. Jeg er uddannet zoneterapeut i 1991, massør i 1995 og CIDESCO-kosmetolog i 1997. Da jeg åbnede klinikken i 1998 var det med ønsket om at skabe en klinik med de bedste produkter og behandlinger - Et sted hvor kunden er i focus og føler sig hjemme og velkommen.

        Hvor der er ro og HARMONIE. Jeg synes det er lykkedes. Efter mange år med mange ansatte og alt hvad dermed følger af administration og lignende, valgte jeg i sommeren 2012 at køre klinikken solo. Det giver mig tid og ro til at fordybe mig i at behandle og forkæle mine kunder.

        Det som jeg holder så meget af og som jeg er bedst til. Jeg er samtidig mor til en dejlig dreng der kom til verden i 2010. Det betyder at jeg skal dele min tid ligeligt mellem mit første "barn" (klinikken) og min familie. Det betyder at jeg nogle dage går tidligt hjem</p>
      <img src="img/Trine.png" class="trine"/>
    </div>

 <!--Om Roberta-->
    <div class="box2">
      <h2>Kosmetolog</h2>
      <p>  Jeg Roberta startede på klinikken som praktikant fra Cidesco kosmetologskole 1/5 2021.
        Efter endt praktik blev jeg d. 1/12 2021 fastansat på klinikken med 32 timer om ugen.

       “citat her om hvad kundens får det hos dig”
       <img src="img/Roberta.png" class="roberta"/>
    </div>
  </div>


<!--Det er vores footer-->
<div class="footer">

<!--Det er adresse og kontaktoplysningerne i footeren-->
<div class="divfooter">
 <h2>Clinique Harmonie</h2>
  <div class="borderline"></div>
      <ul>
        <li>Tuxensvej nr. 1</li>
        <li>2700 Brønshøj</li>
        <li>Tlf. +45 38 28 29 29</li>
        <li>Mail@cliniqueharmonie.dk</li>
      </ul>
  </div>

<!--Det er åbningstiderne i footeren-->
<div class="divfooter">
 <h2>Åbningstider</h2>
  <div class="borderline"></div>
      <ul>
        <li>Mandag Lukket</li>
        <li>Tirsdag 10:00-17:30</li>
        <li>Onsdag 10:00-17:30</li>
        <li>Torsdag 10:30-17:30</li>
        <li>Fredag 09:30-15:00</li>
        <li>Lørdag 09:30-14:00</li>
        <li>Søndag Lukket</li>
      </ul>
  </div>

<!--Det er shoppens mærker/brands i footeren-->
  <div class="divfooter">
   <h2>SHOP</h2>
    <div class="borderline"></div>
      <ul>
        <li>Decléor produkter</li>
        <li>BUUR produkter</li>
        <li>Vild Nord produkter</li>
        <li>Grums produkter</li>
      </ul>
    </div>

   <!--Det er de sociale medier i footeren (Facebook og Instagram)-->
  <div class="divfooter" id="follow">
   <h2>Følg os</h2>
    <div class="borderline"></div>
      <ul>
        <li class="fa-brands fa-square-facebook fa-2x"></i></li>
        <li class="lii"><i class="fa-brands fa-square-instagram fa-2x"></i></li>
      </ul>
  </div>
  </div>

</body>
</html>