-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgallery.html
96 lines (94 loc) · 3.64 KB
/
gallery.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 name="description" content="Your description goes here">
<meta name="keywords" content="one, two, three">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/9346d5df99.js" crossorigin="anonymous"></script>
<title>Idyll Cafe & Bakery</title>
<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=Petit+Formal+Script&display=swap" rel="stylesheet">
<!-- external CSS link -->
<link rel="stylesheet" href="css/reset.css">
<!-- change above to reset -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<!-- burger menu, dropdown in desktop, full screen in mobile -->
<input type="checkbox" id="burgerInput" class="mobile">
<label id="burgerMenu" for="burgerInput" class="mobile">
<nav class="mobile wrapper">
<a id='goBack' href="index.html">Return home</a>
<a id='goOrder' href="orders.html">Order pickup</a> <!--see Xian. click to see more, lightbox-->
<a id='goNew' href="index.html#new">New this month</a> <!--featured below-->
<a id='goReview' href="index.html#reviews">Reviews</a>
<!--contact-->
<h3 class="mini">Contact</h3>
<span>(212) 000-0000</span>
<span>41X E 12 St</span>
<span> New York, NY 10009</span>
<span>[email protected]</span>
</nav>
</label>
<div class="overlay"></div>
</header>
<section id="hero" class="gallery wrapper">
<section id="name" class="wrapper">
<span>idyll Cafe & Bakery</span>
</section>
<section class="wrapper">
<h1>Our pastries and process</h1>
<section class="emph">
<h3 class="mini">Open</h3>
<ul>
<li>Mon–Fri 7:00am–6:30pm</li>
<li>Sat–Sun 8:00am–5:00pm</li>
</ul>
</section>
</section>
</section>
<section id="new" class="gallery">
<section class="wrapper featContainer gallery">
<section class="intro feat small">
<h3>Discover a new favorite every time you stop by.</h3>
<p>From the test kitchen: New pastries introduced monthly alongside our regular selection.</p>
</section>
</section>
<section class="wrapper featContainer gallery">
<section class="feat double one">
<!-- <h3>Salt-pickling cherry blossoms</h3> -->
</section>
<section class="wrapper">
<section class="feat small two">
</section>
<section class="feat small three">
</section>
</section>
</section>
<section class="wrapper featContainer gallery">
<section class="feat small four">
</section>
<section class="feat double five">
</section>
</section>
<section class="wrapper featContainer gallery">
<section class="feat double six">
</section>
<section class="feat small seven">
</section>
</section>
</section>
<footer class="wrapper">
<ul class="wrapper social">
<li><a href="##" aria-label="Instagram page"><i class="fa-brands fa-instagram" tabindex="0"></i></a></li>
<li><a href="##" aria-label="Facebook page"><i class="fa-brands fa-facebook-f" tabindex="0"></i></a></li>
<li><a href="##" aria-label="Twitter page"><i class="fa-brands fa-twitter" tabindex="0"></i></a></li>
</ul>
<p>Idyll Cafe | Built by Least Common Multiple</p>
</footer>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>