《HTML5与CCS3网页设计基础》案例1---Pacific Trails Resort

本例子来源于《HTML5与CCS3网页设计基础》(第2版)
第二章案例学习的第一个例子。

这部书相对比较基础,适合前端入门,由于翻了书上的学习案例资料链接不是无效就是网盘过期什么的,所以决定在自己博客中记录下整个学习案例的工程。PS:博客开了好久都没去更新!不行不行。。
将从第二章开始,不断对案例更新,案例有两个,分别是Pacific Trails Resort JavaJam Coffee House。

《Pacific Trails Resort》
第二章案子学习完成效果图:

1.index.html
《HTML5与CCS3网页设计基础》案例1---Pacific Trails Resort_第1张图片
    代码部分:



	
	Pacific Trails Resort


Pacific Trails Resort

Enjoy Nature in Luxury

Pacific Trails Rsort offers a special lodging experience on the California North Coast.Relax in serenity with panoramic views of the Pacific Ocean.

  • Private yurts with decks overlooking the ocean
  • Activities lodge with fireplace and gift shop
  • Nighy fine dining at the Overlook Cafe
  • Heated outdoor pool and whirlpool
  • Guided hiking tours of the redwoods
Pacific Trails Resort
12010 Pacific Trails Road
Zephyr,CA 95555

888-555-5555






2. Yurts.html
《HTML5与CCS3网页设计基础》案例1---Pacific Trails Resort_第2张图片

代码部分:



	
	Pacific Trails Resor :: Yurts


Pacific Trails Resort

The Yurts at Pacific Trails

What is a yurt?
our luxury yurts are permanent structures four feet off the ground.Each yurt has canvas walls,a wooden floor, and a roof dome that can be opened.
How are the yurts furnished?
Each yurt is furnished with a queen-size bed with down quilt and gas-fired stove. The luxury camping experience also includes electricity and a sink with hot and cold running water. Shower and restroom facilities are located in the lodge.
What should I bring ?
Bring a sense of adventure and some time to relax! Most guests also pack comfortable walking shoes and plan to dress for changing weather with layers of clothing.


你可能感兴趣的:(Web前端)