-3
私のウェブサイト用のHTMLテンプレートを1つダウンロードして、自分のコンテンツで更新しました。ナビゲーションバーは、家庭、サービス、私たち、チーム、連絡先のようなものです。ページを起動すると、最初にスライドが読み込まれ、それがホームになり、サービスをクリックするとサービスにジャンプします。しかし、今私は "ホーム"フォームスライドを分離したい。スライドに「今すぐ開始」ボタンがあります。それをクリックすると、サービスにジャンプします。しかし、今私は歓迎スライドから家を分ける必要があります。私が今スタートをクリックすると、家に飛びます。私は家にコンテンツを追加します。その1ページのテンプレート。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