-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
120 lines (95 loc) · 5.24 KB
/
index.php
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
<!--- Import af HTML hoved og Bootstrap CSS -->
<?php
$pagetitle = "TemaSpa | Hjem";
require("header.php");
?>
<!-- Sæt titel -->
<!-- Loading af overrides -->
<link rel="stylesheet" href="css/overrides.css">
<main>
<!-- Begyndelse på carousel -->
<!--Carousel Indikatorer-->
<div class="carousel slide" id="carouselAppetizerIndicators" data-ride="carousel">
<ol class="carousel-indicators">
<li class="active" data-target="carouselAppetizerIndicators" data-slide-to="0"></li>
<li data-target="carouselAppetizerIndicators" data-slide-to="1"></li>
<li data-target="carouselAppetizerIndicators" data-slide-to="2"></li>
</ol>
<!-- Carousel Inhold -->
<div class="carousel-inner">
<!-- Spa -->
<div class="carousel-item active">
<img src="img/carousel/0.jpg" alt="" class="d-block w-100">
<div class="carousel-caption d-none d-md-block">
<h3>Tema Spa</h3>
<p>Lorem ipsum dolor sit amet consectetur.</p>
<button class="btn btn-outline-light btn-lg" type="button">Lær mere</button>
</div>
</div>
<!-- Wellness -->
<div class="carousel-item">
<img src="img/carousel/1.jpg" alt="" class="d-block w-100">
<div class="carousel-caption d-none d-md-block">
<h3>Massage</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
<button class="btn btn-outline-light btn-lg" type="button">Lær mere</button>
</div>
</div>
<!-- Og Andre Oplevelser -->
<div class="carousel-item">
<!-- data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw== -->
<img src="img/carousel/2.png" alt="" class="d-block w-100">
<div class="carousel-caption d-none d-md-block">
<h3>Andet</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique, sequi!</p>
<button class="btn btn-outline-light btn-lg" type="button">Lær mere</button>
</div>
</div>
<!-- Forrige/Næste Billede Knapper -->
<a href="#carouselAppetizerIndicators" class="carousel-control-prev" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
</a>
<a href="#carouselAppetizerIndicators" class="carousel-control-next" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
</a>
</div>
</div>
<br /><br />
</main>
<!-- Container m/ Cards for sidste/nuværende/næste tema -->
<div class="container compliant-center">
<div class="row" style="justify-content: space-between;">
<div class="col-lg-4 padfix">
<div class="card" style="width: 20rem; height: 590px;">
<img style="height: 250px;" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="" class="card-img-top">
<div class="card-block bs-card-padding">
<h4 class="card-title">Sidste uges tema</h4>
<p class="card-text" style="">Sidste uges tema var Halloween hvor vi pyntede uhyggeligt op til en hyggelig aften. Gæsterne blev modtaget af vores udklædte personale som indbudte gæsterne til en hyggelig og uforglemmelig aften. </p>
<a href="" class="btn btn-primary">Læs mere...</a>
</div>
</div>
</div>
<div class="col-lg-4 padfix">
<div class="card" style="width: 20rem; height: 590px;">
<img style="height: 250px;" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="" class="card-img-top">
<div class="card-block bs-card-padding">
<h4 class="card-title">Denne uges tema</h4>
<p class="card-text">I denne uge fejrer vi julen, hvor vi har pyntet op til en hyggelig og romantisk aften i vores spa. Samtidig med oppyntningen har vi fokuseret på at duften også skal give en merværdi for kunden. Der vil til de første 100 kunder være en lille gavepose med lidt godter i fra stedets gaveshop. </p>
<a href="" class="btn btn-primary">Læs mere...</a>
</div>
</div>
</div>
<div class="col-lg-4 padfix">
<div class="card" style="width: 20rem; height: 590px;">
<img style="height: 250px;" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="" class="card-img-top">
<div class="card-block bs-card-padding">
<h4 class="card-title">Næste uges tema</h4>
<p class="card-text">Til vores store Nytårs tema uddeles der ét glas champagne til alle kunderne. Hvis du leder efter en afslappende start på det nye år, så er Tema Spa klar med et fuldt fantastisk ophold fyldt med alt hvad kroppen har brug for at komme godt ind i det nye år. </p>
<a href="" class="btn btn-primary">Læs mere...</a>
</div>
</div>
</div>
</div>
</div>
<!-- Import af HTML footer og Bootstrap JavaScript-->
<?php require("footer.php"); ?>