The goal of the project:
Developing an SEO and mobile-friendly website that is fully editable from the admin panel, optimized for search engines, with a minimalist design approach.
All fields and features seen on the site can be changed from the admin panel.
General Features of the Site:
Back-end:
- The texts in the slider section on the homepage,
- How many and which field of practice areas will appear on the homepage and other pages,
- About us page,
- Practice areas,
- Blog posts,
- Contact information in the footer section and contact us page,
- Map on contact us page,
- and more,
can be changed from the admin panel.
Front-end:
- Social media profile information is visible on the contact page if it exists, otherwise it is not,
- Article images are automatically displayed with the fit method without disturbing the structure of the page. So you can add any size image you want.
- It is fully mobile compatible.
<section id="practiceareas">
<div class="container" id="practiceareas">
<div class="row text-center pt-5 pb-4">
<span class="h3">Faaliyet Alanlarımız</span>
</div>
<div class="row">
{% for area in practicearea_list %}
{% if not area %}
<div class="col">
<p>Henüz Çalışma Alanı Eklenmedi...</p>
</div>
{% else %}
{% if area.show_on_mainpage == True %}
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="mb-4 position-relative" id="practicearea">
<div class="text-center pt-2"><em class="bi {{ area.image }}" role="img" style="font-size: 100px; color: #3e4358;"></em></div>
<div class="row text-center ms-2 me-2"><h2 class="h3">{{ area.practice_name }}</h2></div>
<div class="row pt-3 ms-4 me-4 pb-4">{{ area.practice_short_description }}</div>
<a href="{{ area.get_absolute_url }}" class="stretched-link"></a>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
<div class="row text-center">
<div class="col">
<a class="main-button text-white mb-5" href="{% url 'mainsite:practice-areas' %}" role="button"><span class="mb-5 dark-bg-hover-underline-animation">Tüm Faaliyet Alanlarımız</span></a>
</div>
</div>
</div>
</section>
SEO:
- SEO infrastructure (title, description, keywords, canonical, open graph meta and etc.) is created dynamically for all pages. So the site is 100% search engine compatible.
- The sitemap is generated automatically.
- And other things I may have forgotten to write here :)
