ผมทำ one page โดยใช้ section ในการชี้ผมอยากทราบว่าเวลา เอาข้อมูลมาแสดงตอนวนข้อมูลจะทำไงให้มันไปแต่ละsection

  <div class="navbar-collapse collapse">
            
            <div class=" bd-horizontalmenu clearfix">
                <div class="bd-container-inner">
                    
                    <ul class=" bd-menu-11 nav nav-pills navbar-left">
                        
                        
                        
                        
                            
                          
                            
                            <li class=" bd-menuitem-11">
                                <a  title="section5" href="#section5" >section5</a>
                                
                                    
                            
                            
                            </li>
                            
                            <li class=" bd-menuitem-11">
                                <a  title="section7" href="#section7" >section7</a>
                                
                                    
                            
                            
                            </li>
                            
                            <li class=" bd-menuitem-11">
                                <a  title="section6" href="#section6" >section6</a>
                                
                                    
                            
                            
                            </li>
                            
                            <li class=" bd-menuitem-11">
                                <a  title="section8" href="#section8" >section8</a>
                                
                                    
                            
                            
                            </li>
                            
                         
                            
                            <li class=" bd-menuitem-11">
                                <a 
 class="active" title="New Page" href="./about.html" >New Page</a>
                                
                                    
                            
                            
                            </li>
                    </ul>
                    
                </div>
            </div>
            
        
            </div>

		<section class=" bd-section-16 bd-tagstyles bd-custom-button" id="section5" data-section-title="Get In Touch">
    <div class="bd-vertical-align-section-wrapper">
        <div class=" bd-layoutbox-1 clearfix">
    <div class="bd-container-inner">
        <h3 class=" bd-textblock-51 bd-tagstyles bd-custom-button">
    Get In Touch
</h3>
    </div>
</div>
	
		<div data-animation-time="250" class=" bd-smoothscroll-4">
<img class="bd-imagestyles bd-imagelink-48   " src="./assets/images/3bfa31805580ca9e5b6934dcf7ae0f4e_billionphotos1162946.jpg"></div>
    </div>
</section>
	
		<section class=" bd-section-17 bd-tagstyles bd-custom-button" id="section6" data-section-title="Restaurant Four Columns Image Left">
    <div class="bd-vertical-align-section-wrapper">
        <h3 class=" bd-textblock-62 bd-tagstyles bd-custom-button">
    Get In Touch
</h3>
	
		<div class=" bd-layoutcontainer-21">
    <div class="bd-container-inner">
        <div class="container-fluid">
            <div class="row
                
 bd-row-flex
                
 bd-row-align-middle
                
 bd-collapsed-gutter
                ">
                <div class=" 
 col-md-12
 col-sm-12">
    <div class="bd-layoutcolumn-29"><div class="bd-vertical-align-wrapper"><img class="bd-imagestyles bd-imagelink-49   " src="./assets/images/2ac16aad30199e17451dcbf46ddb4e36_15809095182_0c40412257_k.jpg"></div></div>
</div>
	
		<div class=" 
 col-md-12
 col-sm-12">
    <div class="bd-layoutcolumn-39"><div class="bd-vertical-align-wrapper"><div class=" bd-imagescaling-7 bd-imagescaling-animated" data-imagescaling-target=" bd-imagelink-50">
<img class="bd-imagestyles bd-imagelink-50   " src="./assets/images/613c3b1c28c8463327222fec2a2c3417_2578397276_f4b7b15322_b.jpg"></div></div></div>
</div>
            </div>
        </div>
    </div>
</div>
    </div>
</section>
	
		<section class=" bd-section-18 bd-tagstyles bd-custom-button" id="section7" data-section-title="Modern Design Toolkit">
    <div class="bd-vertical-align-section-wrapper">
        <div class=" bd-layoutcontainer-22">
    <div class="bd-container-inner">
        <div class="container-fluid">
            <div class="row
                
 bd-row-flex
                
 bd-row-align-middle
                
 bd-collapsed-gutter
                ">
                <div class=" 
 col-md-12">
    <div class="bd-layoutcolumn-63"><div class="bd-vertical-align-wrapper"><div class=" bd-imagescaling-8 bd-imagescaling-animated" data-imagescaling-target=" bd-imagelink-51">
<img class="bd-imagestyles bd-imagelink-51   " src="./assets/images/f76e889c9f1a9ec128b39a97c214071f_Imagemin.png"></div></div></div>
</div>
	
		<div class=" 
 col-md-12">
    <div class="bd-layoutcolumn-74"><div class="bd-vertical-align-wrapper"><h3 class=" bd-textblock-65 bd-tagstyles bd-custom-button">
    Your Modern<br><b>
Design Toolkit
</b>
</h3>
	
		<p class=" bd-textblock-66 bd-tagstyles bd-custom-button">
    Themler allows creating any types of website designs. Furthermore, hundreds of theme samples are available for FREE download.
</p>
	
		<a href="" class=" bd-linkbutton-6 bd-button-61 bd-icon-73"   >
Try Now
</a></div></div>
</div>
            </div>
        </div>
    </div>
</div>
    </div>
</section>
	
		<section class=" bd-section-19 bd-tagstyles bd-custom-button" id="section8" data-section-title="One Сolumn">
    <div class="bd-vertical-align-section-wrapper">
        <div class="container  bd-containereffect-12"><div class=" bd-layoutcontainer-36">
    <div class="bd-container-inner">
        <div class="container-fluid">
            <div class="row
                
 bd-row-flex
                
 bd-row-align-middle
                
                ">
                <div class=" 
 col-xs-24">
    <div class="bd-layoutcolumn-75"><div class="bd-vertical-align-wrapper"><h3 class=" bd-textblock-71 bd-tagstyles bd-custom-button">
    Welcome to Themler
</h3>
	
		<div class=" bd-layoutbox-20 clearfix">
    <div class="bd-container-inner">
        
    </div>
</div>
	
		<h6 class=" bd-textblock-72 bd-tagstyles bd-custom-button">
    Build themes for your website or for sale.
</h6>
	
		<p class=" bd-textblock-75 bd-tagstyles bd-custom-button">
    Praesent ultricies sed felis venenatis convallis. <br>Nulla eget varius ex. Sed semper, erat egestas scelerisque lobortis, neque magna accumsan nisi, et tincidunt enim risus eu nibh.
</p>
	
		<a href="" class=" bd-linkbutton-7 bd-button-61 bd-icon-75"   >
Try Now
</a></div></div>
</div>
            </div>
        </div>
    </div>
</div></div>
    </div>
</section>