Permalink
Browse files

themetour

  • Loading branch information...
1 parent cd3f39b commit d7a190c7732a03c79d48f0d8f324c44eb0b67df0 @welkang welkang committed Mar 28, 2012
@@ -1024,7 +1024,7 @@ ul.subnav a.active {
font-size: 12px;
}
.btn-enquiry {
- display; block;
+ display: block;
float: right;
margin: 7px 30px 0 0;
}
@@ -1,130 +1,159 @@
-body{
- background:url("/imagesnew/themetour/theme-bg.png") repeat-x;
-}
-.headnav{
- width:100%;
- height:40px;
-}
-.themetour-wrap{
- width:970px;
- margin:0 auto;
- background:#ffffff;
- position:relative;
- z-index:400;
+body {
+ background:none;
+}
+.headnav {
+ width: 100%;
+ background:#8C2621;
+}
+.themetour-wrap {
+ width: 970px;
+ margin: 0 auto;
+ background: url("/imagesnew/themetour/theme-bg.png") repeat-x;
+ position: relative;
+ z-index: 400;
border: 1px solid #B8B8B8;
- box-shadow: 0 0 3px #666666;
+ box-shadow: 0 0 3px #666666;
}
-
ul.topnav {
- height:40px;
- background:#8c2621;
- margin:0 auto;
+ height: 40px;
+ background: #8c2621;
+ margin: 0 auto;
padding-left: 149px;
- width: 821px
+ width: 821px;
}
-ul.topnav li{
- display:block;
- float: left;
- background:url("/imagesnew/themetour/nav-li-bg.png") no-repeat right center;
+ul.topnav li {
+ display: block;
+ float: right;
+ background:url("/imagesnew/themetour/nav-li-bg3.png") no-repeat left center ;
}
-ul.topnav li:last-child{
+ul.topnav li:last-child {
background:none;
+
}
-ul.topnav li a{
- color:#fff;
- text-decoration:none;
+ul.topnav li:last-child a:hover {
+ background:url("/imagesnew/themetour/nav-li-bg2.png") repeat-x -2px center ;
+}
+ul.topnav li a {
+ color: #fff;
+ text-decoration: none;
display: block;
- line-height:40px;
- margin:0 10px;
+ line-height: 40px;
+ padding:0 15px;
+ font-size:12px;
+}
+ul.topnav li a:hover {
+ text-decoration: none;
+ color: #fff;
+ background:url("/imagesnew/themetour/nav-li-bg2.png") repeat-x left center ;
+}
+.head-banner {
+ background: url("/imagesnew/themetour/train-tour-bg.jpg") no-repeat;
+ width: 970px;
+ height: 372px;
+ position: relative;
+}
+.head-logo {
+ position: absolute;
+ left: 30px;
+ top: 0;
+ width: 189px;
+ height: 120px;
+ background: url("/imagesnew/themetour/logo-bg.png") no-repeat;
+
+}
+.head-logo img {
+ margin: 12px 0 0 12px;
}
-ul.topnav li a:hover{
- text-decoration:none;
- color:#888;
+.head-logo p {
+ font-weight: bold;
+ margin: 8px 9px 0 13px;
+ font-size:15px;
}
-.section{
+.head-con {
width:930px;
- margin:40px auto;
- background:url("/imagesnew/themetour/section-bg.png") no-repeat 100% 30%
+ margin:15px auto 40px;
}
-.section h2{
- background:url("/imagesnew/themetour/train.png") no-repeat left center;
- text-indent:70px;
- border-bottom:1px solid #ddd;
- line-height:44px;
+.section {
+ width: 930px;
+ margin: 40px auto;
+ background: url("/imagesnew/themetour/section-bg.png") no-repeat 100% 30%
}
-.sec-img{
- float:left;
- width:460px;
+.section h2 {
+ background: url("/imagesnew/themetour/train.png") no-repeat left center;
+ text-indent: 70px;
+ border-bottom: 1px solid #ddd;
+ line-height: 44px;
}
-.sec-img p{
- text-align:center;
+.sec-img {
+ float: left;
+ width: 460px;
}
-.sec-con{
- float:right;
- width:450px;
-
+.sec-img img {
+ border: 2px solid #59a1d9;
+ border-radius: 15px;
}
-.sec-tours li{
- display:block;
- height:40px;
- margin:10px 0;
+.sec-img img:hover{
+ border: 2px solid #3472a1;
}
-.sec-tours span{
- display:block;
- float:left;
- padding:0 5px;
+.sec-img p {
+ text-align: center;
}
-.sec-tours span.price{
- color:red;
- float:right;
+.sec-con {
+ float: right;
+ width: 450px;
}
-.sec-tours span.destination{
- font-size: 11px;
+.sec-tours li {
+ display: block;
+ height: 40px;
+ margin: 10px 0;
+}
+.sec-tours span {
+ display: block;
+ float: left;
+ padding: 0 5px;
+}
+.sec-tours span.price {
+ color: red;
+ float: right;
+}
+.sec-tours span.destination {
+ font-size: 11px;
padding-left: 65px;
}
-/*
-.sec-con dl dt{
- float:left;
- margin-top:10px;
-}
-.sec-con dl dt img{
- border:1px solid #ddd;
- padding:1px;
- background:#fff;
-}
-.sec-con dl dd{
- float:right;
- width:282px;
-}
-.sec-con dl dd .btn{
- float:right;
-}
-*/
-ul.facts img{
- border:1px solid #ddd;
- padding:1px ;
- background:#fff;
-}
-ul.facts li{
- border:1px solid #F8F4ED;
- display:block;
- padding:10px;
- float:left;
- margin:10px 45px 20px 0;
-}
-ul.facts li a{
- color:#434343;
- display:block;
-}
-ul.facts li:hover{
- border:1px solid #dddddd;
- background:rgba(243,234,213,0.6);
+.sec-tours span.tour-rank {
+ color: #7D7D74;
+ font-size: 15px;
+ font-weight: bold;
+ background: url("/imagesnew/themetour/right-arrow.png") no-repeat center right;
+ margin-left: 0;
+ padding-right: 10px;
+ padding-left: 0;
+ margin-right: 3px;
+}
+ul.facts img {
+ border: 1px solid #ddd;
+ padding: 1px;
+ background: #fff;
+}
+ul.facts li {
+ border: 1px solid #F8F4ED;
+ display: block;
+ padding: 10px;
+ float: left;
+ margin: 10px 45px 20px 0;
+}
+ul.facts li a {
+ color: #434343;
+ display: block;
+}
+ul.facts li:hover {
+ border: 1px solid #dddddd;
+ background: rgba(243,234,213,0.6);
opacity: 0.8;
}
-.sec-fact{
- background:none;
+.sec-fact {
+ background: none;
}
-
-.themetour-wrap .FAQ-footer{
- margin:0;
+.themetour-wrap .FAQ-footer {
+ margin: 0;
}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -12,37 +12,48 @@
<div class="headnav">
<ul class="topnav clearfix">
<li>
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">Private Tibet Tour</a>
+ <a href="#">About Us </a>
</li>
<li>
- <a href="#">Join-in Tibet Tour</a>
+ <a href="#">Nepal &amp;Tibet Tour</a>
</li>
<li>
<a href="#">China &amp;Tibet Tour</a>
</li>
<li>
- <a href="#">Nepal &amp;Tibet Tour</a>
- </li>
- <li>
- <a href="#">Tibet Guide</a>
+ <a href="#">Join-in Tibet Tour</a>
</li>
<li>
- <a href="#">Travel Resources</a>
+ <a href="#">Private Tibet Tour</a>
</li>
<li>
- <a href="#">About Us</a>
+ <a href="#">Home</a>
</li>
</ul>
</div>
<div class="themetour-wrap clearfix">
- <img src="/imagesnew/themetour/train-tour.jpg" alt="" width="970">
+ <div class="head-banner">
+ <div class="head-logo">
+ <a href="###"><img src="/imagesnew/themetour/logo.png"></a>
+ <p>
+ The Best Way to Access to Tibet is by the Trian
+ </p>
+ </div>
+ </div>
+ <div class="head-con">
+ <h1>Take the train to Tibet on the Qinghai Tibet Railway!</h1>
+ <p>
+ This is BIG: It is now possible to go to Tibet by train via the
+ Qinghai-Tibet railway, the world's highest altitude railway. While
+ traveling to Tibet by train takes much longer than by plane, you
+ will be witness to thousands of miles of the most stunning
+ landscapes in the world rolling by outside your window.
+ </p>
+ </div>
<div class="section clearfix">
<h2>Qinghai Tibet Railway(Xining-Lhasa)</h2>
<div class="sec-img">
- <a href="#"><img src="/imagesnew/themetour/map01.png" alt="" ></a>
+ <a href="#"><img src="/imagesnew/themetour/map01.jpg" alt="" ></a>
<p>
<a href="###">Qinghai Tibet Railway(Xing-Lhasa)</a>
</p>
@@ -57,32 +68,33 @@
<h3>Train Tours From Xining To Tibet</h3>
<ul class="sec-tours">
<li>
- <a href="###">8 Days China Impressions Tour</a>
+ <span class="tour-rank">Tour A</span>
+ <a href="###">3 days in Beijing, 2 days on train & 4 days in Lhasa</a>
<span class="price">from $1013</span>
<br>
<span class="destination">Tour Beijing, Xian &amp; Shanghai</span>
</li>
<li>
- <span class="city"><strong>[&nbsp;</strong>Beijing<strong>&nbsp;]</strong></span>
+ <span class="tour-rank">Tour B</span>
<a href="###">8 Days China Impressions Tour</a>
<span class="price">from $1013</span>
<br>
- <span class="destination">Tour Beijing, Xian &amp; Shanghai</span>
+ <span class="destination">3 days in Beijing, 2 days on train & 4 days in Lhasa </span>
</li>
<li>
- <span class="city"><strong>[&nbsp;</strong>Beijing<strong>&nbsp;]</strong></span>
+ <span class="tour-rank">Tour C</span>
<a href="###">8 Days China Impressions Tour</a>
<span class="price">from $1013</span>
<br>
- <span class="destination">3 days in Beijing, 2 days on train & 4 days in Lhasa </span>
+ <span class="destination">Tour Beijing, Xian &amp; Shanghai</span>
</li>
</ul>
</div>
</div>
<div class="section clearfix">
<h2>Qinghai Tibet Railway(Xining-Lhasa)</h2>
<div class="sec-img">
- <a href="#"><img src="/imagesnew/themetour/map01.png" alt="" ></a>
+ <a href="#"><img src="/imagesnew/themetour/map02.jpg" alt="" ></a>
<p>
<a href="###">Tibet Railway(Xing-Lhasa)</a>
</p>

0 comments on commit d7a190c

Please sign in to comment.