Skip to content

Commit

Permalink
Complete Project part 4 and Inprogess Assignment 8
Browse files Browse the repository at this point in the history
  • Loading branch information
Rick Jiang authored and Rick Jiang committed Feb 10, 2024
1 parent c5331c7 commit 136d098
Show file tree
Hide file tree
Showing 44 changed files with 1,279 additions and 13 deletions.
Empty file added assignments/08/index.html
View file
Empty file.
Empty file added assignments/08/script.js
View file
Empty file.
Empty file added assignments/08/styles.css
View file
Empty file.
Binary file added images/projectpart4.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 10 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,9 +90,16 @@ <h3>Project Part 2 - Wireframes</h3>
</section>
<section class="assignment">
<a href="project/part3/index.html">
<h3>Project Part 3 - Wireframes</h3>
<img src="images/wireframe.png" alt="picture of the wireframe">
<p>Did the wireframe for Seattle,WA as the Travel Guide</p>
<h3>Project Part 3 - HTML and CSS</h3>
<img src="images/projectpart3.png" alt="picture of the HTML and CSS for the project">
<p>Did the CSS and the Html for the travel guide </p>
</a>
</section>
<section class="assignment">
<a href="project/part4/index.html">
<h3>Project Part 4 - Picture, Texts, and Colors</h3>
<img src="images/projectpart4.png" alt="picture of project 4">
<p>Did the Picture, Texts, colors for the travel guide </p>
</a>
</section>
</div>
Expand Down
19 changes: 9 additions & 10 deletions project/part3/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,16 +31,6 @@ h2{
}












.nav-dropdown{
display: inline-block;
}
Expand Down Expand Up @@ -76,6 +66,15 @@ h2{
background-color: aqua;
}










@media only screen and (min-width: 768px) {
.columns {
display: flex;
Expand Down
75 changes: 75 additions & 0 deletions project/part4/about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang ="eng">

<!--CSCE 242 Project part 4 Webpage Written by Rick Jiang -->
<head>
<title>Project Part 4-Pictures, text, and Colors</title>
<link rel="stylesheet" href="styles.css" />
</head>
<header id="main-header">
<h1>Seattle Washington</h1>

<p>
<nav id="main-nav">

<a href="index.html">Home</a>

<a href="about.html">About</a>

<div class="nav-dropdown">
<button>Things to do</button>
<div class="content">
<a href="attractions.html">Attractions</a>
<a href="sorecreations.html">Sport& Outdoor Recreations </a>
<a href="histhert.html">History & Hertiage</a>
</div>
</div>
<div class="nav-dropdown">
<button>Eat & Drink</button>
<div class="content">
<a href="affordrest.html">Afford Restaurant</a>
<a href="neigborhooddining.html">Neigborhood Dining </a>
</div>
</div>
<div class="nav-dropdown">
<button>Events</button>
<div class="content">
<a href="familyevents.html">Family Events</a>
<a href="thingstodoweek.html">Things to do this week </a>
</div>
</div>
<div class="nav-dropdown">
<button>Plan Your Visit</button>
<div class="content">
<a href="faqs.html">FAQS</a>
<a href="contactus.html">Contact us </a>
<a href="travelplans.html">Travel Plans</a>
</div>
</div>

</nav>
</header>
<body>
<main id="main-content">
<h2>About the City-Seattle</h2>

<img src="images/seattle3.jpg" alt="map of seattle" class="centerpic">

<p>
Seattle, located in the Pacific Northwest region of the United States, has a rich and diverse history that dates back thousands of years. Before European settlers arrived, the area was inhabited by indigenous peoples such as the Duwamish, Suquamish, and Salish tribes, who thrived in the region's abundant natural resources.

In the mid-19th century, the arrival of settlers from the East Coast and Europe led to significant changes in the area. In 1851, a group of settlers led by Arthur Denny established a settlement called "New York Alki" on the shores of Elliott Bay. However, due to harsh living conditions, they eventually relocated to the eastern shore of Elliott Bay, where present-day downtown Seattle stands.

Seattle's growth was fueled by the timber industry, which boomed in the late 19th century. The city became a major hub for logging and shipbuilding, attracting workers from around the country and the world. In 1889, a devastating fire destroyed much of the city's downtown area, but Seattle quickly rebuilt and continued to prosper.

The late 19th and early 20th centuries saw the rise of other industries in Seattle, including fishing, manufacturing, and trade. The Klondike Gold Rush of 1897 further boosted the city's economy, as it became a jumping-off point for prospectors heading to the Yukon.

Seattle's strategic location on the Puget Sound also made it a key transportation hub. The construction of the Lake Washington Ship Canal in the early 20th century connected the city to the Pacific Ocean, further enhancing its importance as a port city.

During World War II, Seattle played a crucial role in the war effort, with its shipyards producing hundreds of vessels for the U.S. Navy. After the war, Seattle experienced rapid growth and development, fueled in part by the expansion of aerospace companies like Boeing, which became a cornerstone of the city's economy.

In the latter half of the 20th century, Seattle emerged as a center for technology and innovation, with companies like Microsoft, Amazon, and Starbucks establishing their headquarters in the area. Today, Seattle is known for its thriving tech industry, vibrant arts and culture scene, and stunning natural beauty, making it a dynamic and cosmopolitan city with a rich history that continues to evolve.
</p>

</body>
</html>
91 changes: 91 additions & 0 deletions project/part4/affordrest.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang ="eng">

<!--CSCE 242 Project part 4 Webpage Written by Rick Jiang -->
<head>
<title>Project Part 4-Pictures, text, and Colors</title>
<link rel="stylesheet" href="styles.css" />
</head>
<header id="main-header">
<h1>Seattle Washington</h1>

<p>
<nav id="main-nav">

<a href="index.html">Home</a>

<a href="about.html">About</a>

<div class="nav-dropdown">
<button>Things to do</button>
<div class="content">
<a href="attractions.html">Attractions</a>
<a href="sorecreations.html">Sport& Outdoor Recreations </a>
<a href="histhert.html">History & Hertiage</a>
</div>
</div>
<div class="nav-dropdown">
<button>Eat & Drink</button>
<div class="content">
<a href="affordrest.html">Afford Restaurant</a>
<a href="neigborhooddining.html">Neigborhood Dining </a>
</div>
</div>
<div class="nav-dropdown">
<button>Events</button>
<div class="content">
<a href="familyevents.html">Family Events</a>
<a href="thingstodoweek.html">Things to do this week </a>
</div>
</div>
<div class="nav-dropdown">
<button>Plan Your Visit</button>
<div class="content">
<a href="faqs.html">FAQS</a>
<a href="contactus.html">Contact us </a>
<a href="travelplans.html">Travel Plans</a>
</div>
</div>

</nav>
</header>
<body>
<main id="main-content">
<h2>Top 3 Affordable Restaurants</h2>
<div class="columns">
<section class="section">
<a href="https://marinationmobile.com/">
<h3>1.Marination Ma Kai</h3>
<img src="images/makai.jpg" alt="Screenshot of Ma Kai ">
<p>
Situated along Seattle's scenic Alki Beach, Marination Ma Kai offers a vibrant blend of Hawaiian and Korean cuisine against a
backdrop of stunning waterfront views. With a laid-back atmosphere and an inventive menu featuring favorites like Spam sliders and
Kalbi beef tacos, this popular spot promises a unique and delicious dining experience. Don't miss their iconic Spam Musubi and refreshing craft cocktails.
</p>
</a>
</section>
<section class="section">
<a href="https://www.yelp.com/biz/ton-kiang-barbeque-noodle-house-seattle">
<h3>2. Ton Kiang Barbque Noodle House</h3>
<img src="images/tomkiang.jpg" alt="Screenshot of ton Kiang restaurant">
<p>Located in Seattle, Ton Kiang Barbecue Noodle House is a go-to destination for authentic Chinese barbecue and noodle dishes.
The restaurant boasts a cozy ambiance and a menu filled with flavorful options. From succulent barbecue meats to hearty noodle soups,
Ton Kiang offers a taste of traditional Chinese cuisine right in the heart of Seattle. Enjoy favorites like BBQ pork, roast duck, and hand-pulled noodles,
all expertly prepared and served with a side of hospitality. Whether you're craving a
quick bite or a leisurely meal, Ton Kiang Barbecue Noodle House promises a satisfying dining experience that keeps customers coming back for more.</p>
</a>
</section>
<section class="section">
<a href="https://harborcityseattle.com/">
<h3>Harbor City Restaurants</h3>
<img src="images/haborcity.jpg" alt="Screenshot of Harbor City Restaurant">
<p>Situated in the vibrant culinary scene of Seattle, Harbor City is a renowned establishment offering an extensive menu of fresh seafood and
Asian-inspired dishes. With its prime waterfront location, Harbor City provides diners with stunning views while they enjoy a diverse selection of sushi,
sashimi, and seafood specialties. The restaurant's elegant yet welcoming atmosphere makes it ideal for both casual outings and special occasions. From traditional
Japanese cuisine to innovative fusion dishes, Harbor City prides itself on delivering exceptional flavors and top-notch service, ensuring a memorable dining experience for every guest.</p>
</a>
</section>
</div>
</main>
</body>
</html>
76 changes: 76 additions & 0 deletions project/part4/attractions.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang ="eng">

<!--CSCE 242 Project part 4 Webpage Written by Rick Jiang -->
<head>
<title>Project Part 4-Pictures, text, and Colors</title>
<link rel="stylesheet" href="styles.css" />
</head>
<header id="main-header">
<h1>Seattle Washington</h1>

<p>
<nav id="main-nav">

<a href="index.html">Home</a>

<a href="about.html">About</a>

<div class="nav-dropdown">
<button>Things to do</button>
<div class="content">
<a href="attractions.html">Attractions</a>
<a href="sorecreations.html">Sport& Outdoor Recreations </a>
<a href="histhert.html">History & Hertiage</a>
</div>
</div>
<div class="nav-dropdown">
<button>Eat & Drink</button>
<div class="content">
<a href="affordrest.html">Afford Restaurant</a>
<a href="neigborhooddining.html">Neigborhood Dining </a>
</div>
</div>
<div class="nav-dropdown">
<button>Events</button>
<div class="content">
<a href="familyevents.html">Family Events</a>
<a href="thingstodoweek.html">Things to do this week </a>
</div>
</div>
<div class="nav-dropdown">
<button>Plan Your Visit</button>
<div class="content">
<a href="faqs.html">FAQS</a>
<a href="contactus.html">Contact us </a>
<a href="travelplans.html">Travel Plans</a>
</div>
</div>

</nav>
</header>
<body>
<main id="main-content">
<h2>Attractions</h2>
<div class="columns">
<section class="section">
<a href="https://www.spaceneedle.com/">
<h3>Space Needle </h3>
<img src="images/spaceneedle.jpg" alt="Screenshot of Space Needle">
<p>The Space Needle in Seattle is a 605-foot tall landmark built for the 1962 World's Fair. Its futuristic design features a rotating observation deck and a restaurant with panoramic views. With its sleek architecture and colorful nighttime lighting, the Space Needle is an iconic symbol of Seattle's skyline and innovation.</p>
</a>
</section>
<section class="section">
<a href="https://www.pikeplacemarket.org/">
<h3>Pike Place Market</h3>
<img src="images/pikeplacemarket.jpg" alt="Screenshot of Pike Market">
<p>Pike Place Market is a historic public market located in Seattle, Washington. Established in 1907, it is one of the oldest continuously operated farmers' markets in the United States. The market is renowned for its diverse array of vendors selling fresh produce, seafood, flowers, crafts, and specialty food items. </p>
</a>
</section>
<section class="section">
<a href="https://www.mopop.org/">
<h3>Museum of Pop Culture</h3>
<img src="images/pop.jpg" alt="Screenshot of Museum">
<p>The Museum of Pop Culture (MoPOP), located in Seattle, Washington, is a museum dedicated to exploring and celebrating the history and impact of popular culture. Designed by renowned architect Frank Gehry, the museum's striking exterior is characterized by its colorful, undulating metal panels.</p>
</a>
</section>
Loading

0 comments on commit 136d098

Please sign in to comment.