forked from ntijoh/zoo2023
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (63 loc) · 3.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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!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">
<link rel="stylesheet" href="css/style.css">
<title>Polar Respit</title>
</head>
<body>
<div class="main-wrap">
<div class="main-screen image-item" style="background-image: url(img/food/ice-cream.jpg);background-position-y: 30%;">
<h1 id="cover-main-line" class="no-select">The Polar Respit</h1>
</div>
<div class="spacer"></div>
<div class="section-content">
<div class="section-card" style="grid-template-columns: 1fr 1fr;">
<div class="image-item" style="background-image: url(img/food/ice-cream-bowl.jpg);">
<a href="order.html">order now</a>
</div>
<div>
<h2>NEW FLAVORS</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam quos perspiciatis ea nihil magni
assumenda ipsum nostrum officia blanditiis quod, autem, ducimus fugit excepturi qui ad eaque
corporis? Quos, repellendus.</p>
<h2>ORDER ONLINE</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam quos perspiciatis ea nihil magni
assumenda ipsum nostrum officia blanditiis quod, autem, ducimus fugit excepturi qui ad eaque
corporis? Quos, repellendus.</p>
</div>
</div>
</div>
<div class="spacer"></div>
<div class="section-content">
<div class="section-card" style="grid-template-columns: 1fr; width:40%;">
<div class="image-item" style="background-image: url(img/animals/mr_p.jpg);background-position-y:15%;">
<a href="about.html">about us</a>
</div>
</div>
<div class="section-card" style="grid-template-columns: 1fr; width:40%;">
<div class="image-item" style="background-image: url(img/animals/penguin-species-places-Galapagos-Antarctica.jpeg); background-position-x: 15%;">
<a href="staff.html">staff</a>
</div>
</div>
</div>
<footer>
<h1 id="footer-header" class="no-select">The Polar Respit</h1>
<p id="footer-smallprint">This site is mangageed and run by Penguin.inc. Penguin.inc does not follow
international standars of law
nor geniva convetion or similar due to the fact they are penguins. Any copmplaint will be resolved with
leathal force.</p>
</footer>
</div>
<div id="header">
<a class="nav-item no-select" href="index.html">Home</a>
<a class="nav-item no-select" href="about.html">About us</a>
<p class="nav-item no-select" id="logo-text">PR</p>
<a class="nav-item no-select" href="staff.html">Staff</a>
<a class="nav-item no-select" href="order.html">Order</a>
</div>
<script src="js/headShrink.js"></script>
</body>
</html>