Page switch not working?

Question

css

The page switcher does not work. It just creates several news items on one page and that's it.
Probably a problem in index.php Maybe not everything was registered. I work in wordpress

<?php get_header(); ?>
<?php get_sidebar(); ?>
    <div id="content">
                <h3 class="news">Добро пожаловать в салон Анастасии Корчуковой</h3>

  <?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>


        <div class="box">
            <div id="rateYo" class="counter">
                    <h3 class="h3dec"><?php the_title(); ?></h3>
            </div>
                    <div id="h3decc"></div>
                    <h1 class="p"><?php the_excerpt(); ?> </h1>
                    <div class="news_info">
                    </div>       
        </div>
        <div class="dalee">
        <ul><li><a href="<?php the_permalink(); ?>">Продолжение<a href="#"></li></ul>
        </div>
        <div class="news_blog"></div>

  <?php endwhile; ?>
  <?php else: ?>
  <?php endif; ?>
         
    </div>

<nav id="<?php echo $html_id; ?>" class="navigation" role="navigation">
    <?php if ( function_exists( 'wp_pagenavi' ) ) wp_pagenavi(); ?>
</nav><!-- #<?php echo $html_id; ?> .navigation -->
         
<?php get_footer(); ?>
   <script src="jquery.js"></script>
  <script src="jquery.rateyo.js"></script>

Answer 1

God only knows what you are doing there =)
I just installed Wordpress, created 12 materials. The default was 10 per page, then I went to the settings (see the picture), set it to 3. Now there are 3 news on the 1st page, 3 on the other, and so on.