-3
我已經爲我的網站下載了一個html模板並更新了我的內容。導航欄就像家庭，服務，關於我們，團隊和聯繫。當我們啓動這個頁面時，首先它會加載一張幻燈片，並且它在家中，當我們點擊服務時，它將跳轉到服務。但現在我想分開「家」形式的幻燈片。在幻燈片中有一個按鈕「立即開始」。當我們點擊它時，它跳轉到服務。但現在我需要從歡迎幻燈片中分離出家，當我點擊開始時，它應該跳回家。我會在家中添加一個內容。它是一個單頁模板。HTML跳轉鏈接 - 如何創建跳轉鏈接
<header id="home">
<div id="home-slider" class="carousel slide carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="item active" style="background-image: url(images/slider/1.jpg)">
<div class="caption">
<h1 class="animated fadeInLeftBig">Welcome to <span>Mysite</span></h1>
<p class="animated fadeInRightBig">Some content</p>
<a data-scroll class="btn btn-start animated fadeInUpBig" href="#services">Start now</a>
</div>
</div>
<div class="item" style="background-image: url(images/slider/2.jpg)">
<div class="caption">
<h1 class="animated fadeInLeftBig">SAY HELLOW TO <span>My page</span></h1>
<p class="animated fadeInRightBig">Some content</p>
<a data-scroll class="btn btn-start animated fadeInUpBig" href="#services">Start now</a>
</div>
</div>
<div class="item" style="background-image: url(images/slider/3.jpg)">
<div class="caption">
<h1 class="animated fadeInLeftBig">We are <span>Creative</span></h1>
<a data-scroll class="btn btn-start animated fadeInUpBig" href="#services">Start now</a>
</div>
</div>
</div>
<a class="left-control" href="#home-slider" data-slide="prev"><i class="fa fa-angle-left"></i></a>
<a class="right-control" href="#home-slider" data-slide="next"><i class="fa fa-angle-right"></i></a>
<a id="tohash" href="#services"><i class="fa fa-angle-down"></i></a>
</div><!--/#home-slider-->
<div class="main-nav">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<h1><img class="img-responsive" src="images/logo.png" alt="logo"></h1>
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="scroll active"><a href="#home">Home</a></li>
<li class="scroll"><a href="#services">Service</a></li>
<li class="scroll"><a href="#about-us">About Us</a></li>
<li class="scroll"><a href="#team">Team</a></li>
<li class="scroll"><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div><!--/#main-nav-->
</header><!--/#home-->
<section id="services">
<div class="container">
\t <div class="col-sm-7 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="text-right our-services">
\t \t <div class="text-center service-icon">
\t \t <i class="fa fa-flask"></i>
\t \t </div>
\t </div>
\t </div>
<div class="row">
\t \t <div class="col-sm-8 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="text-right service-info">
<h3><b><u>Service Content</b></h3></div>
\t \t \t </div>
\t \t \t </div>
\t \t \t \t \t <div class="col-md-8 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
\t \t \t \t <img src="images/content/service-1.jpg" alt="service1" style="width:140%;height:50%;">
</div>
\t \t <div class="col-sm-7 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="text-right our-services">
\t \t \t <div class="text-center service-icon">
<i class="fa fa-check"></i>
</div>
\t \t </div>
\t </div>
\t \t \t <div class="col-sm-8 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="450ms">
<div class="text-right \t service-info">
\t <h3><b><u>Service Content</u></b></h3>
\t \t \t </div>
\t \t \t </div>
\t \t \t <div class="col-sm-8 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="450ms">
\t \t \t \t <img src="images/content/service-2.jpg" alt="service1" style="width:140%;height:50%;">
</div>
<div class="col-sm-7 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="550ms">
\t \t <div class="text-right our-services">
<div class="text-center service-icon">
<i class="fa fa-life-bouy"></i>
</div>
\t \t </div>
\t </div>
\t \t \t <div class="col-sm-12 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="550ms">
<div class="text-center service-info">
<h3><b><u>Service Content</u></b></h3>
\t \t \t </div>
\t \t \t </div>
\t \t \t <div class="col-sm-9 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="550ms">
\t \t \t \t <img src="images/content/service-3.jpg" alt="service1" style="width:140%;height:50%;">
</div>
</div>
</div>
</div>
</section><!--/#services-->我試圖改變它，但它沒有發生。我需要一個人來幫助我。這是我的html代碼。
您需要提供最少的代碼。看到[this]（/ help/mcve）鏈接。 – cst1992