-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (115 loc) · 6.24 KB
/
index.html
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
126
127
128
129
130
131
132
133
134
<!doctype html>
<html lang="en">
<head>
<title>Bob's Byggeri</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/x-icon" href="images/fav/b_letter_letters_alphabet_icon_208969.ico">
<!-- Bootstrap CSS v5.2.1 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,300;0,400;0,600;0,700;0,800;1,100;1,400;1,900&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/81eaa4518c.js" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(function () {
$("#head").load("head.html");
});
$(function () {
$("#foot").load("footer.html");
});
</script>
</head>
<body>
<header>
<!-- Navbar here - go to head.html to see -->
<div id="head"></div>
</header>
<main>
<!-- Carousel START -->
<div id="carouselFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<a href="/projekt.html#1"><img src="" class="carousel-img d-block w-100 top-image" alt="..."></a>
<div class="carousel-caption">
<p class="top-title"><a href="#first-row"><i class="top-arrow float-end ps-3 fa-sharp fa-solid fa-arrow-right fa-rotate-90"></i></a></p>
</div>
</div>
<div class="carousel-item">
<a href="/projekt.html#2"><img src="" class="carousel-img d-block w-100 top-image" alt="..."></a>
<div class="carousel-caption">
<p class="top-title"><a href="#first-row"><i class="top-arrow float-end ps-3 fa-sharp fa-solid fa-arrow-right fa-rotate-90"></i></a></p>
</div>
</div>
<div class="carousel-item">
<a href="/projekt.html#3"><img src="" class="carousel-img d-block w-100 top-image" alt="..."></a>
<div class="carousel-caption">
<p class="top-title"><a href="#first-row"><i class="top-arrow float-end ps-3 fa-sharp fa-solid fa-arrow-right fa-rotate-90"></i></a></p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselFade" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselFade" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- Carousel END -->
<!-- Splitter Start -->
<div class="container-fluid">
<div class="row splitter align-items-center">
<div class="col-12 col-md-6">
<h1 class="align-middle m-10"><a href="projekter.html">De mest innovative løsninger og kreative bygningsteknikker <i class= "ps-3 fa-solid fa-arrow-right"></i></a></h1>
</div>
</div>
<!-- Splitter End -->
<div class="main-content">
<div id="first-row" class="row justify-content-start align-items-start g-2 pb-5">
<div class="col-12 col-md-6"><a href="projekt.html#1"><img src="" class="project-img img-fluid imgProject" alt=""></a>
<a href="projekt.html#1"><h2 class="title"></h2></a>
<p class="info"></p>
</div>
<div class="col-12 col-md-5 offset-md-1"><a href="projekt.html#2"><img src="" class="img-fluid imgProject" alt=""></a>
<a href="projekt.html#2"><h2 class="title"></h2></a>
<p class="info"></p>
</div>
</div>
<div id="second-row" class="row justify-content-start align-items-start g-2 pb-5">
<div class="col-12 col-md-4"><a href="projekt.html#3"><img src="" class="img-fluid imgProject" alt=""></a>
<a href="projekt.html#3"><h2 class="title"></h2></a>
<p class="info"></p>
</div>
<div class="col-12 col-md-7 offset-md-1"> <a href="projekt.html#4"><img src="" class="img-fluid imgProject" alt=""></a>
<a href="projekt.html#4"><h2 class="title"></h2></a>
<p class="info"></p>
</div>
</div>
<div class="row text-center">
<h1><a href="#top"><i class="fa-solid fa-arrow-right fa-rotate-270 float-end"></i></a></h1>
</div>
</div>
</div>
</main>
<footer>
<!-- Footer here - go to footer.html to see -->
<div id="foot"></div>
</footer>
<script src="scripts/app.js"></script>
<!-- Bootstrap JavaScript Libraries -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js"
integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous">
</script>
</body>
</html>