On the index page I want to show projects. Each project has a detail. When clicked on the permalink on the index page it should open detail page. But it doesn't do so. This is the code:
<a href="<?php echo get_the_permalink(); ?>" title="more">
<div class="work-item branding ui-ux">
<div class="work-detail">
<a href="<?php the_permalink(); ?>">
<img src="<?php echo get_the_post_thumbnail_url() ?>" alt="">
<div class="work-info">
<div class="centrize">
<div class="v-center">
<h3><?php echo the_title();?></h3>
<p><?php the_excerpt(); ?></p>
</div>
</div>
</div>
</a>
</div>
</div>
</a>
<?php if (have_posts()){ ?>
<section class="page-title parallax-section">
<div class="row-parallax-bg">
<div class="parallax-wrapper">
<div class="parallax-bg">
<img src="images/bg-image-54.jpg" alt="">
</div>
</div>
<div class="parallax-overlay"></div>
</div>
<div class="centrize">
<div class="v-center">
<div class="container">
<div class="single-post-info">
<h6><span><i class="hc-clock"></i>تاریخ پست</span><span class="post-time">22<?php the_date('D/M/Y') ?></span><span> در <a href="#"><?php the_category(); ?></a></span></h6>
<div class="title text-center">
<h1>لورم ایپسوم متن ساختگی با </h1>
</div>
<div class="post-author">
<img src="images/testimonial-2.jpg" alt=""><a href="#"><?php the_modified_author(); ?></a>
</div>
</div>
</div>
</div>
</div>
</section>
<?php } ?>
<section>
When I click on picture or links a new link creates: "http://localhost/wordpress/faradars/project/lorem ipsum" and it refers to index page. Can anyone help me to fix it?