           <br>
                        <h3 class="text-lg text-gray-700 font-semibold">{{ profile.location }}</h3>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-12">
            <h2 class="text-2xl font-semibold mb-4">Posts</h2>
            <div class="grid lg:grid-cols-3 gap-8">
                {% for post in posts reversed %}
                <a href="/post/{{post.post_id}}">
                <div class="bg-white rounded-md lg:shadow-lg shadow p