forked from leolisinski-nti-johanneberg/WU_2B_ProjektHT21
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (74 loc) · 5.17 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
<!-- Saker att se över
- Fixa logga
- skriva rapport
-->
<!DOCTYPE html>
<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">
<title>Space Place</title>
<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:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav id="navLinks">
<ul id="leftLinks">
<li><a href="">Boka Bord</a></li>
<li><a href="menu.html">Vår Mat</a></li>
</ul>
<div id="logoCircle" onclick="location.href='index.html';"><img src="img/Logo-white.png" alt="Resturant Logo" id="logo"></div>
<ul id="rightLinks">
<li><a href="about.html">Om oss</a></li>
<li><a href="">Kontakt</a></li>
</ul>
</nav>
</header>
<div id="banner">
<h1>SPACE PLACE</h1>
<h3>Taking food to new heights</h3>
</div>
<div id="booking">
<p id="bookText">Space Place ger dig en unik upplevelse ipsum dolor sit amet, consectetur adipisicing elit. Quidem enim perspiciatis ab dolorum ducimus et eum? Voluptas iusto sunt dicta eveniet, cumque accusamus ipsum. Aperiam iste inventore minus corrupti tempora repudiandae odit, amet voluptatum optio nihil nemo animi illum laboriosam aliquam et itaque, error aut veritatis obcaecati possimus temporibus quisquam och en dag som du säkerligen aldrig kommer glömma.</p>
<a id="bookButton" href="">Boka Bord</a>
</div>
<div id="infoGrid">
<article id="article1"><h3 class="infoHeader">Vad är Space Place?</h3><p class="infoText">Med den nyaste teknologin inom rymdfärer tillåter vi dig att äta mat i rymden, i noll g. consectetur, adipisicing elit. Aut excepturi dicta praesentium quasi, voluptates porro, quisquam laudantium magnam facilis quibusdam et animi sapiente fuga voluptas quo minus aliquam ipsum quis neque molestiae aspernatur amet cumque quae? Cupiditate, voluptatibus. Quae at odio soluta delectus nemo recusandae vero, saepe, expedita ullam consequatur aliquam reprehenderit, libero corrupti earum! Culpa delectus qui accusantium ipsum quas corporis sunt doloremque aspernatur dignissimos omnis. Consequatur alias earum dolores perferendis obcaecati är du redo att äta på ett sätt som aldrig gjorts innan?</p></article>
<section id="img1" title="Rymdskepp i himmlen"></section>
<article id="article2"><h3 class="infoHeader">Maten Ombord</h3><p class="infoText">ombord på farkosten serveras många olika typer av mat, quasi, voluptates porro, quisquam laudantium magnam facilis quibusdam et animi sapiente fuga voluptas quo minus aliquam ipsum quis neque molestiae aspernatur amet cumque quae? Cupiditate, voluptatibus. Quae at odio soluta delectus nemo recusandae vero, saepe, expedita ullam consequatur aliquam reprehenderit, libero corrupti earum! Culpa delectus qui accusantium ipsum quas corporis sunt doloremque aspernatur dignissimos omnis. Consequatur så ta en titt på menyn och smaklig måltid!</p></article>
<section id="img2" title="Bild på maten"></section>
</div>
<div id="map">
<h2>Hitta Hit</h2>
<!--Ifall det inte är självklart, nej jag har inte skrivit raden nedan själv, utan använt verktyget: https://google-map-generator.com/-->
<div class="mapouter"><div class="gmap_canvas"><iframe width="600" height="400" id="gmap_canvas" src="https://maps.google.com/maps?q=Origov%C3%A4gen%204,%20412%2058%20G%C3%B6teborg&t=&z=13&ie=UTF8&iwloc=&output=embed"></iframe><a href="https://123movies-to.org">123 movies</a><br><style>.mapouter{position:relative;text-align:right;height:400px;width:600px;}</style><a href="https://www.embedgooglemap.net">embedding maps</a><style>.gmap_canvas {overflow:hidden;background:none!important;height:400px;width:600px;}</style></div></div>
<h3>Öppetider</h3>
<p>Mån-Fre 10-20, Lör-Sön 12-23</p>
</div>
<footer>
<div id=footerGrid>
<div id="fLogo"><img src="img/Logo-gray.png" alt="Logo"></div>
<div id="fHeader"><h3>Space Place</h3></div>
<div id="fContacts">
<p class="footerText">Origovägen 4</p>
<p class="footerText">tel: 0706106337</p>
<p class="footerText">mail: [email protected]</p>
</div>
<div id="fMenuItems1">
<a href="" class="footerText">Boka bord</a>
<a href="menu.html" class="footerText">Meny</a>
<a href="" class="footerText">Allergier</a>
</div>
<div id="fMenuItems2">
<a href="about.html" class="footerText">Om oss</a>
<a href="" class="footerText">Säkerhet</a>
<a href="" class="footerText">Kontakt</a>
</div>
</div>
</footer>
</body>
</html>