-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (120 loc) · 6.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Lil Donut - Not So 'Lil">
<meta name="theme-color" content="#2779d1">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="stylesheet" media="screen and (max-width: 611px)" href="./assets/css/mobile.css">
<link rel="stylesheet" media="screen and (max-width: 490px)" href="./assets/css/evenSmallerPhone.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<link rel="shortcut icon" href="/assets/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<title>Lil Donut - Not so 'lil</title>
</head>
<body>
<!-- Splash Page -->
<div id="splashPage">
<header>
<img src="./assets/img/logo.png" alt="Lil Donut™ Logo" class="logo">
<nav>
<ul>
<li><a href="#about">About Us</a></li>
<li><a href="#menu">Our Donuts</a></li>
<li><a href="#locations">Locations </a></li>
<li><a href="#contact">Contact Us </a></li>
</ul>
</nav>
</header>
<section id="feature">
<h1 class="mainText">We are <br><span class="name">Lil Donut™</span></h1>
<p class="whiteText">Donuts that are not so 'lil.</p>
</section>
</div>
<!-- About Us -->
<section id="about" class="bgDark">
<h1 class="textCentre p1 whiteText">About Us and Our Story</h1>
<p class="p1 whiteText">We strive to serve our customers the biggest donuts of their lives. In our Not So
'Lil™
range, we offer 15cm in diametre donuts* at a low price. These donuts are perfect for parties, for sharing, or
even to
have a 'lil treat for yourself! <br><br> We offer catering and home delivery for all of our products. Your donut
of choice will be
delivered personally by Corey. No exceptions. Your satisfaction is 100% guaranteed. Please order from the menu
below!</p>
<p class="p1 whiteText disclaim">* Donut size may vary.</p>
<!-- <div class="wrapper">
<div class="container">
<div class="horizontal"><img src="https://picsum.photos/500/200" alt=""></div>
<div class="vertical"><img src="https://picsum.photos/200/350" alt=""></div>
<div><img src="https://picsum.photos/200/200" alt=""></div>
<div class="big"><img src="https://picsum.photos/600/600" alt=""></div>
<div class="vertical"><img src="https://picsum.photos/250/400" alt=""></div>
<div class="horizontal"><img src="https://picsum.photos/400/150" alt=""></div>
<div><img src="https://picsum.photos/200/220" alt=""></div>
<div class="horizontal"><img src="https://picsum.photos/450/200" alt=""></div>
<div><img src="https://picsum.photos/220/250" alt=""></div>
<div><img src="https://picsum.photos/250/200" alt=""></div>
</div>
</div> -->
</section>
<!-- Our Donuts -->
<section id="menu" class="bgLight">
<h1 class="textCentre p1">Our Menu</h1>
<img class="centreColumn p1" src="/assets/img/menu.png" alt="Menu">
<p class="p1 disclaim">* General retail menu. Menu may vary from location to location. While stocks last.</p>
</section>
<!-- Locations -->
<section id="locations">
<h1 class="textCentre p1 whiteText">Our Store Locations</h1>
<p class="textCentre p1 whiteText">Below is many of our store locations. We offer catering and home delivery
from all locations. Please contact us for
any home delivery or catering requests*.</p>
<img src="/assets/img/locations.png" alt="Our Locations">
<p class="p1 disclaim whiteText">* Locations may not exist.</p>
</section>
<!-- Contact -->
<section id="contact" class="bgLight">
<h1 class="textCentre p1">Contact Us</h1>
<p class="textCentre p1">Phone Number: 1800 LILDONUT<br>Email: [email protected]<br>Fax: +61 2 1234 5678<br>Main
Office Address: 94 Shamrock Avenue, Mount Kingman NSW 2536<br>ABN: 25 765 757 900<br>TFN:
953615761<br><br>Alternatively, you may fill out our contact form
below.</p>
<label for="textarea">Contact Form:</label>
<textarea name="text" id="textarea" cols="30" rows="10" placeholder="Send a personal message to us..."></textarea>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank"><input type="submit" value="Submit"></a>
<p class="textCentre p2 disclaim">* This form does not send information to us.</p>
</section>
<!-- Footer -->
<div id="footer">
<footer>
<a target="_blank" href="https://twitter.com/lildonutz/"><i class="p2 fab fa-twitter fa-2x"></i></a>
<a target="_blank" href="https://www.facebook.com/lildonutsepicepic/"><i
class="p2 fab fa-facebook fa-2x"></i></a>
<a target="_blank" href="https://github.com/lol"><i class="p2 fab fa-github fa-2x"></i></a>
</footer>
<p class="centreColumn container whiteText p1">Made by Matthew G<br><br><span id="modalButton">Full
Credits</span></p>
<div id="modal" class="modal">
<div class="modalContent">
<span class="close">×</span>
<p class="p1">Website by Matthew G<br>Images edited by Luke Webb and Angus Schuett<br>Menu by Luke Webb
with assistance from the Lil Donut™ team<br>Video by Corey Marshall<br>Dancing by Matthew G and
Angus Schuett<br><br>Everything else by the Lil Donut™ team.</p>
</div>
</div>
</div>
<script src="./assets/js/main.js"></script>
</body>
</html>