<body data-spy="scroll" data-target="#myScrollspy">
<!-- Top -->
<div id="top">
<div class="menu clearfix">
<span>S'TATI Cosmetic</span>
<span class="phone pull-right"> 8-800-888-22-48 </span>
<a href="javascript:void(0)" class="btn btn-flat btn-success btn-sm pull-right">Обратный звонок</a>
</div>
</div>
<!-- Top THE END -->
<!-- Header -->
<header>
<!-- Navigation menu left -->
<div class="left-menu" id="myScrollspy">
<ul class="list unstyled">
<li><a class="page-scroll" href="#header">О чем речь?</a></li>
<li><a class="page-scroll" href="#whydoit">Зачем это нужно?</a></li>
<li><a class="page-scroll" href="#aswork">Как это работает?</a></li>
<li><a class="page-scroll" href="#ingredients">Из чего сделанно?</a></li>
<li><a class="page-scroll" href="#buynow">Где можно преобрести?</a></li>
<li><a class="page-scroll" href="#contact">Кто мы?</a></li>
</ul>
</div>
<!-- Navigation menu left THE END -->
</header>
<!-- Header THE END -->
<!-- Section -->
<section id="header">
</section>
<!-- Section THE END -->
<!-- Section -->
<div id="whydoit">
</div>
<!-- Section THE END -->
<!-- Section -->
<section id="aswork">
</section>
<!-- Section THE END -->
<!-- Section -->
<section id="ingredients">
</section>
<!-- Section THE END -->
<!-- Section -->
<section id="buynow">
</section>
<!-- Section THE END -->
<!-- Section -->
<section id="contact">
</section>
<!-- Section THE END -->
</body><body data-spy="scroll" data-target="#scrollspy"><div class="left-menu" id="scrollspy">
<ul class="nav list-unstyled">
<li class=""><a class="page-scroll" href="#header">О чем речь?</a></li>
<li class=""><a class="page-scroll" href="#whydoit">Зачем это нужно?</a></li>
<li class=""><a class="page-scroll" href="#aswork">Как это работает?</a></li>
<li class=""><a class="page-scroll" href="#ingredients">Из чего сделанно?</a></li>
<li class=""><a class="page-scroll" href="#buynow">Где можно преобрести?</a></li>
<li class=""><a class="page-scroll" href="#map">Кто мы?</a></li>
</ul>
</div>