Codeigniter 3 not working on iis

Hello
am trying to run my website on iis but it only run the first page my is like this url http://localhost/friendmiiDemo/ and it works but when i go to http://localhost/friendmiiDemo/about it does not work i get this error https://www.dropbox.com/s/omltzinfskxpbey/Screenshot%20(49).png?dl=0 1

this is my web.config

Code:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="Imported Rule 1" stopProcessing="true">
                    <match url="^(.*)$" ignoreCase="false" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{R:1}" pattern="^(index\.php|assets|images|js|css|uploads|favicon.png)" ignoreCase="false" />
                        <add input="%(REQUEST_FILENAME)" matchType="IsFile" />
                        <add input="%(REQUEST_FILENAME)" matchType="IsDirectory" />
                    </conditions>
                    <action type="Rewrite" url="index.php/{R:1}" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

the first loaded page https://www.dropbox.com/s/qk38l9uoh5qvv1q/Screenshot%20(48).png?dl=0

and in the config i have these routes

PHP Code:

$route['posts/create'] = 'posts/create';
$route['posts/update'] = 'posts/update';
$route['posts/(:any)'] = 'posts/view/$1';
$route['posts'] = 'posts/index';
$route['default_controller'] = 'pages/view';
$route['(:any)'] = 'pages/view/$1';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE; 


i really don’t know what is wrong
my navbar code below

Code:

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="<?php echo base_url(); ?>">FriendMii</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="<?php echo base_url(); ?>">Home</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="<?php echo base_url(); ?>about">About</a>
      </li>
       <li class="nav-item">
        <a class="nav-link" href="<?php echo base_url(); ?>posts">Blog</a>
      </li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
      <a class="nav-link" href="<?php echo base_url(); ?>posts/create">Create post</a>
    </ul>
  </div>
</nav>

Please help
Thanks in advance