Skip to content

Commit

Permalink
Final project for COMP 1850
Browse files Browse the repository at this point in the history 
For this final project I created a website introducing hidden gem eateries in Vancouver, BC.
  • Loading branch information
@claraf3
claraf3 committed Jul 23, 2020
1 parent 3a589f6 commit 1f43cee
Show file tree
Hide file tree
Showing 89 changed files with 3,383 additions and 0 deletions.
135 changes: 135 additions & 0 deletions contact.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
<!DOCTYPE html>

<html lang="en">

<head>
<title>Contact Us - Vancouver Hidden Gem Eateries</title>
<meta charset="utf-8">
<link rel=stylesheet href="main.css">

</head>

<body>

<div class="backdrop">
<a href="index.html"><img src="images/spices_final.png" alt="greenleaf"></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>Contact Us</h3>

</section>

<section class="main_frame">
<h3>Leave us comments</h3>

<form method="post" name="contact" id="contact" action="myformmail.php">
<input type="hidden" name="recipient" id="recipient" value="clara">
<input type="hidden" name="subject" id="subject" value="Vancouver Hidden Gem Eateries feedback">

<div class="form_row">
<label for="name" class="form_labels">Name:</label>
<input type="text" name="name" id="name" size="35">
</div>

<div class="form_row">
<label for="email" class="form_labels">Email:</label>
<input type="email" name="email" id="email" size="35">
</div>

<div class="form_row">
<label for="comments" class="form_labels">Comments:</label>
<textarea name="comments" id="comments" rows="7" cols="80" placeholder="Enter comments here.."></textarea>
</div>

<div class="form_submit">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</div>
</form>

</section>


<footer>
<div class="footerleft">
&#169; 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>
130 changes: 130 additions & 0 deletions fr_absinthe.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,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/absinthe/" + 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><span class="navcurrent">Absinthe Bistro</span></li>
<li><a href="fr_aucomptoir.html">Au Comptoir</a></li>
</ul>
</section>



<section class="main_frame">
<img src="images/absinthe/abs4.jpg" alt="food1" width="400" height="300" id="mainimage">
<h3>Absinthe Bistro</h3>
<p>Run by a husband-wife duo with the husband who was trained in France as the chef, Absinthe Bistro serves a rotating menu comprised of modern french cuisine. Famous for its scallops and absinthe drip, Absinthe Bistro is an excellent choice for patrons looking for quality time and good food.</p>

<ul class="info">
<li>Location: 952 Commercial Dr, Vancouver, BC V5L 3W7</li>
<li>Telephone: (604) 566-9053</li>
</ul>

<div class="thumbnails">
<img src="images/absinthe/abs1.jpg" alt="confit duck leg" onmouseover="swapImage('abs1')">
<img src="images/absinthe/abs2.jpg" alt="white wine mussels" onmouseover="swapImage('abs2')">
<img src="images/absinthe/abs3.jpg" alt="chicken liver" onmouseover="swapImage('abs3')">
<img src="images/absinthe/abs4.jpg" alt="escargot" onmouseover="swapImage('abs4')">
</div>
</section>


<footer>
<div class="footerleft">
&#169; 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>
Loading

0 comments on commit 1f43cee

Please sign in to comment.