feat: add anchor poin (#180)
Co-authored-by: Juntao Zhang <zhangjuntao@apache.org>
diff --git a/content/_index.html b/content/_index.html
index a8e14c0..e686575 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -56,106 +56,110 @@
</div>
</div>
-<!--event-->
-<div id="overview" class="live-demo-wrapper">
- <div class="contain">
- <h1 class="section-head">Live Demo</h1>
+<div id="demo">
+ <div id="overview" class="live-demo-wrapper">
+ <div class="contain">
+ <h1 class="section-head">Live Demo</h1>
- <p>
- <span>User: skywalking</span>
-
- <span>Password: skywalking</span>
- </p>
+ <p>
+ <span>User: skywalking</span>
+
+ <span>Password: skywalking</span>
+ </p>
- <p>
- <a class="btn btn-lg mb-5 btn-primary demo-link" target="_blank" href="http://demo.skywalking.apache.org/">
- Go
- </a>
- </p>
+ <p>
+ <a class="btn btn-lg mb-5 btn-primary demo-link" target="_blank" href="http://demo.skywalking.apache.org/">
+ Go
+ </a>
+ </p>
+ </div>
+ <div class="demo-line"></div>
</div>
- <div class="demo-line"></div>
+
</div>
<!--Feature List-->
-<div id="overview" class="feature-wrapper">
- <div class="contain feature">
- <h1 class="section-head">Feature List</h1>
+<div id="feature">
+ <div id="overview" class="feature-wrapper">
+ <div class="contain feature">
+ <h1 class="section-head">Feature List</h1>
- <div class="container flex-wrapper">
- <div class="home-li">
- <img src="/images/search.svg" class="pic">
- <h6 class="desc">Consistent Observability</h6>
- <span class="line"></span>
- <div class="box">
- <p>Tracing </p>
- <p>Metrics</p>
- <p>Logging</p>
- <p>Browser monitoring</p>
+ <div class="container flex-wrapper">
+ <div class="home-li">
+ <img src="/images/search.svg" class="pic">
+ <h6 class="desc">Consistent Observability</h6>
+ <span class="line"></span>
+ <div class="box">
+ <p>Tracing </p>
+ <p>Metrics</p>
+ <p>Logging</p>
+ <p>Browser monitoring</p>
+ </div>
</div>
- </div>
- <div class="home-li">
- <img src="/images/more.svg" class="pic">
- <h6 class="desc">Multiple Language Agents</h6>
- <span class="line"></span>
- <div class="box">
- <p>Java </p>
- <p>Golang</p>
- <p>.Net Core</p>
- <p>Python</p>
- <p>NodeJS</p>
- <p>C++</p>
- <p>PHP</p>
- <p>Lua</p>
+ <div class="home-li">
+ <img src="/images/more.svg" class="pic">
+ <h6 class="desc">Multiple Language Agents</h6>
+ <span class="line"></span>
+ <div class="box">
+ <p>Java </p>
+ <p>Golang</p>
+ <p>.Net Core</p>
+ <p>Python</p>
+ <p>NodeJS</p>
+ <p>C++</p>
+ <p>PHP</p>
+ <p>Lua</p>
+ </div>
</div>
- </div>
- <div class="home-li">
- <img src="/images/light.svg" class="pic">
- <h6 class="desc">Lightweight</h6>
- <span class="line"></span>
- <div class="box">
- <p>No big data stack </p>
- <p>Adopt different scale</p>
+ <div class="home-li">
+ <img src="/images/light.svg" class="pic">
+ <h6 class="desc">Lightweight</h6>
+ <span class="line"></span>
+ <div class="box">
+ <p>No big data stack </p>
+ <p>Adopt different scale</p>
+ </div>
</div>
- </div>
- <div class="home-li">
- <img src="/images/list.svg" class="pic">
- <h6 class="desc">Modular</h6>
- <span class="line"></span>
- <div class="box">
- <p>Storage pluggable </p>
- <p>Cluster coordinator pluggable</p>
- <p>Support pull/push transportation</p>
+ <div class="home-li">
+ <img src="/images/list.svg" class="pic">
+ <h6 class="desc">Modular</h6>
+ <span class="line"></span>
+ <div class="box">
+ <p>Storage pluggable </p>
+ <p>Cluster coordinator pluggable</p>
+ <p>Support pull/push transportation</p>
+ </div>
</div>
- </div>
- <div class="home-li">
- <img src="/images/alarm.svg" class="pic">
- <h6 class="desc">Alarm Supported</h6>
- <span class="line"></span>
- <div class="box">
- <p>Alarm HTTP/gRPC forwarder </p>
- <p>Slack notification</p>
- <p>Dingding notification</p>
- <p>WeChat notification</p>
- <p>Raw metrics data exporter</p>
+ <div class="home-li">
+ <img src="/images/alarm.svg" class="pic">
+ <h6 class="desc">Alarm Supported</h6>
+ <span class="line"></span>
+ <div class="box">
+ <p>Alarm HTTP/gRPC forwarder </p>
+ <p>Slack notification</p>
+ <p>Dingding notification</p>
+ <p>WeChat notification</p>
+ <p>Raw metrics data exporter</p>
+ </div>
</div>
- </div>
- <div class="home-li">
- <img src="/images/ui.svg" class="pic">
- <h6 class="desc">Fancy Visualization</h6>
- <span class="line"></span>
- <div class="box">
- <p>Customizable dashboard</p>
- <p>Topology map</p>
- <p>Trace and profile explorer</p>
- <p>CLI dashboard</p>
- <p>IntelliJ IDE plugin, metrics side by side with codes</p>
+ <div class="home-li">
+ <img src="/images/ui.svg" class="pic">
+ <h6 class="desc">Fancy Visualization</h6>
+ <span class="line"></span>
+ <div class="box">
+ <p>Customizable dashboard</p>
+ <p>Topology map</p>
+ <p>Trace and profile explorer</p>
+ <p>CLI dashboard</p>
+ <p>IntelliJ IDE plugin, metrics side by side with codes</p>
+ </div>
</div>
</div>
</div>
@@ -163,13 +167,15 @@
</div>
<!--event-->
-<div id="overview" class="bg-box event">
- <div class="contain">
- <h1 class="section-head">Events & News</h1>
+<div id="events">
+ <div id="overview" class="bg-box event">
+ <div class="contain">
+ <h1 class="section-head">Events & News</h1>
- <div class="container flex-wrapper">
- {{< blocks/events >}}
- {{< /blocks/events >}}
+ <div class="container flex-wrapper">
+ {{< blocks/events >}}
+ {{< /blocks/events >}}
+ </div>
</div>
</div>
</div>