-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfr_aucomptoir.html
130 lines (102 loc) · 4.94 KB
/
fr_aucomptoir.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>French - Vancouver Hidden Gem Eateries</title>
<meta charset="utf-8">
<link rel=stylesheet href="main.css">
<script>
function swapImage(someimage) {
document.getElementById("mainimage").src="images/aucomptoir/" + someimage + ".jpg";
}
</script>
</head>
<body>
<div class="backdrop">
<a href="index.html"><img src="images/spices_final.png" alt="spices"></a>
</div>
<nav>
<div class="dropdown">
<a href="index.html" class="dropbtn">Home</a>
</div>
<div class="dropdown">
<button class="dropbtn">Japanese</button>
<div class="dropdown-content">
<a href="jap_tetsu.html">Tetsu Sushi Bar</a>
<a href="jap_maumi.html">Sushi Bar Maumi</a>
<a href="jap_masayoshi.html">Masayoshi</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Italian</button>
<div class="dropdown-content">
<a href="ita_labuca.html">La Buca</a>
<a href="ita_marcello.html">Marcello Ristorante & Pizzeria</a>
<a href="ita_via.html">Via Tevere Pizzeria</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Vietnamese</button>
<div class="dropdown-content">
<a href="vie_hoang.html">Bun Cha Ca Hoang Yen</a>
<a href="vie_lemongrass.html">Green Lemongrass</a>
<a href="vie_red.html">Mr Red Cafe</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">French</button>
<div class="dropdown-content">
<a href="fr_linh.html">Linh Cafe</a>
<a href="fr_absinthe.html">Absinthe Bistro</a>
<a href="fr_aucomptoir.html">Au Comptoir</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Thai</button>
<div class="dropdown-content">
<a href="thai_unchai.html">Unchai Restaurant</a>
<a href="thai_sen.html">Sen Pad Thai</a>
<a href="thai_maenam.html">Maenam</a>
</div>
</div>
<div class="dropdown">
<a href="contact.html" class="dropbtn">Contact Us</a>
</div>
</nav>
<section class="leftnav">
<h3>French</h3>
<ul>
<li><a href="fr_linh.html">Linh Cafe</a></li>
<li><a href="fr_absinthe.html">Absinthe Bistro</a></li>
<li><span class="navcurrent">Au Comptoir</span></li>
</ul>
</section>
<section class="main_frame">
<img src="images/aucomptoir/au4.jpg" alt="food1" width="400" height="300" id="mainimage">
<h3>Au Comptoir</h3>
<p>Au Comptoir is both a bistro and a cafe in that it is a great choice to grab a coffee with a friend as well as amazing brunches on the weekends and authentic french cuisine in the evening. One of its brunch highlights is the perfectly juicy burger with melted gryuere and pan-seared foie gras.</p>
<ul class="info">
<li>Location: 2278 W 4th Ave, Vancouver, BC V6K 1N8</li>
<li>Telephone: (604) 569-2278</li>
</ul>
<div class="thumbnails">
<img src="images/aucomptoir/au1.jpg" alt="confit duck leg" onmouseover="swapImage('au1')">
<img src="images/aucomptoir/au2.jpg" alt="white wine mussels" onmouseover="swapImage('au2')">
<img src="images/aucomptoir/au3.jpg" alt="chicken liver" onmouseover="swapImage('au3')">
<img src="images/aucomptoir/au4.jpg" alt="escargot" onmouseover="swapImage('au4')">
</div>
</section>
<footer>
<div class="footerleft">
© 2020 Clara Fok for Comp 1850
</div>
<div class="footerright">
<ul>
<li><a href="sitemap.html">Site map</a></li>
<li><a href="https://twitter.com/explore" target="_blank">Twitter</a></li>
<li><a href="https://www.facebook.com/" target="_blank">Facebook</a></li>
<li><a href="mailto:[email protected]" target="_blank">My Email</a></li>
</ul>
</div>
</footer>
</body>
</html>